Bhargav Tutorials

magnify image

<img class="magnify" style="width: 210px; height: 250px;" src="YOUR IMAGE URL" />

css trick

<h5>YOUR MESSAGE</h5>

6 AWESOME CSS3 IMAGE HOVER EFFECTS FOR BLOGGER

<div class='img' id='img-1'>
<div class='mask'>
</div>
<img src='Your-Image-Url' />
</div>
<div class='img' id='img-2'>
<div class='mask'>
</div>
<img src='Your-Image-Url' />
</div>
<div class='img' id='img-3'>
<div class='mask' id='mask-1'>
</div>
<div class='mask' id='mask-2'>
</div>
<img src='Your-Image-Url' />
</div>
<div class='img' id='img-4'>
<div class='mask'>
</div>
<img src='Your-Image-Url' />
</div>
<div class='img' id='img-5'>
<div class='mask'>
</div>
<mg src='Your-Image-Url' />
</div>
<div class='img' id='img-6'
><div class='mask'>
</div>
<img src='Your-Image-Url' />
</div>

Live Demo

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/prototype.js" type="text/javascript"></script>
<script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/effects.js" type="text/javascript"></script>
<script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/side-bar.js" type="text/javascript"></script>
<style>
body{
font-size:75%;
}
a{
outline: none;
}
a:active{
outline: none;
}
#sideBar{
text-align:left;
}
#sideBar h2{
color:#F0FFFF;
font-size:110%;
font-family:arial;
margin:10px 10px 10px 10px;
font-weight:bold !important;
}
#sideBar h2 span{
font-size:125%;
font-weight:normal !important;
}
#sideBar ul{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#sideBar li{
margin:0px 5px 5px 10px;
padding: 0 0 0 10px;
list-style-type:none;
display:block;
background-color:#DA1074;
width:177px;
color:#FFFFFF;
}
#sideBar li a{
width:100%;
}
#sideBar li a:link,
#sideBar li a:visited{
color:#FFFFFF;
font-family:verdana;
font-size:100%;
text-decoration:none;
display:block;
margin:0px 0px 0px 0px;
padding:0 0 0 20px;
width:100%;
}
#sideBar li a:hover{
color:#FFFF00;
text-decoration:underline;
}
#sideBar{
position: fixed;
width: auto;
height: auto;
top: 140px;
left:0px;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlUgeju9F5yNapXHHn6hyphenhyphenBUi7pCC0EJwgfEw24NrOsxK8I4-TU9rrdQdPIMlzg6vjAJ8JNM1EbcWKcuToBhzcQpEhuX1RTNF18vEF7fAa7KyDhEkSotohEMWSzhg1-Hlzif62lcKpU-pXC/s320/left.collapse.border.png);
background-position:top right;
background-repeat:repeat-y;
}
#sideBarTab{
float:left;
height:137px;
width:28px;
}
#sideBarTab img{
border:0px solid #FFFFFF;
}
#sideBarContents{
float:left;
overflow:hidden !important;
width:200px;
height:320px;
}
#sideBarContentsInner{
width:200px;
}</style>
<div id="sideBar">
<div id="sideBarContents" style="display:none;">
<div id="sideBarContentsInner">
<h2>Left<span>Menu</span></h2>
<ul>
<li><a href="#">Link One</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Four</a></li>
</ul>
</div> </div>
<a id="sideBarTab" href="#"><img alt="sideBar" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrFSqxpHe20B6IcaJUpkawGhl0aF7Z9n49fwrhsU3awef2U14zPzj0aj5QhOD6hAzGYcqVEsh_ehN-7SuiYt34UQyfkuwVywNK43HnkWpCJkxFmt0w78eoEqmgLixFRHL9QMQF8qLUqVYY/s320/sidebarcollapse.png" title="sideBar" /></a>
</div>

HTML FOR LARGE SIZED BUTTONS (USE ANYONE BASED ON COLOR)

    <a href="LINK" class="button big blue">LINKNAME</a>
    <a href="LINK" class="button big green">LINKNAME</a>
    <a href="LINK" class="button big orange">LINKNAME</a>
    <a href="LINK" class="button big gray">LINKNAME</a>

HTML FOR MEDIUM SIZED BUTTONS (USE ANYONE BASED ON COLOR)

    <a href="LINK" class="button blue medium">LINKNAME</a>
    <a href="LINK" class="button green medium">LINKNAME</a>
    <a href="LINK" class="button orange medium">LINKNAME</a>
    <a href="LINK" class="button gray medium">LINKNAME</a>

HTML FOR SMALL SIZED BUTTONS (USE ANYONE BASED ON COLOR)

    <a href="LINK" class="button small blue">LINKNAME</a>
    <a href="LINK" class="button small green">LINKNAME</a>
    <a href="LINK" class="button small orange">LINKNAME</a>
    <a href="LINK" class="button small gray">LINKNAME</a>

HTML FOR SMALL SIZED BUTTONS WITH ROUNDED CORNER (USE ANYONE BASED ON COLOR)

    <a href="LINK" class="button small blue rounded">LINKNAME</a>
    <a href="LINK" class="button small green rounded">LINKNAME</a>
    <a href="LINK" class="button small orange rounded">LINKNAME</a>
    <a href="LINK" class="button small gray rounded">LINKNAME</a>

Replace LINK with your link and LINKNAME with the name/title of your link

Album : Bollywood Knights (2012)

Dj : DJ Dev

Total Track : 08

Mp3 Bit Rate : 128kbps

Uploaded BY : Dark_Boy

Track List & Download Link

01 – Kerre Velle (Original Safari Mix)

02 – Judai (Electro for Love Mix) – Jannat

03 – Dope Shope (Hips n Bass Mix) – Honey Singh

04 – Summer Love (Original Mix)

05 – Pungi (Basslovers Mix) – Agent Vinod

06 – I Will Do The Talking Tonight (Electro Mix) – Agent Vinod

07 – Phir Mohobbat (BigRoom Progressive Mix) – Murder 2

08 – Kangna (2012 Dub Mix) – Dr.Zeus

Download -128kbps [40.04 MB]
|| Hulkshare

<a href="www.fb.com/die4moviesin" class="button big blue">Like Our FanPage</a>
<a href="www.fb.com/die4moviesin " class="button big orange">Like Our FanPage </a>