Se trata de un tutorial realizado por Catalin Rosu en donde ha creado un menú horizontal desplegable con CSS3, sin ningún tipo de código Javascript ni tampoco imágenes. Ejemplo real: #menu { width: 100%; margin: 0; padding: 10px 0 0 0; list-style: none; background: #111; background: -moz-linear-gradient(#444, #111); background: -webkit-gradient(linear,left

Si necesitas editar tus fotografias este es el post indicado para encontrar una recopilacion de los mejores editores de fotos en linea. Aquí la lista: Pixlr iPiccy Splashup Citrify Foto flexer Sumo paint Drpic Pixer Image editor Me cuentas cual es el editor que mas te a sido út

En un pots anterior había mostrado los diferentes tipos de tablas que se pueden obtener con HTML, ahora te quiero mostrar esas mismas tablas pero incluyendo un poco de CSS para obtener un efecto tipo 3D. Demostración El CSS colócalo arriba de ]]></b:skin> /* Tabla en general */ table{ background-color: #BBB; /* Color de fondo */ color: #FFFFFF; /* Color de texto */ font-family: Helvetica;

BannerBreak es un sitio en donde podrás obtener diferentes tipos de banners para el diseño de tu web o blog. Tiene varias opciones para personalizarlos como es fuente del texto, tamaño, color, degradados, etc. También podrás obtener el código que se encuentra del lado derecho. Ejemplos:

A veces aunque casi nunca, tratamos de personalizar nuestros párrafos de las entradas dándoles un toque distinto de acuerdo a nuestras necesidades. Para ello si tienes pensado hacerlo, te presento los siguientes ejemplos: Ejemplo 1: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim

Subtle patterns es un sitio que te brinda una galería de 72 patterns o patrones de texturas de alta calidad y de uso gratuito para proyectos comerciales y de impresión. Puedes ver unas muestras aquí mismo:

Las etiquetas <fieldset> y <legend> son utiles para la creación de recuadros sencillos que suelen usarse para enmarcar una nota o un texto que querramos resaltar. Por ejemplo con la etiqueta <fieldset> obtenemos: Aquí el texto que quieres enmarcar Aquí el texto que quieres enmarcar Aquí el texto que quieres enmarcar Ahora fusionando la etiqueta <fieldset>

Art digital design es un sitio que posee en formato SWF (flash), fondos de pantalla interactivos o animados para el escritorio o sitio web así como relojes, calendarios, juegos, entre otros. Cada fondo de pantalla, reloj, etc. Incluye un código para insertarlo en tu blog (como elemento HTML/Javascript o en una entrada). <object type="application/x-shockwave-flash" data="http://www.artdigitaldesign.com/desktop-animated-wallpaper/?movies/desktop-calendars/football-play-time.swf"

Ben Heine es un artista autodidacta que realizo una estupenda serie de imágenes mezcladas entre dos disciplinas como son el: dibujo y la fotografía, mezcla de imaginación y realidad. A continuación unos ejemplos: 900x599px 900x593px 1000x1019px 1000x704px 602x900px 950x632px 850x829px 900x599px 1000x666px 1000x727px 850x723px 1000x932px 1000x

Blizaga, ha creado un tutorial sobre como hacer un tooltip brillante sin ningun efecto de hover. El ejemplo tiene algunas características interesantes, tales como bordes redondeados, un icono y una especie de punta de flecha. Imagen: Ejemplo real: .caja { position: relative; width: 280px; height: 100px; padding: 10px;

Una gran variedad de galerías de imagenes efectuadas con jQuery y CSS3 tal vez Crodops es el mejor sitio que se dedica a publicar artículos y tutoriales de los mejores efectos de jQuery y CSS3 sobre galerías de imágenes y sobre otros efectos más. Los mejores ejemplos de galerías a continuación: Fusión de cajas de imágenes con jQuery Slide hover con jQuery Galería multimedia de imágenes,