Appliquer deux ombres différentes sur un pseudo

[Dracerinx]

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 :
https://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://i.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://i.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.

[Convivialite]

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

[Scoubifitz]

J'aimerais dans l'idéal combiner l'effet :
https://i.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://i.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]

[Dracerinx]

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 C'est très sympa avec les deux effets

Merci !