Effet "brouillard" sur les liens

2 participants

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

Résolu Effet "brouillard" sur les liens

Message par Emyuna 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

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 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,
Effet "brouillard" sur les liens 6ds2878Ge
ge80

ge80
Membre actif

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

http://www.tsi80.net/
ge80 a été remercié(e) par l'auteur de ce sujet.

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

Message par Emyuna 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

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

ge80
Membre actif

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

http://www.tsi80.net/
ge80 a été remercié(e) par l'auteur de ce sujet.

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

Message par Emyuna 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

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

ge80
Membre actif

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

http://www.tsi80.net/
ge80 a été remercié(e) par l'auteur de ce sujet.

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

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

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

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

- Sujets similaires

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