hibycocuk

hibycocuk

Csssharebox

Css share box

Yazar: Emre Çördükler | Yayın Tarihi: 07 Şubat 2011 | Yorum Kategori: Css Htm jQuery Menü


Tasarım üstüne ve altına
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://hibycocuk.funpic.org/calismalar/1/sharebox.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#sharebox").sharebox();
});
</script>


<ul id="sharebox" class="sharebox">
<li><img src="https://img.webme.com/pic/h/hibycocuk/sharethis.png" alt="Share this" /></li>
<li><a title="digg" href="#"><img src="https://img.webme.com/pic/h/hibycocuk/digg_48.png" alt="Sumbit to Digg" /></a></li>
<li><a title="stumbleUpon" href="#"><img src="https://img.webme.com/pic/h/hibycocuk/sumbleupon_48.png" alt="Sumbit to StumbleUpon" /></a></li>

<li><a title="delicious" href="#"><img src="https://img.webme.com/pic/h/hibycocuk/delicious_48.png" alt="Sumbit to Delicious" /></a></li>
<li><a title="technorati" href="#"><img src="https://img.webme.com/pic/h/hibycocuk/technorati_48.png" alt="Sumbit to Technorati" /></a></li>
<li><a title="reddit" href="#"><img src="https://img.webme.com/pic/h/hibycocuk/reddit_48.png" alt="Sumbit to Reddit" /></a></li>
<li><a title="mixx" href="#"><img src="https://img.webme.com/pic/h/hibycocuk/mixx_48.png" alt="Sumbit to Mixx" /></a></li>
</ul>
</body>
</html>
Css
body { font-family:Arial, Sans-Serif; font-size:0.85em;}        
ul.sharebox { margin:0px; padding:0px; list-style:none; position:relative; display:block;}
ul.sharebox li { float:left; margin:0 0 0 0px; padding:0px; position:absolute; }
ul.sharebox li a { margin:0 0 0 -24px; display:block; }
ul.sharebox li a:hover { margin:0 0 0 -8px; }
ul.sharebox li img { border:none;}

  Önizlemesi (Css share box)

  Css share box Şifre: hibycocuk.tr.gg

Yardım isteklerinizi lütfen yorumlar kısmına yazmayın. İletişim formundan bana ulaşabilirsiniz.

Yorum ve Görüşlerinizi Eksik etmeniz (:






Bu sayfa hakkında yorum ekle:
İsmin:
E-mail adresin:
Siten:
Mesajınız:

=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=