sereole

<style>

ul#btt_nav {
position: fixed;
margin: 0px;
padding: 0px;
top: 150px;
right: 0px;
list-style: none;
z-index:9999;
}
ul#btt_nav li {
width:100px;
border:0px;
display: block;
padding-top:1px;
padding-bottom:1px;
}

ul#btt_nav li a {
display: block;
margin-right: -2px;
width: 100px;
height: 70px;
background-color:#000;
background-repeat:no-repeat;
background-position:center center;
border:1px solid #fff;
-moz-border-radius:10px 0px 0px 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-top-left-radius: 10px;
-khtml-border-bottom-left-radius: 10px;
-khtml-border-top-left-radius: 10px;
/*-moz-box-shadow: 0px 4px 3px #000;
-webkit-box-shadow: 0px 4px 3px #000;
*/
opacity: 0.8;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
ul#btt_nav .home a{
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg92uSdO8IyoySRRIHI9vG4EcWCJ7mN10-eWMf0-Vr_Yfrp1yNhQqDYt6n5ItF_RLm6JiPfbZVA1hdFmH769JbqiXOlis4HKSl0Zn05H20O8NhF-ru0s5NbVnz2MuLHkffy8v-1cnA8Us7U/s1600/delivery1111.jpg);
}
ul#btt_nav .portfolio a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjah1DUrUxyYEUz0WbEQJoJgl40tuiyofcTb64ku-PByRylaEjpd0LqzjCVc6VnLZZkKB-GCCu1O9ljxm5Qg3JCMryDPsh8fh0bKRWae72YD4Iua49b0fjCy0qz_HSjh-q6wMK9FXsyFfM_/s1600/Video_Game_Barnstar_Hires11.jpg);
}
ul#btt_nav .services a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaxg0AuwqaLYC2MyM60BC83LXoM0hsoG618Tit5n6TrM6ZZhHJCApyr_HmjeNHmuOkPctEidlXcFpPd8ugDdl44a0yYjvJLYEPgVM-IdUXzu_a6-4MSoQDY57AabgcSsmbXbj09LbKgvfu/s1600/Sports_Equipment111.jpg);
}
ul#btt_nav .profile a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUDrStXZEkbTDxRwbl2p0Z_glajRy8_oQ58zJnaRSkgId5X2v9Uq76jaCiCAqW5Am2EbC7bTbnUk97rMjwNOSesdMkFKq_rFd_g91E03ctg57t3QDOODa-pJwmr59gCFvKgJZgudJc3fmx/s1600/230949-music-notes111.jpg);
}
ul#btt_nav .contact a {
background-image: url(http://icons.iconarchive.com/icons/custom-icon-design/pretty-office-2/64/message-already-read-icon.png);
}
</style>
 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'/><br>
 <script type='text/javascript'>
$(function() {
$(&#39;#btt_nav a&#39;).stop().animate({&#39;marginLeft&#39;:&#39;85px&#39;},1000);

$(&#39;#btt_nav &gt; li&#39;).hover(
function () {
$(&#39;a&#39;,$(this)).stop().animate({&#39;marginLeft&#39;:&#39;-2px&#39;},200);
},
function () {
$(&#39;a&#39;,$(this)).stop().animate({&#39;marginLeft&#39;:&#39;85px&#39;},200);
}
);
});
</script>
 <ul id='btt_nav'>
<li class='home'><a href='http://serreshopping-delivery.blogspot.gr/'/></a></li>
<li class='portfolio'><a href='#'/></a></li>
 <li class='services'><a href='#'/></a></li>
 <li class='profile'><a href='#'/></a></li>
<li class='contact'><a href='#'/></a></li>
</ul>