انجمن کدستانMoisrex

<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>