<div class="noopdynamic">
Click this for change the view to Dynamic views</div>
<a href="/view">
<img class="noopdynamicimg"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOFE2nEoppnWKzbCdM_fRAwhYS6kCB0w9fbFlGOmcI9nzRM_Eltl7a4u7__0KVQ76dkq6wuC6T9HMMFbBYD1IlcRJWT1tpd4-G83-bSH3j-4RhnwlZx9bHrFtPy9BUKsvQzxhc_KAbz-I/s1600/google+dynamic+views.jpg"
/></a>
<style type="text/css">
.noopdynamicimg{bottom: 2%;
position: fixed;
right: 1%;}
.noopdynamic {background: -moz-linear-gradient(top, #aebcbf 0%,
#6e7774 50%, #0a0e0a 51%, #0a0809 100%); background:
-webkit-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%,
#0a0809 100%);
background-color:#ABABAB;
border: 2px solid;
border-radius: 6px 6px 6px 6px;
bottom: 13%;
padding: 4px;z-index:999;
position: fixed;
right: 5%;
font:18px Arial;
text-shadow: 1px 1px 0 #FFFFFF;
width: 21%;
box-shadow:0 0 5px;
}
</style>
<script type="text/javascript">
$(function(){
$(".noopdynamic").hide(0);
$(".noopdynamicimg").hover(function(){
$(".noopdynamic").show("slow");
},function(){$(".noopdynamic").hide("medium");
});});
</script>
Post a Comment
Click to see the code!
To insert emoticon you must added at least one space before the code.