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

rec
  • 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>
















Print Friendly and PDF
SHARE

About me

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

    Blogger Comment
    Facebook Comment

0 comments :

Post a Comment