buttons using css sprites

ADVANTAGES OF USING CSS SPRITES Loads images fast due multiple images are used as single image thus increasing  webpage load faster. 1.USE CSS SPRITES IN BLOGGER 2.USE CSS SPRITES IN BLOGGER WITH OPACITY EFFECT 3.HOVER TABLE USING CSS SPRITES

• 
  

GREEN RECTANGLE BUTTON

• Upload the above image to blogger and copy ”copy link address” and replace first image ”copy link address” with first background url.png.And second image ”copy link address” with second background url.png in below code.
• Copy and paste the code in blogger html/javascript widget or posts,pages in HTML mode.

<style>
#greennav{position:relative;}
#greennav li{margin:0;padding:0;list-style:none;position:absolute;top:0;}
#greennav li, #greennav a{height:91px;display:block;}
#grec{left:0px;width:452px;}
#grec{background:url('rec.png')0 0px;}
#grec a:hover{background: url('rec.png')0 -90px;}
</style>
<ul id="greennav">
<li id="grec"><a href="http://google.com"></a></li> 
</ul>

SHARE

About me

Hi. I am interested in blogging.And sometimes play with webdesign,web development,domain sale,designing logo and more.

• 
• 
•