Modifier le texte du Qeel pour qu'il soit lumineux

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Modifier le texte du Qeel pour qu'il soit lumineux

Message par ahate le Ven 30 Sep 2011 - 17:28

Bonjour, bonsoir !

Je vous écris aujourd'hui parce que, étant en plein dans le design de mon forum, je me retrouve confrontée à un problème dérisoire mais sur lequel je me casse la tête depuis près de deux heures !
Je vous explique : on a déjà modifié le Qeel avec ma co-admin et jusqu'à présent on ne s'est jamais réellement posé la question, mettant une image en fond et passant directement à autre chose. Sauf que là, l'image étant dans les mêmes tons que l'écriture, on ne la voit plus !

Je vous montre ça :
Spoiler:

J'ai essayé d'éplucher les archives à la recherche du conseil et de bidouiller avec mes -très très très- maigres connaissances en codage mais impossible de modifier quoi que ce soit ! Embarassed
Est-ce que quelqu'un pourrait m'expliquer comment mettre une lueur autour des lettres, voire mettre une grosse case transparente autour?

Voici mon template modifié

Code:


et la partie du CSS correspondant au Qeel

Code:


Merci d'avance ! Very Happy


Dernière édition par ahate le Ven 30 Sep 2011 - 19:46, édité 2 fois

ahate
Nouveau membre

Féminin
Messages : 6
Inscrit(e) le : 12/11/2010

http://kamotest.grafbb.com
ahate a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier le texte du Qeel pour qu'il soit lumineux

Message par Ea le Ven 30 Sep 2011 - 18:28

Une lueur au texte c'est possible ( il suffit de chercher "text-shadow" ) mais vu qu'il y a des zones foncées et des zones clairs je ne suis pas certain d'un bon résultat.

À mon avis ce qu'il faudrait faire dans un cas comme celui-là c'est mettre un fond avec un degré de transparence, par exemple pour les groupes :

Code:
.qeel .groupes a {
   background:url(http://i48.servimg.com/u/f48/16/78/05/90/adaded11.png);
   padding:3px;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   border-radius:10px;
   line-height:10px;
   border:2px solid #fff;
   box-shadow:3px 3px 6px #222;
   -webkit-box-shadow:3px 3px 6px #222;
   -moz-box-shadow:3px 3px 6px #222;
   text-shadow:0 0 3px #dfa;
   opacity:0.8;
   -moz-opacity:0.8;
   -ms-filter:"alpha(opacity=80)";
   filter:alpha(opacity=80);
}
.qeel .groupes a:hover {
   opacity:1;
   -moz-opacity:1;
   -ms-filter:"alpha(opacity=100)";
   filter:alpha(opacity=100);
   text-decoration: none!important;
}
Maintenant vous pouvez faire ce que vous souhaitez comme vous le souhaitez ^^

Ea
Aidactif
Aidactif

Messages : 23442
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier le texte du Qeel pour qu'il soit lumineux

Message par ahate le Ven 30 Sep 2011 - 18:50

Merci pour votre réponse !

Alors j'ai testé en copiant le code que vous m'avez donné, ça rend vraiment bien pour ce qui est des groupes mais les stats sont encore dans le brouillard :/

Spoiler:

Est-il possible de faire quelque chose dans le même style pour elles aussi?

ahate
Nouveau membre

Féminin
Messages : 6
Inscrit(e) le : 12/11/2010

http://kamotest.grafbb.com
ahate a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier le texte du Qeel pour qu'il soit lumineux

Message par Ea le Ven 30 Sep 2011 - 18:59

Et bien je vous laissais le faire en faisant pareille =P

Cela devrait donner quelque chose comme :

Code:
.qeel .groupes a,.qeel span.gensmall {
   background:url(http://i48.servimg.com/u/f48/16/78/05/90/adaded11.png);
   padding:3px;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   border-radius:10px;
   line-height:10px;
   border:2px solid #fff;
   box-shadow:3px 3px 6px #222;
   -webkit-box-shadow:3px 3px 6px #222;
   -moz-box-shadow:3px 3px 6px #222;
   text-shadow:0 0 3px #dfa;
   opacity:0.8;
   -moz-opacity:0.8;
   -ms-filter:"alpha(opacity=80)";
   filter:alpha(opacity=80);
}
.qeel .groupes a:hover,.qeel span.gensmall:hover {
   opacity:1;
   -moz-opacity:1;
   -ms-filter:"alpha(opacity=100)";
   filter:alpha(opacity=100);
   text-decoration:none!important;
}
.qeel span.gensmall {
   display:block;
   width:85%;
   position:relative;
   left: -15px;
}

Ea
Aidactif
Aidactif

Messages : 23442
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier le texte du Qeel pour qu'il soit lumineux

Message par ahate le Ven 30 Sep 2011 - 19:06

Haha je vous avais prévenu que j'étais une bille en code ! xDDD

En tout cas merci énormément, c'est exactement ça qu'il fallait et ça rend parfaitement !

Je marque en résolu, merci encore !!!

ahate
Nouveau membre

Féminin
Messages : 6
Inscrit(e) le : 12/11/2010

http://kamotest.grafbb.com
ahate a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum