Si quieres agregar Twitter a tu blog, puedes encontrar multitud de plugins que te permitirán hacerlo facilmente, sin embargo lo que mucha gente desconoce es que es igualmente sencillo (si no más) y bastante más rápido hacerlo mediante código HTML.
El código en cuestión nos lo facilitan en la propia web de Twitter.
La parte de código que se muestra a continuación debemos colocarla en el lugar de nuestro blog/web donde deseamos que aparezcan nuestros tuiteos.
1 2 3 4 | <div id="twitter_div"> <h2 class="twitter-title">Twitter</h2> <ul id="twitter_update_list"></ul> </div> |
Con esto, estamos creando una capa (div) que contiene una cabecera (h2) y una lista con nuestros tuiteos (ul), por lo que podremos personalizar fácilmente su apariencia mediante CSS.
Pero el código anterior no funcionara correctamente sin incluir esta otra parte:
1 2 | <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script> <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/USER.json?callback=twitterCallback2&count=X"></script> |
Esta última parte es un javascript que recoge los datos de nuestro perfil en Twitter y los coloca en la lista de antes (ul). Aquí debemos configurar 2 parámetros:
- USER: nuestro nombre de usuario en Twitter
- count=X: sustituyendo la X por el número de actualizaciones que queramos mostrar
Por último añadir que esta parte del código es recomendable ponerla al final del todo de nuestra página, justo antes de la etiqueta < /body > para evitar retrasar el tiempo de carga de nuestra web y posibles errores si Twitter se encuentra caído.
Ya de paso aprovecho y os dejo el Twitter de David Barredo (el mío) para todo aquel que le interese 
Por cierto… ¿Twitter se cae? 
jajajaja
Para redireccionar desde una página a otra de forma automática tan solo tenemos que añadir una linea de código entre las etiquetas <head> y </head> de nuestra página.
<meta http-equiv="refresh" content="3;url=no_javas.html">
Esto nos puede venir muy bien si por ejemplo tenemos una web cuyo uso necesita que javascript este habilitado. Si un visitante no tuviera habilitado el javascript podríamos mandarlo de forma automatica a otra direccion donde no fuera necesario javascript de la forma siguiente:
1 2 3 | <noscript> <meta http-equiv="refresh" content="7;url=nojavascript.html"> </noscript> |
Donde el número 7 seria el tiempo en segundos y nojavascript.html la página a la que será redirigido pasado ese tiempo.
Sin comentariosEn breve...Si quieres añadir un reflejo a tus imágenes, con Mootools lo puedes hacer fácilmente.
Tan solo necesitamos el archivo reflection.js y la versión 1.1 de Mootools o superior. Una vez hemos descargado los archivos .js los tenemos que subir a nuestro alojamiento.
Añadimos estas 2 lineas entre las etiquetas <head> </head> de la página donde queremos agregar el reflejo a nuestras imágenes:
<script src="js/mootools.v1.1.js" type="text/javascript"></script> <script src="js/reflection.js" type="text/javascript"></script>
Y ahora tan solo tendremos que añadir la class reflect a las imágenes que queramos que aparezcan con reflejo:
<img src="logo.jpg" class="reflect" />
¿Quieres ver una demo?
Sin comentariosEn breve...
XHTML, CSS, Ajax y javascript, desde Libros Web nos ofrecen una completa colección de tutoriales.
Todos son gratuitos y están en castellano. Se pueden visualizar online o descargar en pdf para su impresion (versiones de 1 cara o 2) y están enfocados al usuario principiante.
El listado de los tutoriales que puedes encontrar es:
- Introducción a XHTML (online)
- Introducción a XHTML (PDF)
- Referencia de CSS 2.1 (online)
- Introducción a CSS (online)
- Introducción a CSS (PDF)
- Introducción a AJAX (online)
- Introducción a AJAX (PDF)
- Introducción a JavaScript (online)
- Introducción a JavaScript (PDF)
- Symfony (online)
- Symfony (PDF)
Vía: Ayuda Wordpress
Sin comentariosEn breve...Extraordinaria recopilación realizada por Phatfusion de múltiples herramientas desarrolladas sobre MooTools.
Muy útil para darle un toque personal para los diseños y proyectos que tengas entre manos .
Vía: Xyberneticos
Sin comentariosEn breve...