Excelente Menu Drop Down con jQuery y CSS

Los estudios muestran que las navegaciones superior tienden a obtener la mayor atención visual cuando el primer usuario visita un sitio. Después de haber organizado y navegación intuitiva es la clave – y mientras la mayoría de los menús desplegables pueden parecer estéticamente agradable, el desarrollo de ellos para degradar gracia es también esencial. En este tutorial quiero ir sobre cómo crear una caída sexy menú desplegable que también pueden degradar con gracia.

Paso 1: HTML

En primer lugar crear una lista desordenada de navegación superior de su base. Después, simplemente nido otra lista no ordenada para la navegación secundaria.

 <ul class="topnav">
     <li><a href="#">Home</a></li>
     <li>
         <a href="#">Tutorials</a>
         <ul class="subnav">
             <li><a href="#">Sub Nav Link</a></li>
             <li><a href="#">Sub Nav Link</a></li>
         </ul>
     </li>
     <li>
         <a href="#">Resources</a>
         <ul class="subnav">
             <li><a href="#">Sub Nav Link</a></li>
             <li><a href="#">Sub Nav Link</a></li>
         </ul>
    </li>
     <li><a href="#">About Us</a></li>
     <li><a href="#">Advertise</a></li>
     <li><a href="#">Submit</a></li>
     <li><a href="#">Contact Us</a></li>
 </ul>

Galeria de Tablas con CSS / CSS Table Gallery

Diseño de Tablas con CSS muy buenos para descargarlo, modificarlo lo que ustedes deseen.

Enlace : Ver

Cambiar la imagen de fondo CSS con jQuery

Establecer una imagen de fondo usando jQuery en algunos div. Al principio, mi código de configuración de fondo era así:

$('#myDiv').css('background-image', 'my_image.jpg');
// OR
$('#myDiv').css('background', 'path/to/image.jpg');

Mi div no tenía imágenes de fondo. FireBug no mostró propiedades de fondo CSS conjunto y no podía ver por qué las imágenes de fondo no se están estableciendo por jQuery.

Solución a las imágenes de fondo “no se están creando” el problema es establecer que de esta manera:

$('#myDiv').css('background-image', 'url(my_image.jpg)');
// OR
$('#myDiv').css('background', 'url(path/to/image.jpg)');

Tu nombre en Código ASCII

Puedes generar con un monton de opciones….

VER

Stylizer Editor CSS

Existen editores para todo y CSS no es una excepción. Sin embargo, el programa que nos ocupa no es un editor convencional, sino más bien podríamos decir que es un navegador con posibilidades de edición de las hojas de estilo CSS de las páginas que visitamos. No obstante, tampoco podemos decir que sea un navegador nuevo, sino que es una envoltura para distintos navegadores, que aporta utilidades adicionales para diseñar esquemas de página con CSS.

Stylizer es un producto comercial, pero que tiene una versión reducida que es gratuita. Al descargar la versión comercial disfrutamos del programa completo por 14 días, después de los cuales se queda limitado a la versión “Basic”, que es gratuita. Podemos descargarlo desde la página de inicio de la compañía desarrolladora.