<style>/* Powered By: funbrooz.ir */ .Toolsx-windows8-menu { position: fixed;
left: 0;
top: 100px;
width: 50px;
}
.Toolsx-windows8-menu a {
text-decoration: none;
}
.Toolsx-windows8-menu:hover li{
opacity: 0.5;
width: 50px;
}
.Toolsx-windows8-menu .home {
background: url('http://up.funbrooz.ir/up/funbrooz/Bg-meno.png');
background-position: 0px 0px;
opacity: 0.8;
width: 50px;
height: 50px;
color: transparent;
transition: all 0.5s ease-in;
}
.Toolsx-windows8-menu .home:hover {
background: url('http://up.funbrooz.ir/up/funbrooz/Bg-meno.png');
background-position: 0px 0px;
opacity: 1;
width: 200px;
height: 50px;
color: transparent;
}
.Toolsx-windows8-menu .forum {
background: url('http://up.funbrooz.ir/up/funbrooz/Bg-meno.png');
background-position: 0px 250px;
opacity: 0.8;
width: 50px;
height: 50px;
color: transparent;
transition: all 0.5s ease-in;
}
.Toolsx-windows8-menu .forum:hover {
background: url('http://up.funbrooz.ir/up/funbrooz/Bg-meno.png');
background-position: 0px 250px;
opacity: 1;
width: 200px;
height: 50px;
color: transparent;
}
.Toolsx-windows8-menu .register {
background: url('http://up.funbrooz.ir/up/funbrooz/Bg-meno.png');
background-position: 0px 200px;
opacity: 0.8;
width: 50px;
height: 50px;
color: transparent;
transition: all 0.5s ease-in;
}
.Toolsx-windows8-menu .register:hover {
background: url('http://up.funbrooz.ir/up/funbrooz/Bg-meno.png');
background-position: 0px 200px;
opacity: 1;
width: 200px;
height: 50px;
color: transparent;
}
.Toolsx-windows8-menu .contact {
background: url('http://up.funbrooz.ir/up/funbrooz/Bg-meno.png');
background-position: 0px 150px;
opacity: 0.8;
width: 50px;
height: 50px;
color: transparent;
transition: all 0.5s ease-in;
}
.Toolsx-windows8-menu .contact:hover {
background: url('http://up.funbrooz.ir/up/funbrooz/Bg-meno.png');
background-position: 0px 150px;
opacity: 1;
width: 200px;
height: 50px;
color: transparent;
}
.Toolsx-windows8-menu .contact {
background: url('http://up.funbrooz.ir/up/funbrooz/Bg-meno.png');
background-position: 0px 150px;
opacity: 0.8;
width: 50px;
height: 50px;
color: transparent;
transition: all 0.5s ease-in;
}
.Toolsx-windows8-menu .contact:hover {
background: url('http://up.funbrooz.ir/up/funbrooz/Bg-meno.png');
background-position: 0px 150px;
opacity: 1;
width: 200px;
height: 50px;
color: transparent;
}
.Toolsx-windows8-menu .login {
background: url('http://up.funbrooz.ir/up/funbrooz/Bg-meno.png');
background-position: 0px 100px;
opacity: 0.8;
width: 50px;
height: 50px;
color: transparent;
transition: all 0.5s ease-in;
}
.Toolsx-windows8-menu .login:hover {
background: url('http://up.funbrooz.ir/up/funbrooz/Bg-meno.png');
background-position: 0px 100px;
opacity: 1;
width: 200px;
height: 50px;
color: transparent;
}</style>
<div class="Toolsx-windows8-menu">
<a href="../"><li class="home">home</li></a>
<a href="../forum"><li class="forum">forum</li></a>
<a href="../register"><li class="register">register</li></a>
<a href="../contact"><li class="contact">contact</li></a>
<a href="../login"><li class="login">login</li></a>
</div>