Búsqueda personalizada

Clearfix CSS Hack

csstypeset.jpg

CSS Type Set es una practica herramienta online que nos permitirá dar formato a nuestros textos mediante CSS y sin necesidad de saber demasiado de el. CSS Type Set es realmente muy sencillo, tan solo basta introducir un fragmento de texto y posterior mente comenzar a reconfigurar los parámetros. Por ejemplo: Con que tipo de fuente nos agradaría escribir nuestro texto, el tamaño, espacios entre líneas, cursivas, color de fondo, etc. A medida que vamos utilizando los controles inferiores para configurar todo, veremos en un recuadro también el código CSS generado, listo para ser usado en nuestras Web.

Enlace CSS Type Set

Publicado en CSS,Desarrollo Web,Diseño,Maquetación | Responder

Menús CSS con aspecto profesional fácilmente

izzymenu.jpg

IzzyMenu, Con IzzyMenu podremos crear tantos menús profesionales como deseemos, y lo mejor, sin tener conocimientos previos, y sin complicaciones. Izzymenu es tan simple simplemente deberemos configurar una serie de parámetros, y elegir las opciones adecuadas para lograr el estilo deseado para nuestro menú. Nos permite crear menús horizontales como verticales, menús estáticos o desplegables, y descargar cada uno de los diseños con sus imágenes y códigos CSS, listo para ser usado en nuestros proyectos Web. Podremos inclusive indagar por diseños ya diseñados por terceros, sin necesidad de registrarnos, y guardar todos nuestros diseños en caso de optar por regístranos de forma gratuita. Izzymenu hará que crear menús con diseños profesionales sea cosa de niños, y sorprendas a tus amigos con diseños agradables que tan solo te han llevado escasos minutos.

Enlace IzzyMenu

Fuente wwwhatsnew

 

Publicado en CSS,Desarrollo Web,Diseño,Maquetación | Responder

Tooltips mediante CSS

csstoolpic.jpg

Una técnica muy simple para generar Tooltips, utilizando tan solo CSS. Creo que será útil para aquellos que ven complicado el uso de script o deseen algo realmente muy simple para sus Tooltips.

Mas info y Descarga de ejemplo:

El codigo Css:

CSS:

a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
 
      a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;}
 
      a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}

uso – Añadimos a los enlaces la clase “tooltip”:

HTML:

Easy <a href=”#” class=”tooltip”>Tooltip<span>Información Extra para Mostar en el Tooltip </span></a>.
Publicado en CSS,Desarrollo Web,Diseño,Maquetación | Responder

Novedades