Modifier le texte du Qeel pour qu'il soit lumineux

2 participants

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 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

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 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

Ea
Aidactif
Aidactif

Messages : 23583
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 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

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 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

Ea
Aidactif
Aidactif

Messages : 23583
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 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

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

- Sujets similaires

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