Appliquer deux ombres différentes sur un pseudo

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

Résolu Appliquer deux ombres différentes sur un pseudo

Message par Dracerinx le Ven 6 Mai 2011 - 0:18

Bonjour à tous !

J'avais comme objectif de rendre mes pseudos de forum plus sympathiques qu'ils ne le sont à la base en changeant de police mais aussi en mettant une ombre. Le soucis, c'est qu'il y a plusieurs effets possibles et que j'aimerais en combiner deux d'entre-elles mais je ne sais pas comment je pourrais faire ca...

Alors pour faire mon code css j'ai fait exactement comme indiqué dans ce sujet :
http://forum.forumactif.com/t295165-changer-la-police-des-pseudo#2593292

Et dans mon code css j'ai :
Code:
.police{
font-family: "Lucida Handwriting";
font-size: 16px;
}

J'aimerais dans l'idéal combiner l'effet :
https://i23.servimg.com/u/f23/11/13/06/01/image_11.png
qui s'obtient en rajoutant le code :
Code:
text-shadow: 2px 2px 0px #000000;

Avec l'effet :
https://i23.servimg.com/u/f23/11/13/06/01/image_12.png
Qui s'obtient en rajoutant le code :
Code:
text-shadow: 0px 0px 10px #CCAF70;

J'ai bien entendu essayé de mettre les deux à la suite mais ca me fait soit l'un soit l'autre... Mais pas les deux à la fois...

Voilà, j'aimerais savoir si c'était possible et si oui comment on fait s'il vous plaît...
Cordialement.


Dernière édition par Dracerinx le Ven 6 Mai 2011 - 14:52, édité 1 fois

Dracerinx
Nouveau membre

Masculin
Messages : 10
Inscrit(e) le : 17/04/2011

http://last-hope.frenchboard.com/
Dracerinx a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Appliquer deux ombres différentes sur un pseudo

Message par Convivialite le Ven 6 Mai 2011 - 7:21

Bonjour

une idée que je n'ai pas testée , mais on ne sait jamais lol!

Donc dans le template viewtopic_body

Code:

 <p style="text-shadow: 0px 0px 10px #CCAF70;"> {postrow.displayed.POSTER_NAME}</p>

ce qui donne
Code:
<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong><center><div class="police"><p style="text-shadow: 0px 0px 10px #CCAF70;"> {postrow.displayed.POSTER_NAME}</p></center></strong></span><br />

ta 2eme ombre dans le css

Code:
.police{
font-family: "Lucida Handwriting";
font-size: 16px;
text-shadow: 2px 2px 0px #000000;
}



Amicalement

Convivialite
+ Hyperactif +

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Appliquer deux ombres différentes sur un pseudo

Message par Scoubifitz le Ven 6 Mai 2011 - 7:41

@Dracerinx a écrit:J'aimerais dans l'idéal combiner l'effet :
https://i23.servimg.com/u/f23/11/13/06/01/image_11.png
qui s'obtient en rajoutant le code :
Code:
text-shadow: 2px 2px 0px #000000;

Avec l'effet :
https://i23.servimg.com/u/f23/11/13/06/01/image_12.png
Qui s'obtient en rajoutant le code :
Code:
text-shadow: 0px 0px 10px #CCAF70;

J'ai bien entendu essayé de mettre les deux à la suite mais ca me fait soit l'un soit l'autre... Mais pas les deux à la fois...

Voilà, j'aimerais savoir si c'était possible et si oui comment on fait s'il vous plaît...
Cordialement.

bonjour,

c'est possible ... par une simple virgule ...

Code:
text-shadow:#000000 2px 2px 0px,#CCAF70 0px 0px 10px;

un texte avec 2 ombres !^^
Code:
[table border="0"][tr][td style="height:100px;width:600px;background-color:#2e2e2e;color:#6296BE;text-shadow: #000000 2px 2px 0px,#CCAF70 0px 0px 10px;"][size=29][b][center]un texte avec 2 ombres !^^[/center][/b][/size] [/td][/tr][/table]

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Appliquer deux ombres différentes sur un pseudo

Message par Dracerinx le Ven 6 Mai 2011 - 14:51

Ah bah oui la virgule marche toute seule @_@

J'aurais jamais pensé à ça... Comme quoi il suffit de pas grand chose @_@

Bref en tout cas merci beaucoup Smile C'est très sympa avec les deux effets Smile

Merci ! résolu

Dracerinx
Nouveau membre

Masculin
Messages : 10
Inscrit(e) le : 17/04/2011

http://last-hope.frenchboard.com/
Dracerinx 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