Boutons "Flat" (Inline)

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

Bonjour,

J'ai des boutons de navigations simple pour vous, créer par mes soins. Voici la démo. Les boutons apparaissent à deux endroits : Sur fond foncé et fond clair.




Le HTML:


Code:
<a class="ca-link-button1" href="http://lien.com/">Bleu</a>
<a class="ca-link-button2" href="http://lien.com/">Vert</a>
<a class="ca-link-button3" href="http://lien.com/">Rouge</a>


Le CSS:


Code:
a.ca-link-button1, a.ca-link-button2, a.ca-link-button3 { /* Configuration des boutons */
    font-size: 25px;
    padding: 6px 9px;
    border-radius: 3px;
    background-color: black;
    color: white;
    transition: all 200ms;
}
a.ca-link-button1 { background-color: #00a4ff; } /* Bouton bleu */
a.ca-link-button1:hover { background-color: #24b1ff; } /* Survol */

a.ca-link-button2 { background-color: #4aa04a; } /* Bouton vert */
a.ca-link-button2:hover { background-color: #5cb15c; } /* Survol */

a.ca-link-button3 { background-color: #d05454; } /* Bouton rouge */
a.ca-link-button3:hover { background-color: #d26565; } /* Survol */


Bien à vous,
Laiorm


Ajesto le Ven 20 Jan - 21:13

avatar
Ajesto
Fondateur
Fondateur


Messages : 115

Masculin

Points : 3

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Vous devez vous connecter pour répondre.


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