Salut tuturor , in acest tutorial am sa iti prezint meniul Menu with CSS3, acest meniu este un meniu foarte dreagut care ne permite sa navigam mult mai repede pe pe forumul ,siteul, blogul nostru.Este foarte usor de instalat daca veti urma atent pasi de instalare.
1.CSS
Cod:
.navbox {
position: relative;
float: left;
}
ul.nav {
list-style: none;
display: block;
width: 200px;
position: relative;
top: 100px;
left: 10px;
padding: 60px 0 60px 0;
background: url(https://i.servimg.com/u/f60/15/90/76/08/shad210.png) no-repeat;
-webkit-background-size: 50% 100%;
}
li {
margin: 5px 0 0 0;
}
ul.nav li a {
-webkit-transition: all 0.3s ease-out;
background: #cbcbcb url(https://i.servimg.com/u/f60/15/90/76/08/border10.png) no-repeat;
color: #174867;
padding: 7px 15px 7px 15px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
width: 100px;
display: block;
text-decoration: none;
-webkit-box-shadow: 2px 2px 4px #888;
}
ul.nav li a:hover {
background: #ebebeb url(https://i.servimg.com/u/f60/15/90/76/08/border10.png) no-repeat;
color: #67a5cd;
padding: 7px 15px 7px 30px;
}
2.HTML
Cod:
Sper ca v-am ajutat cu acest tutorial !