C'est la fin du projet CSSActif, vous trouverez les explications ici : Fin de CSSActif, ouverture du forum. Le forum reste cependant ouvert à tous et ses ressources sont entièrement disponibles. Merci à tous !
Derniers sujets
» Modifier l'apparence du titre des topics
Mer 21 Juin 2017, 10:21 par Invité

» Zoomer progressivement sur une image
Mar 20 Juin 2017, 12:38 par Lutèce

» Décoration avant ou après un lien
Mar 20 Juin 2017, 12:05 par nuanciel

» [RPG] Fiche de présentation
Lun 19 Juin 2017, 18:54 par Invité

» Système d'onglets simple et personnalisable
Dim 18 Juin 2017, 20:17 par VankaAD

» Quelques codes utiles pour la Chatbox
Dim 18 Juin 2017, 11:43 par Invité

» Signature codée avec onglets
Mer 14 Juin 2017, 05:35 par PolardK

» [phpBB2] Sauvegarde des posts en cours d'écriture
Mer 14 Juin 2017, 05:15 par PolardK


Poster un nouveau sujet   Répondre au sujetPartagez | 
 

[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
Voir le profil de l'utilisateur http://mondanimal.forumactif.biz/forum.htm
avatar
{ Membre }
{ Membre }

Féminin Messages : 105



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   Dim 25 Juil 2010, 11:34
Revenir en haut Aller en bas
Invité
Invité




merci
MessageSujet: Re: [Liens] Quelques effets pour vos liens   Jeu 29 Mar 2012, 16:41
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://purple-strawberry.fr1.co/
avatar
{ Membre }
{ Membre }

Féminin Messages : 23



Merci Very Happy
MessageSujet: Re: [Liens] Quelques effets pour vos liens   Sam 31 Mar 2012, 06:00
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://delicious-candy.forumactif.org
{ Membre }
{ Membre }

Féminin Messages : 67



arigato
MessageSujet: Re: [Liens] Quelques effets pour vos liens   Sam 31 Mar 2012, 08:38
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://graphoto.actifforum.com/
{ Membre }
{ Membre }

Masculin Messages : 75



Merci
MessageSujet: Re: [Liens] Quelques effets pour vos liens   Jeu 19 Avr 2012, 17:30
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://vocaloid-high-school.forums-actifs.com/
avatar
{ Membre }
{ Membre }

Féminin Messages : 37



Merci ~
MessageSujet: Re: [Liens] Quelques effets pour vos liens   Sam 05 Mai 2012, 06:46
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://helter-s.forumactif.com
avatar
{ Membre }
{ Membre }

Féminin Messages : 43



Merci !
MessageSujet: Re: [Liens] Quelques effets pour vos liens   Mar 12 Juin 2012, 23:42
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://queenstonevalley.forumactif.com
{ Membre }
{ Membre }

Féminin Messages : 10



merci!
MessageSujet: Re: [Liens] Quelques effets pour vos liens   Lun 25 Juin 2012, 09:28
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.music-is-life.azurforum.com
avatar
{ Membre }
{ Membre }

Féminin Messages : 53



Merci


Profitons de la vie.
MessageSujet: Re: [Liens] Quelques effets pour vos liens   Mar 26 Juin 2012, 14:02
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://mariokartwii-ninclan.superforum.fr/
avatar
{ Membre }
{ Membre }

Masculin Messages : 37



merci
MessageSujet: Re: [Liens] Quelques effets pour vos liens   Mar 26 Juin 2012, 14:03
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://twinklestar.1fr1.net
{ Membre }
{ Membre }

Masculin Messages : 12



Merci beaucoup!
MessageSujet: Re: [Liens] Quelques effets pour vos liens   Jeu 05 Juil 2012, 08:57
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://tttttt.forumgratuit.ch
avatar
{ Membre }
{ Membre }

Masculin Messages : 46



Merchi
MessageSujet: Re: [Liens] Quelques effets pour vos liens   Ven 06 Juil 2012, 06:01
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://maitre-or-slave.forumactif.com/forum.htm
avatar
{ Membre }
{ Membre }

Féminin Messages : 22



Merci pour ce code.^^


MessageSujet: Re: [Liens] Quelques effets pour vos liens   Dim 08 Juil 2012, 18:18
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Membre }
{ Membre }

Masculin Messages : 25



Merci. Wink
MessageSujet: Re: [Liens] Quelques effets pour vos liens   Lun 09 Juil 2012, 13:15
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://dream-dimension.forums-rpg.com/
avatar
{ Membre }
{ Membre }

Féminin Messages : 34



+1
ty :3


MessageSujet: Re: [Liens] Quelques effets pour vos liens   Dim 15 Juil 2012, 00:37
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Membre }
{ Membre }

Féminin Messages : 23



Merci beaucoup Very Happy
MessageSujet: Re: [Liens] Quelques effets pour vos liens   Dim 15 Juil 2012, 08:37
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Membre }
{ Membre }

Masculin Messages : 43



Gracias, gracias! ♥
MessageSujet: Re: [Liens] Quelques effets pour vos liens   Dim 15 Juil 2012, 22:34
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Membre }
{ Membre }

Féminin Messages : 22



Merci !
MessageSujet: Re: [Liens] Quelques effets pour vos liens   Mar 17 Juil 2012, 00:36
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Membre }
{ Membre }

Féminin Messages : 5



Merci !
MessageSujet: Re: [Liens] Quelques effets pour vos liens   Mar 17 Juil 2012, 05:46
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.zestedecouleurs.net/forum
avatar
{ Membre }
{ Membre }

Féminin Messages : 105



J'aime ** Merci \o/
MessageSujet: Re: [Liens] Quelques effets pour vos liens   Jeu 19 Juil 2012, 16:14
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://warofnightmare.forumsgratuits.net
{ Membre }
{ Membre }

Féminin Messages : 19



Merci.
MessageSujet: Re: [Liens] Quelques effets pour vos liens   Jeu 16 Aoû 2012, 14:18
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://solina-rpg.1fr1.net/index.htm
avatar
{ Membre }
{ Membre }

Féminin Messages : 19



Je prends, merci !
MessageSujet: Re: [Liens] Quelques effets pour vos liens   Jeu 16 Aoû 2012, 20:12
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://starschool.forumgratuit.org/
avatar
{ Membre }
{ Membre }

Féminin Messages : 27



merci du partage !
MessageSujet: Re: [Liens] Quelques effets pour vos liens   Mar 21 Aoû 2012, 13:28
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
{ Membre }
{ Membre }

Féminin Messages : 14



Thanks
MessageSujet: Re: [Liens] Quelques effets pour vos liens   Mer 22 Aoû 2012, 16:11
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://managercommunity.forumactif.com/
{ Membre }
{ Membre }

Masculin Messages : 26



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




MessageSujet: Re: [Liens] Quelques effets pour vos liens   
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] Quelques effets pour vos liens
» Mettre des couleurs différentes pour les liens
» liens et photos pour un nouveau memebre
» Liens non cliquables pour les invités
» Centrer les catégorie & mettre quelques effets.

Permission de ce forum:Vous pouvez répondre aux sujets dans ce forum
CSSActif :: Codes Directement Exploitables :: Codes à Copier/Coller :: La Boite à Outils-
Poster un nouveau sujet   Répondre au sujet

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