Desktop Wallpaper Calendar: December 2011

Llega diciembre y con el la navidad, te apetece cambiar el fondo de escritorio de tu ordenador y personalizarlo mas con la epoca de la año en la cual estamos, pasate por esta pagina web y descargate el que mas te guste. Yo personalmente cada mes me cambio el fondo de escritorio con uno de los que me proponen. Este diciembre este es mi fondo de escritorio.

 

+ Info: http://www.smashingmagazine.com/2011/11/30/desktop-wallpaper-calendar-december-2011-christmas/

Sponsored Post Learn from the experts: Create a successful blog with our brand new courseThe WordPress.com Blog

WordPress.com is excited to announce our newest offering: a course just for beginning bloggers where you’ll learn everything you need to know about blogging from the most trusted experts in the industry. We have helped millions of blogs get up and running, we know what works, and we want you to to know everything we know. This course provides all the fundamental skills and inspiration you need to get your blog started, an interactive community forum, and content updated annually.

20 Fotos de Star Trails muy Interesantes

20 fotografias para inspiarnos si queremos fotografiar estrellas en movimiento.

+ Info http://www.dzoom.org.es/noticia-9687.html

TipTip jQuery Plugin – Plugin jQuery para crear nuestros ToolTips

Buscando por internet a ver si encontraba con algun plugin sencillo para hacer tooltips di con este el cual me gusto tanto en el resultado como en la facilidad de usarlo.

Primero necesitamos la ultima version de jQuery, la cual la bajamos de la pagina http://jquery.com/ , recomiendo la minified para produccion. Yo en este ejemplo he usado la verison 1.7.1, que era la estable en el momento de escribir esta entrada

Segundo nos lo descargamos de la pagina web de su creador http://code.drewwilson.com/entry/tiptip-jquery-plugin

El archivo comprimido contiene tres ficheros, el jquery.tipTip.js, el jquery.tipTip.minified.js, y tipTip.css. Realmente para nuestra web solo necesitamos el minified y el css el otro es el mismo que el minfied pero sin comprimir.

Agregando los ficheros a nuestra pagina.

Voy a suponer que lo vamos a colgar todo en el mismo directorio, si no seria cambiando la ruta.

Fichero index.html


<!DOCTYPE HTML>
<html lang="es">
<head>
<meta charset=utf-8 />
<link href="tipTip.css" rel="stylesheet" />
<script src="jquery-1.7.1.min.js"></script>
<script src="jquery.tipTip.minified.js"></script>
<title>Probando el TipTip</title>
</head>

Una vez ya tenemos enlazados los ficheros en nuestra cabezera html pasaremos a probar el plugin a ver que tal funciona
Parte del body en el fichero index.html

<body>
<div class='tipTip' title='Hola Mundo!!!!'>Si pasas el raton por encima saludare</div>
<script>
</script>
</body>
</html>

El mensaje que nos mostrara como tooltip es que que esta en la propiedad title.
Ahora insertaremos el script entre las etiquetas script.

$(function(){
 $(".tipTip").tipTip();
});

Y voila ya tenemos habilitado el tooltip

Si quisieramos ubicar el tooltip en algun lugar en particular del texto añadiriamos una de estas clases al tooltip que quisieramos modificar

  • tip_top – El tooltip aparece arriba del elemento.
  • tip_bottom – El tooltip aparece abajo del elemento .
  • tip_left – El tooltip aparece a la izquierda del elemento.
  • tip_right – El tooltip aparece a la derecha del elemento.
  • tip_left_top –  El tooltip aparece a arriba a la izquierda del elemento.
  • tip_left_bottom –  El tooltip aparece abajo a la izquierda del elemento.
  • tip_right_top –  El tooltip aparece arriba a la derecha del elemento.
  • tip_right_bottom –  El tooltip aparece abajo a la derecha del elemento.

TipTip ha sido testeado y funciona con  IE7 & IE8, Firefox, Safari, Opera y Chrome.

+ Info http://code.drewwilson.com/entry/tiptip-jquery-plugin

A %d blogueros les gusta esto: