uhbmy

Wednesday, 1 January 2014 - 4 COMMENTS

Live preview : tuto skins entry link Codes:

a.lol{
display:inline-block;
background:url(http://media.tumblr.com/tumblr_meb62rl9ou1qdlkyg.gif) left center;
font:11px calibri, halvetica;
text-transform:uppercase;
letter-spacing:1px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
background-repeat:no-repeat;
border-top:1px dashed #eee;
border-bottom:1px dashed #eee;
color:#666;text-align:left;
width:80px;background-size:15px;
line-height:10px;text-decoration:none;
padding:5px 5px 5px 20px;}

a.lol:hover{
display:inline-block;
background:url(http://media.tumblr.com/tumblr_meb61hMwqS1qdlkyg.gif) left center;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
background-repeat:no-repeat;
color:#666;text-align:left;
width:80px;background-size:15px;
line-height:10px;text-decoration:none;
padding:5px 5px 5px 20px;}

</style>
<a class="lol" href="http://www.blogger.com/LINK">tutor</a>
<a class="lol" href="http://www.blogger.com/LINK">link</a>
<a class="lol" href="http://www.blogger.com/LINK">entry</a>

Notes: Width sila adjust

Labels: Navigation, Tutorial