Barre de navigation - Positionnement
header {
height:416px;
}
header .image {
background-image: url("https://static.blog4ever.com/2013/03/732962/bnr-bleu_960-336.jpg");
height: 336px;
}
nav{
background: transparent;
margin-top: -40px;
}
nav a {
background: #16A5A2;
padding: 2px 10px;
color: #FFFFFF;
border: 3px ridge #000000;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: 2px 4px 12px #666;
-moz-box-shadow: 2px 4px 12px #666;
box-shadow: 2px 4px 12px #666;
}
nav a:hover {
color: #000000;
border: 3px groove #000000;
}
div .rechrerche_nav button{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 2px 4px 12px #666;
-moz-box-shadow: 2px 4px 12px #666;
box-shadow: 2px 4px 12px #666;
}
height:416px;
}
header .image {
background-image: url("https://static.blog4ever.com/2013/03/732962/bnr-bleu_960-336.jpg");
height: 336px;
}
nav{
background: transparent;
margin-top: -40px;
}
nav a {
background: #16A5A2;
padding: 2px 10px;
color: #FFFFFF;
border: 3px ridge #000000;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: 2px 4px 12px #666;
-moz-box-shadow: 2px 4px 12px #666;
box-shadow: 2px 4px 12px #666;
}
nav a:hover {
color: #000000;
border: 3px groove #000000;
}
div .rechrerche_nav button{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 2px 4px 12px #666;
-moz-box-shadow: 2px 4px 12px #666;
box-shadow: 2px 4px 12px #666;
}
⨯
Inscrivez-vous au blog
Soyez prévenu par email des prochaines mises à jour
Rejoignez les 2 autres membres