Déjà inscrit au forum ? Identifiez vous ci-dessous ( Mot de passe perdu / Mail de validation non reçu ) :

Pseudo : Mot de passe :

Pas encore inscrit ? Inscrivez vous maintenant au forum !

Accueil du forum >> Essai gestion des couleurs dans le forum

Suite à diverses demandes sur ce sujet, j'ouvre le forum de DizTest pour faire des essais.
Repérage test des couleurs de l'espace forum
PapyClic


Site/blog

10 messages

posté le 2008-10-19 à 02:35:37

Rien n'étant prévu dans l'assistant DizPerso, il faut créer des règles pour gérer le design de ce forum.


PapyClic


Site/blog

10 messages

posté le 2008-10-19 à 02:38:57



Premier essai, voici les règles utilisées pour faire un repérage, attention si vous avez des tableaux dans vos articles ils seront gérés également par ces règles, il faudra mettre à chaque tableau leurs couleurs, les règles ci-dessous seront le style par défaut de tous les tableaux dans la partie "Contenu" :

/* Gestion des couleur du forum */
/* fond du tableau et couleur texte */
#contenu table
{
background-color:transparent;
color:#000;
}

/* Tableau couleur fond et
des caractères */
#contenu td
{
background-color:#EBEDAB;
color:#0000CC;
padding: 3 px;
}

/* Couleurs et taille des liens */
#contenu td a
{
background-color: #EBEDAB;
color : #003366;
font-size: 10pt;
}
#contenu td a:hover
{
background-color: #FFFFFF;
color: #006699;
font-size: 10pt;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

:note: ATTENTION!!! si vous voulez mettre un fond en transparence, impérativement il faut mettre transparent en entier, le caractère # comme dans Diz Perso n'est pas reconnu dans les tableaux.


Dernière modification le 29-10-2008 à 07:38:41


PapyClic


Site/blog

10 messages

posté le 2008-10-22 à 01:12:30



Après plusieurs essais, seule la couleur du texte du titre du sujet, dans le tableau de toutes les discussions sur un sujet, n'est pas gérée par le code CSS indiqué dans le message précédent.

Ce qui veut dire qu'il faudra tenir compte de la couleur de ce texte pour choisir celle du fond. Par exemple, si la barre titre est d'une seule couleur sombre, choisir un fond clair et si la barre est d'une couleur claire, choisir un fond de couleur foncée.

J'ai ajouté à l'essai la possibilité de faire un fond différent au tableau des discussions, avec le code suivant :

/* Deuxième tableau : couleur fond cellule et couleur caractères */
#contenu td td {background-color:#FFEFBB; color:#0000CC;}

Voilà en attendant mieux c'est à dire avoir un identifiant ID forum et des règles modifiables #forum.

Bonne continuation


Dernière modification le 29-10-2008 à 07:41:44


PapyClic


Site/blog

10 messages

posté le 2008-10-24 à 00:11:37

à tous(tes)

Pour rendre plus lisibles les fonds des tableaux du forum :

/* Tableau couleur fond et
des caractères */
#contenu td
{
background-color: transparent;
color:#0000CC;
padding: 3 px;
}

Dans ce cas si le texte des messages n'est pas lisible, vous pouvez voir en modifiant cette règle :

/* Deuxième tableau(discussion sur un sujet) : couleur fond cellule et couleur caractères */
#contenu td td
{
background-color: #EBEDAB;
color: #0000CC;
}

En ce moment sur BRICABRAC, je fais des essais sur la modification des différentes largeurs pour éviter les débordements, là également ce n'est pas simple.

Bonne soirée :fant:


Dernière modification le 29-10-2008 à 07:31:28


Lafaucheuse


Site/blog

2 messages

posté le 2009-09-17 à 11:09:47



Tu sais quoi? Même quand tu fais des tests on arrive à des merveilles

d'être là pour nous et nos blogs!


Papyclic, tu es un vrai génie!

Répondre
Pseudo : Adresse e-mail:





Aide ?


Se souvenir de mes infos ( pseudo et e-mail ) :



Merci de recopier le nombre présent à gauche dans la case de texte ci-dessous ( Pourquoi ? )







Pour insérer une image dans votre message, cliquez sur " Parcourir ", sélectionnez l'image puis cliquez sur " Héberger l'image ". Vous obtiendrez alors les codes de partage.




Recommander ce blog | Contacter l'auteur | Reporter un abus | S'abonner au blog Flux RSS du blog | Espace de gestion

Créer un blog gratuit avec Blog4ever



Parrainé par PapyClic du blog/site "BRICABRAC" - CSS & HTML dans BLOG4EVER