[Liens] Quelques effets pour vos liens Bouton_active[Liens] Quelques effets pour vos liens Bouton_hover[Liens] Quelques effets pour vos liens Fb-hover[Liens] Quelques effets pour vos liens Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Structure de Qui Est En Ligne (1)
[Liens] Quelques effets pour vos liens EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
[Liens] Quelques effets pour vos liens EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
[Liens] Quelques effets pour vos liens EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
[Liens] Quelques effets pour vos liens EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
[Liens] Quelques effets pour vos liens EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
[Liens] Quelques effets pour vos liens EmptyMar 07 Fév 2023, 08:40 par Oxtran

» Mettre votre © Copyright dans le footer de votre forum
[Liens] Quelques effets pour vos liens EmptyMar 07 Fév 2023, 07:35 par Oxtran

» Barre(s) Hitskinienne
[Liens] Quelques effets pour vos liens EmptyVen 03 Fév 2023, 17:22 par Krager

-50%
Le deal à ne pas rater :
Trottinette électrique OCEAN DRIVE A9 avec clignotants
299.99 € 599.99 €
Voir le deal

Partagez
 

[Liens] Quelques effets pour vos liens

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : 1, 2  Suivant
http://mondanimal.forumactif.biz/forum.htm
Edelweiss
Edelweiss
{ Membre }
{ Membre }

Féminin Messages : 105



[Liens] Quelques effets pour vos liens Empty

Quelques effets pour vos liens

Description

Quelques codes CSS pour transformer vos liens au survol de la souris. Vous pouvez bien sûr combiner plusieurs propriétés pour un lien Wink

Demo

Connaissez-vous CSSActif ?
Connaissez-vous CSSActif ?
Connaissez-vous CSSActif ?
Connaissez-vous CSSActif ?
Connaissez-vous CSSActif ?

Code


Pré-requis


Rendez-vous dans Panneau d'Administration puis dans Affichage > Gestion des Couleurs > Feuille de style CSS.


Les effets


Je vous présente ici quelques effets, certains peuvent probablement déjà faire l'objet de tutoriels ou codes à copier/coller. Le but est de donner quelques exemples ici et de laisser libre court à votre inspiration/personnalisation. Wink


Transformation en petites majuscules


Code:
a:hover{
    font-variant: small-caps;
}
Exemple : Connaissez-vous CSSActif ?


Apparition d'une ombre


Code:
a:hover{
    text-shadow: 1px 1px 2px black;
}
Indications pour la personnalisation :
  • la première valeur indique le placement horizontal de l'ombre,
  • la deuxième valeur indique le placement vertical de l'ombre,
  • la troisième valeur indique le rayon du flou de l'ombre (atténuation),
  • la quatrième et dernière valeur correspond à la couleur de l'ombre.
Exemple : Connaissez-vous CSSActif ?


Lettres moins espacées


Code:
a:hover{
    letter-spacing :-1px;
}
Une valeur positive écartera les lettres.

Exemple : Connaissez-vous CSSActif ?


Transformation en italique


Code:
a:hover{
    font-style: italic;
}
Exemple : Connaissez-vous CSSActif ?


Transformation en (grandes) majuscules


Code:
a:hover{
  text-transform: uppercase;
}
Exemple : Connaissez-vous CSSActif ?

Informations générales

Edelweiss25/07/2010Firefox, Chrome, Safari, Opera, Internet ExplorerHaricoowMise à jour le 07/11/2012 par Espeon
MessageSujet: [Liens] Quelques effets pour vos liens   [Liens] Quelques effets pour vos liens EmptyDim 25 Juil 2010, 11:34
Revenir en haut Aller en bas
Invité
Invité




[Liens] Quelques effets pour vos liens Empty
merci
MessageSujet: Re: [Liens] Quelques effets pour vos liens   [Liens] Quelques effets pour vos liens EmptyJeu 29 Mar 2012, 16:41
Revenir en haut Aller en bas
http://purple-strawberry.fr1.co/
overwhelming
overwhelming
{ Membre }
{ Membre }

Féminin Messages : 23



[Liens] Quelques effets pour vos liens Empty
Merci Very Happy
MessageSujet: Re: [Liens] Quelques effets pour vos liens   [Liens] Quelques effets pour vos liens EmptySam 31 Mar 2012, 06:00
Revenir en haut Aller en bas
http://delicious-candy.forumactif.org
Looby
{ Membre }
{ Membre }

Féminin Messages : 67



[Liens] Quelques effets pour vos liens Empty
arigato
MessageSujet: Re: [Liens] Quelques effets pour vos liens   [Liens] Quelques effets pour vos liens EmptySam 31 Mar 2012, 08:38
Revenir en haut Aller en bas
http://graphoto.actifforum.com/
Glamor
{ Membre }
{ Membre }

Masculin Messages : 75



[Liens] Quelques effets pour vos liens Empty
Merci
MessageSujet: Re: [Liens] Quelques effets pour vos liens   [Liens] Quelques effets pour vos liens EmptyJeu 19 Avr 2012, 17:30
Revenir en haut Aller en bas
http://vocaloid-high-school.forums-actifs.com/
Orion-kun
Orion-kun
{ Membre }
{ Membre }

Féminin Messages : 37



[Liens] Quelques effets pour vos liens Empty
Merci ~
MessageSujet: Re: [Liens] Quelques effets pour vos liens   [Liens] Quelques effets pour vos liens EmptySam 05 Mai 2012, 06:46
Revenir en haut Aller en bas
http://helter-s.forumactif.com
Quantum Mechanics
Quantum Mechanics
{ Membre }
{ Membre }

Féminin Messages : 43



[Liens] Quelques effets pour vos liens Empty
Merci !
MessageSujet: Re: [Liens] Quelques effets pour vos liens   [Liens] Quelques effets pour vos liens EmptyMar 12 Juin 2012, 23:42
Revenir en haut Aller en bas
http://queenstonevalley.forumactif.com
suburbs
{ Membre }
{ Membre }

Féminin Messages : 10



[Liens] Quelques effets pour vos liens Empty
merci!
MessageSujet: Re: [Liens] Quelques effets pour vos liens   [Liens] Quelques effets pour vos liens EmptyLun 25 Juin 2012, 09:28
Revenir en haut Aller en bas
http://www.music-is-life.azurforum.com
❝ Jolie Histoire.
❝ Jolie Histoire.
{ Membre }
{ Membre }

Féminin Messages : 53



[Liens] Quelques effets pour vos liens Empty
Merci
MessageSujet: Re: [Liens] Quelques effets pour vos liens   [Liens] Quelques effets pour vos liens EmptyMar 26 Juin 2012, 14:02
Revenir en haut Aller en bas
http://mariokartwii-ninclan.superforum.fr/
servity
servity
{ Membre }
{ Membre }

Masculin Messages : 37



[Liens] Quelques effets pour vos liens Empty
merci
MessageSujet: Re: [Liens] Quelques effets pour vos liens   [Liens] Quelques effets pour vos liens EmptyMar 26 Juin 2012, 14:03
Revenir en haut Aller en bas
http://twinklestar.1fr1.net
PapyMoko
{ Membre }
{ Membre }

Masculin Messages : 12



[Liens] Quelques effets pour vos liens Empty
Merci beaucoup!
MessageSujet: Re: [Liens] Quelques effets pour vos liens   [Liens] Quelques effets pour vos liens EmptyJeu 05 Juil 2012, 08:57
Revenir en haut Aller en bas
http://tttttt.forumgratuit.ch
Kanda
Kanda
{ Membre }
{ Membre }

Masculin Messages : 46



[Liens] Quelques effets pour vos liens Empty
Merchi
MessageSujet: Re: [Liens] Quelques effets pour vos liens   [Liens] Quelques effets pour vos liens EmptyVen 06 Juil 2012, 06:01
Revenir en haut Aller en bas
http://maitre-or-slave.forumactif.com/forum.htm
Akane
Akane
{ Membre }
{ Membre }

Féminin Messages : 22



[Liens] Quelques effets pour vos liens Empty
Merci pour ce code.^^
MessageSujet: Re: [Liens] Quelques effets pour vos liens   [Liens] Quelques effets pour vos liens EmptyDim 08 Juil 2012, 18:18
Revenir en haut Aller en bas
Naywayz
Naywayz
{ Membre }
{ Membre }

Masculin Messages : 28



[Liens] Quelques effets pour vos liens Empty
Merci. Wink
MessageSujet: Re: [Liens] Quelques effets pour vos liens   [Liens] Quelques effets pour vos liens EmptyLun 09 Juil 2012, 13:15
Revenir en haut Aller en bas
http://dream-dimension.forums-rpg.com/
Onibi
Onibi
{ Membre }
{ Membre }

Féminin Messages : 34



[Liens] Quelques effets pour vos liens Empty
+1
ty :3
MessageSujet: Re: [Liens] Quelques effets pour vos liens   [Liens] Quelques effets pour vos liens EmptyDim 15 Juil 2012, 00:37
Revenir en haut Aller en bas
eleonorev
eleonorev
{ Membre }
{ Membre }

Féminin Messages : 23



[Liens] Quelques effets pour vos liens Empty
Merci beaucoup Very Happy
MessageSujet: Re: [Liens] Quelques effets pour vos liens   [Liens] Quelques effets pour vos liens EmptyDim 15 Juil 2012, 08:37
Revenir en haut Aller en bas
Kâ Lys
Kâ Lys
{ Membre }
{ Membre }

Masculin Messages : 43



[Liens] Quelques effets pour vos liens Empty
Gracias, gracias! ♥
MessageSujet: Re: [Liens] Quelques effets pour vos liens   [Liens] Quelques effets pour vos liens EmptyDim 15 Juil 2012, 22:34
Revenir en haut Aller en bas
bleubleu23
bleubleu23
{ Membre }
{ Membre }

Féminin Messages : 22



[Liens] Quelques effets pour vos liens Empty
Merci !
MessageSujet: Re: [Liens] Quelques effets pour vos liens   [Liens] Quelques effets pour vos liens EmptyMar 17 Juil 2012, 00:36
Revenir en haut Aller en bas
Nyx*
Nyx*
{ Membre }
{ Membre }

Féminin Messages : 5



[Liens] Quelques effets pour vos liens Empty
Merci !
MessageSujet: Re: [Liens] Quelques effets pour vos liens   [Liens] Quelques effets pour vos liens EmptyMar 17 Juil 2012, 05:46
Revenir en haut Aller en bas
http://www.zestedecouleurs.net/forum
Cyllan
Cyllan
{ Membre }
{ Membre }

Féminin Messages : 105



[Liens] Quelques effets pour vos liens Empty
J'aime ** Merci \o/
MessageSujet: Re: [Liens] Quelques effets pour vos liens   [Liens] Quelques effets pour vos liens EmptyJeu 19 Juil 2012, 16:14
Revenir en haut Aller en bas
http://warofnightmare.forumsgratuits.net
Amika Yoshida
{ Membre }
{ Membre }

Féminin Messages : 19



[Liens] Quelques effets pour vos liens Empty
Merci.
MessageSujet: Re: [Liens] Quelques effets pour vos liens   [Liens] Quelques effets pour vos liens EmptyJeu 16 Aoû 2012, 14:18
Revenir en haut Aller en bas
http://solina-rpg.1fr1.net/index.htm
Juu'.
Juu'.
{ Membre }
{ Membre }

Féminin Messages : 19



[Liens] Quelques effets pour vos liens Empty
Je prends, merci !
MessageSujet: Re: [Liens] Quelques effets pour vos liens   [Liens] Quelques effets pour vos liens EmptyJeu 16 Aoû 2012, 20:12
Revenir en haut Aller en bas
http://starschool.forumgratuit.org/
quartzouille
quartzouille
{ Membre }
{ Membre }

Féminin Messages : 27



[Liens] Quelques effets pour vos liens Empty
merci du partage !
MessageSujet: Re: [Liens] Quelques effets pour vos liens   [Liens] Quelques effets pour vos liens EmptyMar 21 Aoû 2012, 13:28
Revenir en haut Aller en bas
spaghètti.
{ Membre }
{ Membre }

Féminin Messages : 14



[Liens] Quelques effets pour vos liens Empty
Thanks
MessageSujet: Re: [Liens] Quelques effets pour vos liens   [Liens] Quelques effets pour vos liens EmptyMer 22 Aoû 2012, 16:11
Revenir en haut Aller en bas
http://managercommunity.forumactif.com/
Jordi Alba.
{ Membre }
{ Membre }

Masculin Messages : 26



[Liens] Quelques effets pour vos liens Empty
Merci.
MessageSujet: Re: [Liens] Quelques effets pour vos liens   [Liens] Quelques effets pour vos liens EmptyMer 05 Sep 2012, 07:35
Revenir en haut Aller en bas
Contenu sponsorisé




[Liens] Quelques effets pour vos liens Empty
MessageSujet: Re: [Liens] Quelques effets pour vos liens   [Liens] Quelques effets pour vos liens Empty
Revenir en haut Aller en bas
 

[Liens] Quelques effets pour vos liens

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 2Aller à la page : 1, 2  Suivant

 Sujets similaires

-
» [Liens] Ombre sous les liens
» [Liens] Liens avec fond coloré
» [Liens] Soulignement des liens en tirets
» [Liens] Liens en petites majuscules
» [Liens] Soulignement des liens en pointillés

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Codes Directement Exploitables :: Codes à Copier/Coller :: La Boite à Outils-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Contact | Signaler un abus | Forum gratuit