Script social Slider Bar

 

aqui le traigo un script de redes sociales

como google,twiter,facebook, y xat

espero que lo disfruten

(la de twiter tiene un error ustedes la tienen que corregir)

 

 Instalacion

 

Buscar 

 </body>
 </html>

 

colocar antes del codigo en tu plantilla. main.tpl

Insertar el codigo

 

 

 
 <script type="text/javascript" src="http://dl.dropbox.com/u/49960263/CODES/FANBOX/jquery.js"></script>
 <script type="text/javascript">jQuery.noConflict(); jQuery(function ()
 { jQuery(".xat").hover(function()
 { jQuery(".xat").stop(true, false).animate({left:"0"},"medium"); },function()
 { jQuery(".xat").stop(true, false).animate({left:"-750"},"medium"); },500); return false; })</script>
  
 <style>
 .xat {
 float:left; top:10px; left:-755px;
 width:800px; height:500px;
 background:url(http://tuhostperu.com/foro/radioperu/chat.png) no-repeat!important;
 display:block; position:fixed; }
 div.xat2 {
 margin-top:10px; margin-left:8px;
 width:730px; height:480px; background-color:#000;
 overflow:hidden; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
 </style>
  
 <div class="xat"><div class='xat2'>
 <embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="730" height="480" name="chat" FlashVars="id=65969047&rl=Spanish" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml"/></embed>
 </div></div>
  
  
  
  
  
 
 <div class="youtube1" onmouseover="this.className='youtube2'" onmouseout="this.className='youtube1'">
 <div class="youtube">
 <iframe id="fr"  src="http://www.youtube.com/subscribe_widget?p=areliuxcom"
 style="overflow:hidden; width:238px; height:100px; border:0;" scrolling="no"  frameborder="0"></iframe>
 <br>
 <object width="238" height="225"><param name="movie"  value="http://www.youtube.com/p/EBBD8971E002DEE7&hl=es_ES&fs=1"></param><param  name="allowFullScreen" value="true"></param>
 <param name="allowscriptaccess" value="always"></param>
 <embed src="http://www.youtube.com/p/EBBD8971E002DEE7&hl=es_ES&fs=1&"  type="application/x-shockwave-flash" width="238" height="225" allowscriptaccess="always"  allowfullscreen="true"></embed></object>
 </div></div>
  
  
 
 <div class="twitter1" onmouseover="this.className='twitter2'" onmouseout="this.className='twitter1'">
 <div class="twitter">
 <script src="http://widgets.twimg.com/j/2/widget.js"></script>
 <script> new TWTR.Widget({
 version: 2, type: 'profile', rpp: 0, interval: 30000, 
 width: 240, height: 250, theme: { shell: {
 background: '#33ccff', color: '#ffffff' },
 tweets: { background: '#ffffff', color: '#333333', links: '#33ccff'} },
 features: { scrollbar: true, loop: false, live: true, hashtags: true, timestamp: true, 
 avatars: true, behavior: 'all' } }).render().setUser('areliuxcom').start(); </script>
 </div></div>
  
  
 
 <div class="facebook1" onmouseover="this.className='facebook2'" onmouseout="this.className='facebook1'">
 <div class="facebook">
 <iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?id=176684039027713&width=240&colorscheme=light&connections=15&stream=false&header=false&height=320" style="border:none; height:320px; overflow:hidden; width:240px; background:#fff;"></iframe>
 </div></div>
  
  
 <style>
 .youtube {margin:12px 0 0 50px; background-color:#fff; overflow:hidden; 
 border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
 .youtube1 { background: url('http://dl.dropbox.com/u/49960263/CODES/FANBOX/blogger1.png');background-repeat: no-repeat; width:39px; height:159px; position:fixed; right:0px; top:100px; z-index:1000;}
 .youtube2 { background: url('http://dl.dropbox.com/u/49960263/CODES/FANBOX/blogger2.png');background-repeat: no-repeat; width:288px; height:345px; position:fixed; right:0px; top:100px; z-index:1100;}
  
 .twitter {margin:0 0 0 47px}
 .twitter1 { background: url('http://dl.dropbox.com/u/49960263/CODES/FANBOX/twitter1.png');background-repeat: no-repeat; width:39px; height:159px; position:fixed; right:0px; top:260px; z-index:1000;}
 .twitter2 { background: url('http://dl.dropbox.com/u/49960263/CODES/FANBOX/twitter2.png');background-repeat: no-repeat; width:288px; height:345px; position:fixed; right:0px; top:170px; z-index:1100;}
  
  
 .facebook {margin:12px 0 0 47px; background-color:#000; overflow:hidden; 
 border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
 .facebook1 { background:url('http://dl.dropbox.com/u/49960263/CODES/FANBOX/face1.png');background-repeat: no-repeat; width:39px; height:159px; position:fixed; right:0px; top:420px; z-index:1000;}
 .facebook2 { background: url('http://dl.dropbox.com/u/49960263/CODES/FANBOX/face2.png');background-repeat: no-repeat; width:288px; height:345px; position:fixed; right:0px; top:235px; z-index:1100;}
 </style>