[Hover sample]
Blogskin/Classic template :
1. paste code after </style>
1. paste code into HTML/JavaScript
<style>
.boxd{
background:transparent;
color:#000;
width:230px;
height:142px;
margin-top:-147px;
padding-left:0.5px;
padding-right:0.5px;
padding-bottom:0.5px;
padding-top:5px;
opacity:0;
-webkit-transition:all .5s ease-in-out;
}
.boxd:hover{
opacity:0.6;
}
.navigate{
display:inline-block;
background:#fff;
width:220px;
font-family:calibri;
font-size:18px;
padding:2px;
border-right:19 solid pink;
text-decoration:none;
}
.navigate:hover{
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
border-right:15 solid white;
transition:0.5;
}
.imgside{
border:1px solid #ddd;
padding:4px;
}
</style>
<center><img class="imgside"src="http://data.whicdn.com/images/46661630/tumblr_mf9fiugNSR1qjoqpzo1_500_thumb.png" width="160" /><br>
<div class="boxd"><br>
<center>
<a class="navi" href="https://www.facebook.com/syasandeul">Facebook</a>
<a class="navi" href="https://twitter.com/syasandeul">Twitter</a>
<a class="navi" href="http://ask.fm/syasandeul">Askfm</a>
|
Thankyou for visiting.
I make some blog tutorial here & I hope you like it.
*No repost (just backlink if you want to share)
*All tutors are mine unless stated
|
[Hover sample]
Blogskin/Classic template :
1. paste code after </style>
1. paste code into HTML/JavaScript
<style>
.boxd{
background:transparent;
color:#000;
width:230px;
height:142px;
margin-top:-147px;
padding-left:0.5px;
padding-right:0.5px;
padding-bottom:0.5px;
padding-top:5px;
opacity:0;
-webkit-transition:all .5s ease-in-out;
}
.boxd:hover{
opacity:0.6;
}
.navigate{
display:inline-block;
background:#fff;
width:220px;
font-family:calibri;
font-size:18px;
padding:2px;
border-right:19 solid pink;
text-decoration:none;
}
.navigate:hover{
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
border-right:15 solid white;
transition:0.5;
}
.imgside{
border:1px solid #ddd;
padding:4px;
}
</style>
<center><img class="imgside"src="http://data.whicdn.com/images/46661630/tumblr_mf9fiugNSR1qjoqpzo1_500_thumb.png" width="160" /><br>
<div class="boxd"><br>
<center>
<a class="navi" href="https://www.facebook.com/syasandeul">Facebook</a>
<a class="navi" href="https://twitter.com/syasandeul">Twitter</a>
<a class="navi" href="http://ask.fm/syasandeul">Askfm</a>
  |