Evet bu kısım
Hocam sizin için uğraştım. Hover kısmını siz yaparsınız.
Menü
<script></script>
destek.css
.nav-container{
position: fixed;
right: 0;
left: 0;
bottom: 0;
margin: 0 auto;
padding-left: 0;
padding-right: 0;
width: 585px;
background: #1A1A1A;
color: #FFF;
z-index: 999999999;
}
.mesela {
position: relative;
}
.nav ul li:hover a, .nav ul li.active a {
background: #2A2A2A;
-webkit-box-shadow: inset 0 -2px 6px 0 rgba(0,0,0,0.67);
-moz-box-shadow: inset 0 -2px 6px 0 rgba(0,0,0,0.67);
box-shadow: inset 0 -2px 6px 0 rgba(0,0,0,0.67);
}
.nav a {
text-decoration: none;
}
.nav ul {
list-style: none;
margin: 0;
padding: 0;
}
.nav ul li {
float: left;
}
.nav ul li a {
display: block;
padding: 8px 10px;
text-align: center;
color: #FFF;
border-right: 1px solid #0F0F0F;
}
.nav ul li.twitter:hover a .fa {
color: #24ABE2;
}
.nav ul li.facebook:hover a .fa {
color: #4862A3;
}
.nav ul li.blog:hover a .fa {
color: #EA691C;
}
.nav ul li.live-help a i {
color: #24CE00;
}
.nav ul li.knowledge-base a i {
color: #ED3636;
}
.nav ul li.contact-us a .fa {
color: #2DC7FB;
}
.nav ul li.customer-login a .fa {
color: #FDA401;
}
