Effet "brouillard" sur les liens

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

Résolu Effet "brouillard" sur les liens

Message par Emyuna le Mar 9 Aoû 2011 - 14:34

Bonjour à tout le monde,

J'aimerais que mes liens aient un "effet brouillard" sans que l'on ait à passer la souris dessus, c'est-à-dire que les liens soient automatiquement entourés de ce qui ressemble à une brume, comme dans ce forum (en page d'accueil).

Pouvez-vous, s'il vous plaît, me faire part du code pour avoir des liens comme ça ?

Merci d'avance !


EDIT : En fait ce sont les lettres très floues qui s'affichent derrière et qui donnent cet effet-là.


Dernière édition par Emyuna le Mar 9 Aoû 2011 - 15:36, édité 1 fois

Emyuna
***

Féminin
Messages : 110
Inscrit(e) le : 15/02/2009

HTTP://SECRETS-ECRIVAINS.EXPRIMETOI.NET
Emyuna a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Effet "brouillard" sur les liens

Message par ge80 le Mar 9 Aoû 2011 - 14:43

Bonjour

IL faut utiliser la propriétés text-shadow
Code:

 <span style="text-shadow:#074555 4px 3px 6px; font-size: 30px; color: #60407F;">Votre texte</span>

Regarder ici -> http://www.quirksmode.org/css/textshadow.html


Cordialement,
Ge

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effet "brouillard" sur les liens

Message par Emyuna le Mar 9 Aoû 2011 - 14:50

Merci beaucoup !
Pouvez-vous me dire où je dois placer ce code ... ? Et si c'est dans le CSS, si je peux l'intégrer à une autre feuille de CSS ?

Emyuna
***

Féminin
Messages : 110
Inscrit(e) le : 15/02/2009

HTTP://SECRETS-ECRIVAINS.EXPRIMETOI.NET
Emyuna a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Effet "brouillard" sur les liens

Message par ge80 le Mar 9 Aoû 2011 - 14:55

Ceci dépend de l'endroit où vous le voulez.

Il peut être dans l'accueil ou dans un message.

Il faut que l'html soit activé.

On peut aussi prendre le style et le mettre dans votre feuille de style (CSS).

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effet "brouillard" sur les liens

Message par Emyuna le Mar 9 Aoû 2011 - 15:07

J'aimerais, comme sur le forum que j'ai montré, que cet effet soit présent sur tous les liens... Quel est le style à mettre dans le CSS pour cela ?
(Désolée de ma nullité en codes Embarassed )
Merci Smile

Emyuna
***

Féminin
Messages : 110
Inscrit(e) le : 15/02/2009

HTTP://SECRETS-ECRIVAINS.EXPRIMETOI.NET
Emyuna a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Effet "brouillard" sur les liens

Message par ge80 le Mar 9 Aoû 2011 - 15:16

Quel genre de lien ?.

Dans les messages ?
Les liens vers les sujets, les topics ?

Un exemple de code CSS à ajouter à la fin de votre feuille de style.
Code:
a:link {
text-shadow:#074555 4px 3px 6px;
}
   

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effet "brouillard" sur les liens

Message par Emyuna le Mar 9 Aoû 2011 - 15:35

Ah mais oui, c'est exactement ça Very Happy
Merci beaucoup !

Emyuna
***

Féminin
Messages : 110
Inscrit(e) le : 15/02/2009

HTTP://SECRETS-ECRIVAINS.EXPRIMETOI.NET
Emyuna 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