Cute Navigation

Repost? credit me. Preview:

Don't remove my name in there! (BTW, cocoknya di sidebar ya)
  • Blogger >> tata letak >> HTML/Java script
  • Pastekan kode:
<style>
.jesslyn{
font-size:10px;
color:black;
text-transform:uppercase;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDDDBOcqVPlScbzVugrB-zyaB19Iit9sZlCr-yZFenW8wqbQzlqGbb4sG5pnZwHNmFQg0nKa2h4wtmI17xWHXuifvPe2u7MRtcnEo9tJ-OUrtqENPsejVxISSyoHfdz2dOpelz-FrTvC0/s1600/pink.gif);
font-family:delius;
text-decoration:none;
padding:3px;
width: 50px;
display:inline-block;
border:1px dashed #FFE3E6;
margin-top: 5px;margin-bottom: 5px;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.jesslyn:hover {
background:#FFFFFF;
color:light blue;
}
</style>
<br />
<center>
<div style="background: #FFEBED; border: 2px solid #FFEEEE; border: 3px solid #ffffff; box-shadow: 0px 2px 2px 2px #ffeeee; margin-bottom: 7px; margin-top: 7px; width: 260px;">
<a class="jesslyn" href="link">judul</a>
<a class="jesslyn" href="link">judul</a>
<a class="jesslyn" href="link">judul</a>
<a class="jesslyn" href="link">judul</a>
</div>
</center>
Pink: Url background
merah: font
kuning>:link
biru: jdul

Tidak ada komentar:

Posting Komentar