Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje06-11-2011, 18:39 (UTC)    
Título del mensaje: [Jquery] Mostrar seguidores de Twitter con jQuery

Ola hoy comparto este gadgets se podria decir de twiter

Codigo


Código:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>
<script type="text/javascript" src="http://twitter-friends-widget.googlecode.com/files/jquery.twitter-friends-1.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#friends').twitterFriends({
debug:1
,username:'usuario'
,header:'<a href=\'_tp_\'><img src=\'_ti_\'/></a><h2>_fo_ SEGUIDORES!</h2>'
,friends:0
,user_animate:'width'
,users:40
,users_max:100
,loop:1
,user_image:36
});
});
</script>

<div style="width:100%">
<div id="friends"></div>
</div>

<style>
div.twitter-friends{}
div.tf-header{
border:silver 1px solid;
overflow:hidden;
margin:0 0 1px 0;
background-color:#0B243B; /* Color de fondo del título */
}
div.tf-header img{
margin:1px;
float:left;
width:36px;
height:36px;
border:0;
}
div.tf-header h2{
line-height:32px;
font-weight:bolder;
display:block;
margin:3px;
padding-left:5px;
float:left;
font-size:14px;
letter-spacing:.1em ;
color:#FFF; /* Color del texto */
}
div.tf-users{
height:180px; /* Alto del gadget */
border:silver 1px solid;
overflow:hidden;
background-color:#eaeaea; /* Color de fondo del gadget */
}
div.tf-users a{
display:block;
float:left;
}
div.tf-users img{ }
div.tf-info{
text-align:right;
display:none;
}
</style>

Demo
http://ciudadblogger.com/2011/02/mostrar-seguidores-de-twitter-con.html
Fuente
http://ciudadblogger.com

Aviso del Moderador "Design-PWG":
[El "Asunto" del aporte debe tener su respectiva etiqueta.]
Mas información: http://www.paginawebgratis.es/forum/viewtopic.php?t=66177
Desde ya gracias por su comprensión y colaboración!

Realizado de Etiqueta
______________
WebTwo de RadioVijaer.


Ultima edición por davixm el Sab Ene 28, 2012 1:37 pm; editado 3 veces
Mensaje06-11-2011, 20:32 (UTC)    
Título del mensaje:

Buen Aporte
______________


Super Mario la lleva, es lo mejor en Videojuegos, se los recomiendo
Mensaje07-11-2011, 00:56 (UTC)    
Título del mensaje:

@davixm

Hola ,Trata de usar las etiqueras "QUOTE" o "CODE" asi el Codigo no se mescla con lo demas aportado , BUEN APORTE !

Cita:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>

<script type="text/javascript" src="http://twitter-friends-widget.googlecode.com/files/jquery.twitter-friends-1.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#friends').twitterFriends({
debug:1
,username:'usuario'
,header:'<a href=\'_tp_\'><img src=\'_ti_\'/></a><h2>_fo_ SEGUIDORES!</h2>'
,friends:0
,user_animate:'width'
,users:40
,users_max:100
,loop:1
,user_image:36
});
});
</script>

<div style="width:100%">
<div id="friends"></div>
</div>

<style>
div.twitter-friends{}
div.tf-header{
border:silver 1px solid;
overflow:hidden;
margin:0 0 1px 0;
background-color:#0B243B; /* Color de fondo del título */
}
div.tf-header img{
margin:1px;
float:left;
width:36px;
height:36px;
border:0;
}
div.tf-header h2{
line-height:32px;
font-weight:bolder;
display:block;
margin:3px;
padding-left:5px;
float:left;
font-size:14px;
letter-spacing:.1em ;
color:#FFF; /* Color del texto */
}
div.tf-users{
height:180px; /* Alto del gadget */
border:silver 1px solid;
overflow:hidden;
background-color:#eaeaea; /* Color de fondo del gadget */
}
div.tf-users a{
display:block;
float:left;
}
div.tf-users img{ }
div.tf-info{
text-align:right;
display:none;
}
</style>



Ultima edición por guias-programas el Dom Nov 06, 2011 8:57 pm; editado 1 vez
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group