Así funciona este efecto que origina un simplísimo CSS: Conforme se va bajando la página, van emergiendo los textos e imágenes como si una capa de bruma se fuera despejando. Me parece guapísimo para blogs con mucho texto.
Misterioso, romántico, tenebroso... puede darle cualquiera de estos caracteres a un blog (eso pienso, vamos...).
He hecho la prueba en este blog de pruebas, y podéis ver la demo del autor del hack en css-tricks
Sólo tenéis que bajaros la imagen del "fade", y colocar un CSS para el mismo, así como una clase:
.- CSS:
#bottom_fade {
width: 1600px;
height: 200px;
z-index: 99;
position: fixed;
bottom: 0%;
background-image: url("http://.../bottom-fade.png");
}
Podéis (y seguramente "debéis") cambiar el ancho y alto del bottom, así como el tanto por ciento de la posición respecto del pie (bottom) de la página.
.- HTML: Se ha de colocar al final de la plantilla, justo encima del cierre del cuerpo: </body>
<div id='bottom_fade'/>
Eso es todo...
Curioso efecto y bueno por que está hecho con la sencillez de las CSS.
ResponderEliminarPor cierto, algunas novedades en Mootools, un nuevo "news ticker" pero esta vez de Mootools, un poco básico que requiere bastante customización del usuarios, pero con imágenes y texto supongo que ya se rellena bien para que luzca mejor:
http://forum.mootools.net/viewtopic.php?id=7550
Demo:
http://www.capitolmedia.com/demo/ticker.htm
Y Scrollbars personalizadas:
http://solutoire.com/2008/03/10/mootools-css-styled-scrollbar/
Demo:
http://www.solutoire.com/experiments/scrollbar/index.html
¿Sabes qué?:
ResponderEliminarMe he cansado tanto del Query (con sus eternas obstrucciones, dándose de tortas a cada código nuevo que le sumas, incluso del mismo query) que me estoy dedicando a lo sencillito :)
(por sencillito me refiero a no tener que colocar un "noconflict" en lo que me quede de cybervida).
Me han gustado esos nuevos Mootools que traes y los probaré en cuanto pueda :)
¿Sabes que "slimbox" viene "nueva"?... con efectos bastante guapos pero... tiene una pega gorda: es de query, arg (le he pillado manía, oye, jajajjajaa). A ver si te encuentro la dirección (ya no recuerdo dónde la ví) y te la pongo para que la veas.