changer la couleur des sections au passage du pointeur de la souri

[lerenard1968]

Bonjour

une modification simple qui permet de changer la couleur des sections du forum au passage du pointeur de la souri

dans le template vbulletin.css ajouté tout en bas le code suivant:

.forumrow:hover, .threadbit div:hover { background: #FF99FF !important; }pour la couleur changer le code en rouge par celui qui vous convient
les codes de couleur ici (http://www.henri-ruch.ch/HTML/Couleurs/couleurs.asp)


16724

[Simon]

Merci pour le partage :)

[Ombre]

Bonsoir, merci pour le partage :).

Par contre il y a deux question que je souhaiterais te posées, au sujet de ce petit mod CSS.


La couleur au survole est désiré avec le retrait de l'image de fond, qui donne un effet de relief aux forum et discussions?
Pourquoi utiliser le crochet dans ta class ">" (.threadbit > div:hover)

[lerenard1968]

bonsoir ombre

le crochet ne sert a rien.......message modifié..... cela m'arrive souvent;) et puis je ne suis pas un programmeur php ou html j'apprend ombre
mais ça fait jolie le mod byby

[Ombre]

Tu ne réponds pas à ma question 1, si je te la pose c'est que je suppose que tu as fais une erreur sans le vouloir, et cela me permettrais de t'expliquer le pourquoi du comment.

[lerenard1968]

trés fort possible que j'ai fais des erreurs en fait moi j'ai voulu que ça soit dans additional.css mais j'ai pas pus le mettre si tu regarde le code en dessous celui la c'est dans le additional.css si tu veux verifier avec plaisir
c'est pour changé la couleur des:

Sticky:important
Lock:Sujet fermé
Hot:Sujet populaire


.sticky a.title {color: #0000FF;} .lock a.title {color: #FF0000;} .hot a.title {color: #FF8040;}

s'il y a des erreurs a corrigé je veux bien et puis voila un lien qui donne pas mal d'idées http://webdeveloperplus.com/css/text-shadow-property-in-css3/
je pense a réaliser des bbcodes byby

[Ombre]

Tu ne réponds toujours pas à ma question, en faite je t'explique de façon la plus clair possible.

Tu utilises l'attribut de class CSS "background pour ton mod:


background: #FF99FF !important;Il faut savoir que cette attribut sert à définir une série de paramètres et non pas que la couleur, si tu utilises cette attribut, tu vas non seulement au passage de la souris changer la couleur, mais aussi désactivé les autres paramètres de l'attribut, qui sont la couleur de fond, le chemin de l'image de fond, la répétition, et le positionnement.

L'attribut "background" doit comporté donc ses element, exemple:


background: #ffffff url(url_de_l'image) no-repeat left top;Si ton intension était de changer la couleurs de fond mais pas l'image de fond qui permet d'avoir un relief à ses conteneur visés, tu dois faire ainsi:


background-color: #FF99FF !important;De cette façon au survole de la souris sur l'element visé, la couleur changera mais l'image de fond restera, tu ne dénaturas pas l'element avec ton mode lors de ton passage ainsi.

Enfin voila.

Pour le positionnement de ton mod, cela dépend de ce qui est visé, le template additional.css est le plus conseillé, le mod peu fonctionner sur d'autres templates, selon ce qui est visé, mais il faut testé à chaque fois, et surtout si les class d'origines sont incluses dans le templates ou tu places tes class modifiées, alors il te faudra les mettre après celle d'origine, afin qu'elle écrase celles d'origines.

Amuse toi bien pour la suite ;).

[lerenard1968]

bonjour ombre

merci pour tout ces explications

background-color: #FF99FF !important;

je ne savais pas qu'il y avait l'attribut background-color

j'essayerais dans la journée de faire des correctifs, maintenant je suis au boulot

il est toujours bien d'apprendre;)

[lerenard1968]

bonsoir

mon intention était de changer la couleurs de fond mais pas l'image; en appliquant le code


background-color: #FF99FF !important;

ça n'a rien donné je sais qu'il est possible de faire ceci en passant par le additional.css mais j'ai pas pus le faire

[Ombre]

Si tu places le code dans le template additional.css ou après les class d'origine qui se trouvent dans différents templates selon les class visées, cela fonctionne, j'en suis certains :)

[mitch84]

j'ai deja vu quasiment les memes ICI (http://www.vbulletin.org/forum/showthread.php?t=240735), et une autre modif LA
(http://www.vbulletin.org/forum/showthread.php?t=238890)

[Ombre]

j'ai deja vu quasiment les memes ICI (http://www.vbulletin.org/forum/showthread.php?t=240735), et une autre modif LA
(http://www.vbulletin.org/forum/showthread.php?t=238890)
Bonsoir,

Oui c'est une copie conforme apparemment, par contre ton deuxième lien ne semble pas du tout correspondre à l'effet de survole, j'ai regarde le mod dans le fichier txt et ça ne correspond pas du tout.

Le mod ayant était remodeler, on dira pour cette fois que c'est un hasard.

De toutes façon, le mod sur vb.org, n'est pas correct, comme expliquer plus haut, il s'agit de changer la couleur, alors pourquoi retiré l'image de fond qui ne donne qu'un effet visuel, la description n'indique pas sur vb.org que le mod ne prend pas en compte le background-image, et l'utilisation du > est inutile.

[Xtr3mD34th]

Merci pour l'astuce, marche nickel chez moi, merci ! ^^

[StAfFoRdShIrE]

Merci,fonctionne très bien sur vb 4.1.2.

[VanillaNeko]

Merci Lerenard !

[Sawyer2]

Merci pour le partage

[raja811]

mercii

[HICHEM TIGS]

Merci,fonctionne très bien sur vb 4.1.12