"TINKERMASTER " diseños para Photoshop

tinkermaster

Cuadro de ultimos tweets

Para todos los usuarios de twitter que tienes una web acargo en esencial mantener informados a nuestros usuarios de las actualizaciones o acontecimientos, y que mejor manera por medio de los tweets, pero no simplemente seran mostrado los tweets si no que tambien estaran rodeados de un vistoso y elegante cuadro.

En el cuadro estaran las 3 tweets mas recientes, acomodados cronologicamente, es maravilloso saber que puedes comunicarte con tus visitantes desde cualquier parte, aqui les dejo una imagen de como luce el cuadro:



Como pueden ver el cuadro luce muy bien, asi que para ponerlo en nuestras web hay que seguir los siguientes pasos, como todos sabran lo primero es darle forma y estructura al cuadro por medio de css, he aqui el codigo css del cuadro, Recuerden que esto es un codigo css y lo deven pegar en CSS-CODE

 
#twitter { margin-left:4px; } #twitter #twitter_update_list { background:url(https://img.webme.com/pic/p/pruebassouldhcack/bk_twitter_box_top.png) 0 0 no-repeat; padding:3px 15px 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic; line-height:125%; color:#666; } #twitter #twitter_update_list li{ list-style-type:none; padding-top:10px; } #twitter #bottom { height:36px; background:url(https://img.webme.com/pic/p/pruebassouldhcack/bk_twitter_box_bottom.png) 0 0 no-repeat; padding-left:63px; padding-top:45px; font-weight:bold; }


Ya pegado el css que le da la forma y estructura al cuadro vamos a pasar al siguiente paso que es pegar el html del cuadro, este lo debemos pegar en donde querramos que se vea el cuadro de los utimos tweets. Tambien deberemos cambiar : "Tinkermaster12" por el nombre de usuario de su tweeter, tambien podemos cambiar el numero: 3 por el numero de tweets que queremos que se muestren. Recuerden que esto es un codigo HTML y lo deven pegar en donde quieran que este el cuadro de los utimos tweets.


 
<!-- Begin #twitter -->
<div id="twitter">
<div id="twitter_update_list">
</div>
<div id="bottom"><a href=http://twitter.com/tinkermaster12>Follow Us on Twitter!</a></div>
</div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/souldhack95.json?callback=twitterCallback2&count=3"></script>
<!-- End #twitter -->

Con esto hemos acabado de crear nuestro cuadro de ultimos tweets, sin duda un cuadro muy elegante y a la ves practico, alguna duda haganmelo saber

Hoy habia 1 visitantes (47 clics a subpáginas) ¡Aqui en esta página!

    • CUADRO TWEETS

      Para todos los usuarios de twitter que tienen una web es< esencial mantener informados a nuestros usuarios de las actualizaciones...

    • CUADRO DE NOTICIAS EN JQUERY

      crear un cuadro de noticias utilizando jquery para la animacion...

    • ESTILOS DE BORDES

      los bordes en realidad sirven para que algun elemento se vea mejor, es decir elegante...

    • RECURSOS

      encuentra exelentes paginas webs donde encontraras brushes, tipos de textos, etc...

  • SIGUEME EN YOUTUBE

    • DISEÑOS CSS

      descarga los mejores diseños Css para que puedas personalizar tu web...

    • PLANTILLAS XML

      Descarga exelentes plantillas para que personalizes tu blog...

    • JUEGOS PARA PC

      Descarga exelentes juegos para tu PC...

    • AFILIADOS VIP

      Afiliate a mi web de una manera facil y sencilla...

    • WALLPAPERS

      descarga wallpapers para que le den una mejor apariencia a tu PC...






    • Bienvenidos a Tinkermaster website en donde se comparten conocimientos, ideas e informaciones listas para que cualquiera pueda aprender de ellas - Diseñado Por Tinkermaster
      Estas viendo la imagen:


  • => ¿Desea una página web gratis? Pues, haz clic aquí! <=