Inicio > CSS > Modificar el widget de twitter

Modificar el widget de twitter

Me he dado a la tarea de modificar el widget de twitter para cambiar un poco la apariencia. Es muy sencillo pero cuesta trabajo encontrar la información, así que decidí crear este pequeño artículo para explicarles.

En primer lugar el widget que vamos a modificar es el que usa este JS:

<script src="http://widgets.twimg.com/j/2/widget.js"></script>

Para cambiarle la fuente de color y el tamaño utilizamos el siguiente CSS:

<style type="text/css">
#twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-bd p {
color:#000000 !important;
font-size:0.9em;
}
</style>

Lo colocamos entre las etiquetas <head></head> de nuestro HTML.

Para remover los logos y poder hacer un diseño más integrado a nuestro sitio utilizamos el siguiente código CSS:

<style type="text/css">
.twtr-hd, 
.twtr-ft 

display: none; 
}
</style>

Con esto ya está 100% personalizado. Espero sea de ayuda.


Keywords: Modificar el widget de twitter, Modificar el widget de twitter, ,
Última modificación: Morris el 10.05.11

Si no encontraste lo que buscabas, prueba la búsqueda:

Búsqueda personalizada

Ejemplos relacionados


Últimos 2 comentarios en Modificar el widget de twitter

wii
01.17.12 a las 2:32:10
un capo, lo voy a probar muchas gracias!
Angeliv
11.14.11 a las 18:17:04
Gracias por este artículo, creí que no funcionaría pero aún así copié el código y sí funcionó.

Deja un comentario en Modificar el widget de twitter


Nombre *
Correo *