Boutons "Flat" (Inline)
Page 1 sur 1
Boutons "Flat" (Inline)
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.
Bien à vous,
Laiorm
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- Fondateur
- Messages : 115 Points : 3
Sujets similaires
» Barre de navigation "Flat" en plusieurs couleurs
» Barre de navigation "Flat" en plusieurs couleurs
» Boutons de navigations sobre sans images
» Boutons de navigations sobre sans images
» Barre de navigation "Flat" en plusieurs couleurs
» Boutons de navigations sobre sans images
» Boutons de navigations sobre sans images
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|