.

About....... Linkies.... Stuffies... Other..... Home.
.

Sabtu, 19 Maret 2016

Navigation Like mine// (2)


mau navigation kaya aku?
Mau?
Read more aja
1.blogger
2.tata letak
3.add agadget
4.html/javascript
5.copy code ini


<style>
a.myzahra {
background: url(http://4.bp.blogspot.com/-FZ-dcOUAhEQ/T_lNt9479cI/AAAAAAAAC1E/CmRnkk6ZYp0/s1600/pink.gif);
color:pink;
font: normal 20px chewy;
text-align:center;
width:50px;
padding: 3px;
width: 120px;
margin:1px;
display: inline-block;
border: 4px dotted pink;
box-shadow: inset -130px 0px 8px mistyrose;
color: #ffffff;
border: 2px dotted #FFE4E1;
border-radius: 15px 35px / 35px 15px;
}
a.myzahra:hover {
box-shadow: inset -130px 0px 8px mistyrose;
color: #FFE4E1;
border: 2px dotted #ffffff;
border-radius: 15px 35px / 35px 15px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
-webkit-transform: rotate(-3deg) ;
-moz-transform: rotate(-3deg) ;
-o-transform: rotate(-3deg) ;
-ms-transform: rotate(-3deg);
}
a.myiszahra {
background: url(http://4.bp.blogspot.com/-FZ-dcOUAhEQ/T_lNt9479cI/AAAAAAAAC1E/CmRnkk6ZYp0/s1600/pink.gif);
color:pink;
font: normal 20px chewy;
text-align:center;
width:50px;
padding: 3px;
width: 120px;
margin:1px;
display: inline-block;
border: 2px dotted pink;
box-shadow: inset -130px 0px 8px mistyrose;
color: #ffffff;
border: 2px dotted #FFE5E1;
border-radius: 15px 35px / 35px 15px;
}
a.myiszahra:hover {
box-shadow: inset 130px 0px 8px pink;
color: #ffffff;
border: 2px dotted #FFE4E1;
border-radius: 15px 35px / 35px 15px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
-webkit-transform: rotate(7deg) ;
-moz-transform: rotate(7deg) ;
-o-transform: rotate(7deg) ;
-ms-transform: rotate(7deg);
}
</style>
<center>
<a class="myzahra" href="http://flower-az.blogspot.com/" />Home</a>
<a class="myiszahra" href="http://flower-az.blogspot.co.id/p/blog-page_9.html" />About Me</a>
<a class="myzahra" href="http://flower-az.blogspot.co.id/p/blog-page.html" />Linkies</a>
<a class="myiszahra" href="http://flower-az.blogspot.co.id/p/blog-page_49.html" />Stuffies</a>
<a class="myzahra" href="http://flower-az.blogspot.co.id/p/rules.html" />Rules</a>
<a class="myiszahra" href="http://flower-az.blogspot.co.id/p/o.html" />Other</a>
</center>

Kalo mau pake atau re-post credit ya
Sayonaa



2 komentar: