13-03-2015 Saat: 20:56
Kod:
<style>
#menu{
background:url(http://i.hizliresim.com/P5zMjv.png);
padding:20px;
margin-top:-10px;
margin-right:-20px;
margin-left:-20px;
border-bottom:solid 1px #acaaaa;}
.menu1{
background:url(http://i.hizliresim.com/39Jo8p.png);
height:70px;
-moz-border-radius:75px;
-webkit-border-radius: 75px;
border:solid 2px #fce3e3;
width:70px;
font-family:Coolvetica;
text-align:center;
line-height:4.5;
float:left;
font-size:15px;
transition:500ms background;
}
.menu1 a{
color:#fff;
text-decoration:none;}
.menu1:hover{
background:url(http://i.hizliresim.com/q4nB9B.png);
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.menu2{
background:url(http://i.hizliresim.com/P5zMY6.png);
height:70px;
-moz-border-radius:75px;
-webkit-border-radius: 75px;
border:solid 2px #fce3e3;
width:70px;
font-family:Coolvetica;
text-align:center;
line-height:4.5;
float:left;
font-size:15px;
transition:500ms background;
}
.menu2 a{
color:#fff;
text-decoration:none;}
.menu2:hover{
background:url(http://i.hizliresim.com/yP94A7.png);
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.menu3{
background:url(http://i.hizliresim.com/ZLRdLz.png);
height:70px;
-moz-border-radius:75px;
-webkit-border-radius: 75px;
border:solid 2px #fce3e3;
width:70px;
font-family:Coolvetica;
text-align:center;
line-height:4.5;
float:left;
font-size:14.5px;
transition:500ms background;
}
.menu3 a{
color:#fff;
text-decoration:none;}
.menu3:hover{
background:url(http://i.hizliresim.com/nAorrl.png);
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.menu4{
background:url(http://i.hizliresim.com/4LOl80.png);
height:70px;
-moz-border-radius:75px;
-webkit-border-radius: 75px;
border:solid 2px #fce3e3;
width:70px;
font-family:Coolvetica;
text-align:center;
line-height:4.5;
float:left;
font-size:15px;
transition:500ms background;
}
.menu4 a{
color:#fff;
text-decoration:none;}
.menu4:hover{
background:url(http://i.hizliresim.com/DlqJ61.png);
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
</style>
<div id="menu">
<li class="menu1"><a href="#">Ana Sayfa</a></li>
<li class="menu2"><a href="#">Portal</a></li>
<li class="menu3"><a href="#">Uye Listesi</a></li>
<li class="menu4"><a href="#">Takvim</a></li>
</div>Buradan Bakabilirsiniz
Kod:
http://onizle.koddostu.com/"Tek kelimeyle bizi , sizin mülkiyetinizi yok etme niyetimizden dolayı kınıyorsunuz. kesinlikle öyle ; niyetimiz tam olarak budur ."
☭
Albırt Enişten - 11.05.2013 / 02.05.2018
Venomous - 02.05.2018 /
