RapidDesign - Test

RapidDesign - Test

Barre de navigation

 

Quelques propositions de code CSS pour toutes les  versions sous le modèle Diz Perso V2.

 


Ces codes sont à copier et à insérer dans la zone réservée, dans l'assistant ....

Si la gestion de votre blog est ouverte, cliquez sur ce lien

 

Changer les couleurs des liens.

 

Barre navigation

 

Couleurs différentes au survol des liens.

 

nav a {
    background: #B1C4E4;
    color: #034984;
    padding: 0 3px;
}
nav a:hover {
    background: #034984;
    color: #B1C4E4;
}

 

Une image à gauche des liens.

 

Barre navigation

 

Remplacer l'adresse de l'image et modifier si nécessaire la valeur de l'attribut "padding-left"

 

nav li
{
      background-image: url(https://static.blog4ever.com/2012/06/704535/paques_006.gif);
      background-repeat: no-repeat;
      padding-left: 40px;
      background-position: left center;
}

 

Aligner les liens à droite et le formulaire "Recherche" à gauche.

 Barre navigation

 

nav ul {
    margin: 0 20px 0 0;
    float: right;
}

nav .recherche_nav {
    float: left;
}

 

 

 

 



18/03/2013
0 Poster un commentaire

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 2 autres membres