Home Owner Tutobies Other Friends Themes

Selasa, 05 April 2016

Cute Navigation Style 2

   Hai, assalamu'alaikum! Resti posting kelanjutan postingan kemarin. Mumpung ada waktu luang, Resti posting deh. Yuk lets go!


1. Dashboard
2. Tata Letak
3. Tambahkan gadget
4. HTML Java Script
5. Copy paste kode dibawah ini
<style>
a.really{
width: 100px;
-webkit-transition: all 0.5s ease-in-out;
-moz-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;
background:url(URL BACKGROUND);
text-decoration:none;
border:3px dashed #FFE4E1;
font-style: bold;
color:#fdbedb;
letter-spacing:1px;
border-radius:10px;
display:inline-block;
text-align:center;
margin: 3px;
font:20px Forte;text-shadow:0px 0px 0px pink;
padding: 10px;
}
a.really:hover{
letter-spacing:5px;
color:#fed7e6;
background:#fff5fb;
border:3px dashed #FFE4E1;
-moz-box-shadow:    inset 0 0 10px #ffdfdf;
-webkit-box-shadow: inset 0 0 10px #ffdfdf;
box-shadow:         inset 0 0 10px #ffdfdf;
transform: rotate(15deg) ;
}
</style>
<br/>
<center>
<a class="really" href="YOURLINK"title='Click Here'>TITLE</a>
<a class="really" href="YOURLINK"title='Click Here'>TITLE</a>
<a class="really" href="YOURLINK"title='Click Here'>TITLE</a>
<a class="really" href="YOURLINK"title='Click Here'>TITLE</a>
<a class="really" href="YOURLINK"title='Click Here'>TITLE</a>
<a class="really" href="YOURLINK"title='Click Here'>TITLE</a>
</center>

-edit-edit dahulu
6. Save

Semoga bermanfaat!!

Terima kasih telah membaca, tinggalkan komentar ya!

1 komentar:

^_^ Komentar yang Baik ya! ^_^

Related Posts Plugin for WordPress, Blogger...