Navigation #1

3:28:00 PTG

 

 Assalamualaikum,
hari ni eyla rajin nak buat tutorial navigation untuk korang.

LIVE PREVIEW


Blogskin/Classic : paste bawah code </style>
Paste dekat HTML/GADGET untuk teplate designer

<style>
a.jeonjin {
letter-spacing:1px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
margin:1px;
cursor:pointer;
text-transform:uppercase;
display:inline-block;
font:8px tt;
text-align:center;
background: #fff;
width:95px;
color:#000;
padding:2px;
border:1px solid #111;
border-left:20px solid #111;
text-decoration:none;
}
a.jeonjin:hover{
border-left:1px solid #ccc;
border:1px solid #111;
border-right:20px solid #111;
}
@font-face {
font-family:tt;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}
</style>
 <a class="jeonjin" href="LINK">Title
</a> <a class="jeonjin" href="LINK">Title</a>
<a class="jeonjin" href="LINK">Title</a>
<a class="jeonjin" href="LINK">Title</a>


You Might Also Like

0 comments

Review



THEJUNNI

Like us on Facebook

Giveaway



2016


11.1.2017


2016


31.12.2016