Forum d'entraide
Crea illusion Fantasy


Coucou,

Merci de nous rejoindre sur le forum, j'espère que l'on passera de bons moments ensembles.

Au plaisir de te lire dans les différentes catégories.

Le Staff du forum Crea illusion Fantasy.

Forum d'entraide
Crea illusion Fantasy

Aides, Conseils, Forum, Sites web, blogs, tout supports, Graphismes, Tutoriels, Publicités.


AccueilAccueil  FAQFAQ  PortailPortail  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez|

Barre de navigation "Lien" et "Lien :hover"

Voir le sujet précédent Voir le sujet suivant Aller en bas
AuteurMessage
avatar
Messages : 4986
Venue : 27/06/2009 Je suis : Féminin
Né(e) le : 17/09/1963
Age : 55
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 10528
Fondatrice
Ptite_Perle
18 - 16
MessageSujet: Barre de navigation "Lien" et "Lien :hover" Sam 30 Déc 2017 - 18:32

Coucou

Compatible phpBB3, phpBB2, PunBB et Invision.
Code à installer Feuille de style CSS


En bleu avec un ligne blanche sous et dessus le lien hover.
Code:
    a {
      transition: all 100ms ease-in-out;
      color: #fff; /* Remplacez le #fff par la couleur du lien souhaitée. Ex: #000 = Noir, #FF0000 = Rouge */
    }

    a:hover {
      border-bottom: 3px solid;
      border-top: 3px solid;
    }

En orange avec une ligne sous le lien hover.
Code:
            a {
              color: #fff; /* Remplacez le #fff par la couleur du lien souhaitée. Ex: #000 = Noir, #FF0000 = Rouge */
              transition: all 150ms ease-in;
              padding-bottom: 5px;
              background-image: url(https://i37.servimg.com/u/f37/19/58/79/45/ca-lin10.png);
              background-repeat: no-repeat;
              background-position: -2px calc(100% + 3px);
            }

            a:hover {
              background-repeat: repeat-x;
              background-position: 100% 100%;
              background-size: 1px;
            }

Revenir en haut Aller en bas
http://www.creaillusionfantasy.com/

Barre de navigation "Lien" et "Lien :hover"

Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Sujets similaires

-
» Lien externe dans la barre de navigation.
» [Résolu] Barre de Navigation en premier plan
» Effet de transition (hover) avec la barre de navigation
» Barre de navigation CSS - hover non souligné
» Barre de Navigation

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum d'entraide
Crea illusion Fantasy
 :: Astuces codages pour forumactif :: Astuces et codages forumactif
-