
18 Şubat 2012, 16:15
|
 |
usengecadam.blogspot.com
|
|
|
|
Merhaba arkadaşlar bugün sizlere yabancı bir sitede görüp kodlarını hemen aldığım bi kod vericem.Kısaca anlatayım bildiğiniz gibi sosyal paylaşım butonları genelde sitenin yan taraflarındadır.Bu kod sayesinde sosyal paylaşım butonlarını sitenin altında gösterebileceksiniz.Üstelik butonlar site ile birlikte hareket ediyor yani sabit kalmıyor.Birazda siteyi ziyaret eden kişinin dikkatini çekebilecek hale getirdim.Herneyse kodlara geçelim.
CSS
Kod:
/* bottom floating bar */ #btmbar {bottom:0;left:0;position:fixed;width:100%;height:22px;background: url(http://www.flashbannernow.com/pix2/btmbar.png);background-repeat:no-repeat;text-align:left;overflow-y: hidden;} #btmbar a {font-weight:normal;}
HTML
Kod:
<div id="btmbar"> <div style="margin: 1px 0px auto 30px;float:left;"><a class="twitter-share-button" data-count="horizontal" href="http://twitter.com/share">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script><iframe src="http://www.facebook.com/plugins/like.php?href=https://www.facebook.com/OguzhanAktepePage&layout=button_count&show_faces=false&width=100&action=like&font=trebuchet ms&colorscheme=light&height=22" scrolling="no" frameborder="0" style="border: none; overflow: hidden; width: 100px; height: 22px; float: left;" allowtransparency="true"></iframe></div> <img alt="" src="http://img98.imageshack.us/img98/1668/26vf7.gif" /> <div class="addthis_toolbox addthis_default_style "> </div> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d0361e4727a1484"></script></div> <br /> <br /> <br />
Kaynak ve Demosu => Burada
|