Glassical | Download | Demo

Home Carpenter | Download | Demo

Brown Stitch | Download | Demo

Cool Flowers | Download | Demo

Backyardigans | Download | Demo

Woodstock | Download | Demo

Online Business | Download | Demo

Blue News | Download | Demo

Airbender | Download | Demo

Wind Clouds | Download | Demo

• programador php
• programador web
• programador asp madrid
• programador mysql
• bases de datos sql
• bases de datos oracle
• programador entorno web
• maquetador web

Visto en Buscador de anuncios clasificados (Que20) y

en Buscador de coches de segunda mano (CochesAdictos)

Temas para Blogger:

• 10 Blogger Templates
• BloggerTemplates. Es uno de los más conocidos en el que encontrarás una gran cantidad de temas para blogger totalmente gratis.
  
• Blogger-Templates. Es un blog y podrás ver muchos temas para blogger muy bien organizados. Además dan muchos consejos para sacar el máxim parido a blogger.com
  
• BlogSkins.
• BlogFlux Themes
• TemplatePanic
• Psycho. Aquí podrás generarte tu propia plantilla de forma rápida y totalmente gratis.
  

Otros artículos interesantes:

Plantillas CSS gratis
MeeCSS
Temas para Firefox
Temas para Windows 7

Si tienes una web con un diseño web bastante cuidado y estás pensando en enviarlo a varias galerias CSS, ahora te lo ponen muy fácil, desde MeeCSS puedes hacer el alta en más de cien galerías y de una manera muy rápida y cómoda, tardando muchisimo menos que haciendo visitando cada galeria CSS para enviar tu sitio web.

Visita MeeCSS

Visto en Criteriondg

Otros artículos interesantes:

Diseño web 2.0

Plantillas CSS gratis

Paleta de colores

Ejemplo del CSS:

#preloadedImages {
width: 0px;
height: 0px;
display: inline;
background-image: url(path/to/image1.png);
background-image: url(path/to/image2.png);
background-image: url(path/to/image3.png);
background-image: url(path/to/image4.png);
background-image: url();
}

Ejemplo del HTML:

<div id="preloadedImages"></div>

Visto en SentidoWeb

<script language="JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<!--[if gte IE 5.5]>
<script language="JavaScript" type="text/JavaScript">
$(document).ready(function(){
$("#navmenu-h li,#navmenu-v li").hover(
function() { $(this).addClass("iehover"); },
function() { $(this).removeClass("iehover"); }
);});
</script>
<![endif]-->

Aquí os dejamos un ejemplo

<ul id="navmenu">
<li><a href="#">Root nav item</a>
<ul>
<li><a href="#">Sub nav item</a></li>
</ul>
</li>
</ul>

Mira más menu de ejemplo.

Puedes ver también:

Plantillas CSS gratis

Visto en Anieto2k

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym { border:0;
}

Un reset básico sería el siguiente:

* {
margin:0;
padding:0;
}

Visita Yahoo! UI Library: Reset CSS

Realmente es cómodo podemos controlar con exactitud los colores de nuestra web sean tales como los hemos preparado en photoshop (este te da el valor hexadecimal con la herramienta de cuenta gotas)

Aquí os dejo una tabla con algunos colores y su valor en hexadecimal.

Como usar el plugin:

Para comenzar necesitamos tener el javascript de jQuery y después descargar el plugin. Debemos incluir en la cabecera dos ficheros javascript:

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.4.js"></script>

También debemos incluir el fichero CSS:

<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.4.css" media="screen" />

Incluimos las etiquetas HTML para enlazar una imagen, por ejemplo:

<a href="image1.jpg"><img src="thumb_image1.jpg" width="72" height="72" alt="" /></a>

Y por último incluimos el siguiente javascript que es el que activará el lightBox:

<script type="text/javascript">
$(function() {
// Use this example, or...
$('a[@rel*=lightbox]').lightBox(); // Select all links that contains lightbox in the attribute rel
// This, or...
$('#gallery a').lightBox(); // Select all links in object with gallery ID
// This, or...
$('a.lightbox').lightBox(); // Select all links with lightbox class
// This, or...
$('a').lightBox(); // Select all links in the page
// ... The possibility are many. Use your creative or choose one in the examples above
});
</script>

Visita  lightBox plugin

Ver una Demo

Descargar div con scroll