Zero

le puse de nombre Fade álbum porque la imagen que utilicen como portada se desbanecera, además de ser muy ligero ya que esta echo con css, si agrupan muchas imagenes parece un álbum y se ve muy bien, es muy fácil de utilizar, a continuación les dejo lo que tienen que hacer para tenerlo, pueden utilizarlo como mas les guste

este es el codigo css

.contenedor-ab {
	height: 180px;
}
.move-text {
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CCCCCC;
	box-shadow: 1px 1px 2px #CCCCCC;
	float:left;
	height: 128px;
	margin: 0 10px 20px 0;
	padding: 5px;
	position: relative;
	width: 188px;
}
.move-text:hover {
	box-shadow: 0 0 2px #CCCCCC;
	margin-top: 15px;
}
.img-top {
	border: 4px solid #EEEEEE;
	cursor: pointer;
	opacity: 1;
	position: absolute;
	-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
}
.img-top:hover {
	padding-bottom: 120px;
	margin-top: -120px;
	z-index: 500;
	opacity: 0;
}
.text-absolute {
	border: 1px solid #CCCCCC;
	font-size: 12px;
	height: 122px;
	margin: 0;
	padding: 2px;
	width: 182px;
}
.clear-img {
	overflow: hidden;
	position: relative;
}

Luego pongan esto en donde quieran tener el efecto:

<div class="contenedor-ab">
<div class="move-text">
<div class="clear-img">
<img class="img-top" src="http://2.bp.blogspot.com/-xLvRgLpIGqE/T5BvD6cF8-I/AAAAAAAABaI/DGwye6x_w7Y/s1600/tump-01.png" />
<p class="text-absolute">
<b>Texto de ejemplo:</b> Yukito es un joven viajero que se gana la vida con un espectáculo de magia y marionetas y que recorre pueblos buscando a una chica alada que vive en el cielo, una historia que su madre le contaba de pequeño, cuando...</p>
</div>
</div>

<div class="move-text">
<div class="clear-img">
<img class="img-top" src="http://1.bp.blogspot.com/-Jx_-sM8FciM/T5BvFQcLdYI/AAAAAAAABaQ/vv1hcC1iRuU/s1600/tump-02.png" />
<p class="text-absolute">
<b>Texto de ejemplo:</b> Yukito es un joven viajero que se gana la vida con un espectáculo de magia y marionetas y que recorre pueblos buscando a una chica alada que vive en el cielo, una historia que su madre le contaba de pequeño, cuando...</p>
</div>
</div>

<div class="move-text" style="margin-right: 0pt;">
<div class="clear-img">
<img class="img-top" src="http://1.bp.blogspot.com/-WZCnSYsqa4s/T5BvGktebLI/AAAAAAAABaY/H7Dj6HK-gLk/s1600/tump-03.png" />
<p class="text-absolute">
<b>Texto de ejemplo:</b> Yukito es un joven viajero que se gana la vida con un espectáculo de magia y marionetas y que recorre pueblos buscando a una chica alada que vive en el cielo, una historia que su madre le contaba de pequeño, cuando...</p>
</div>
</div>
</div>
<div style="clear:both"></div>

y listo, si quieren ver una demo les dejo la url de una entrada que hice en un blog de pruebas
Dirijanse al final de la entrada para ver la demo:

http://extreme-creat...e-album-efecto-
con-css3.html?zx=8a954dce768c07c5


Espero les guste, lo hice en mis tiempo libres (:

bueno aqui les dejo unos psd que tengo que me estaban pidiendo, muchos psd se me eliminaron asi que no tengo todos los que dejo cuandocreo una imagen, espero que a mas de a uno les sirvan

Categoria-post

http://www.mediafire...2wwxhwt359niwty

Header-time

http://www.mediafire...ezanccx3qzdnebf

barra-generador

http://www.mediafire...2qgavuf47rsdnu7

Designed by Zero

http://www.mediafire...tsy9bibm88k6lx9

Imagen sitile total

http://www.mediafire...n3g3pm833p9pr7h

aca les dejo otro diseño de la misma imagen:

http://www.mediafire...6nrap0kw4wpq8a2

Todos los links estan resubidos desde hoy 27/04/2012, descarguen antes de que se acabe el mundo!! D=

Lamento decepcionarlos pero perdi casi todo lo que escribi en microsoft word -_- eran en total 22 documento y en ellos habian como 3 paginas escritas en donde yo me tome el tiempo para escrtibir y hacerles tutoriales en donde les enseñaria a crear temas especificamente para phpost,

La razon
desafortunadamente mi pc se puso muy lenta despues de que lñe hice una limpeasa al cpu, pense que era cosa del sistema operativo entonces tube que formatearla forzosamente borrando asi todo lo que contenido el primer disco duro de mi pc (ahi contenia el 99% de los documentos de word que yo escribi) me di cuenta de que se me habian borrado cuando ya habia reinstalado todo y solo quedo uno que se encontraba en el disco duro numero dos de mi pc -_- pero aun asi mi compu seguia demasiado lenta y no entendia el porque hasta que la desarme y me di cuneta de que mi procesador estaba funcionando con el cooler desconectado y eso lo hacia alcansar temperaturas de hasta 105 grados en todos los nucleos =0!! (lo revise con el everest) coneecte denuevo el cooler pero ya era demasiado tarde xD el procesador seguia alcansando grados demasiados altos y entonces lo mejor que pude hacer es quitarlo y sali a comprar uno nuevo al dia siguiente T-T
lo compre lo instale y cual era mi sorpresa? que ahora mi tarjeta de video se calentaba de sobremanera =0 llegaba a los 122 grados!!! entonces la desarme y encendi mi cpu destapado para ver el problema y el ventilador de mi tardejta de video habia muerto u_u le di vueltas y hasta lo engrace pero ya no daba señales de vida xD asi que me volvi a vestir y me fui para donde compre la tarjeta y me dijeron que en 15 dias me daban otra porque se la llevaron para garantia ya que tenia 1 año :P regrese a mi casa y me habian robado la compu y mi play y todo xD naa eso ultimo ya no paso pero era lo unico que me faltaba que me pasara o__o

para que vean que no les miento aqui les dejo el unico documento que se salbo den la formateada aunque esta algo incompleto : P

http://www.mediafire...7bxz4mjxdizqme4

Bueno aun asi quiero que aprendan a diseñar pero ahora no utilizo ya el script de phpost ni tampoco guardo ninguna conexcion porque no utilizo nada de aqui solo el rango x3

Igual revisando entere mis cosas que se salvaron encontre unos tutoriales geniales que les enseñan perfectamente lo que es html, xhtml, css2, js, php, jquery, html5 y css3, ademas estan totalmente en español, ya lo estoy subiendo a mediafire y se los dejare mañana porque ahora ya tengo sueño x3

ademas tambien queria mostrarles algo, encontre en mi laptop el tema que estaba haciendo para matar el aburrimiento en el hospital xD aqui le dejo una cap:



la home y algunas secciones las deje terminadas y lo unico que me faltaba de diseñar eran los perfiles y los post pero me quitaron la lap hasta que volvi a casa .___. ni me acordaba que estaba haciendo ese tema, Bueno me despido

Tambien quiero agradecer a todos los usuarios que respetan el copy de mis temas :D por eso a los primeros 5 que me envien un mensaje y tengan un tema mio que no hayan removido su respectivo copy se los permitire remover : P Saludos

Si les agrado o les gusta mis trabajos ayudenme con un humilde like a mi pagina en facebook xD

http://www.facebook.com/zanimemf

Saludos y garcias por leer si es que leyeron todo xD

PD: ya me recupere ahora estoy en mi casa :P y los que quieren retirar el copy mandenme un mensaje a Zero20659@hotmail.com

Bueno amigos se me ocurrio una idea a base de lo que muchos usarios de otras web me an pedido y termino haciendolo, bueno lo que quiero hacer es que les voy a enseñar a usar css y al mismo tiempo aprenderan html, tambien al mismm tiempo aprenderan a usarlo en el script de phpost 0= estas clases les pueden servir no solo para la vercion 1.5.1 si no que para cualquier script aunque esto que voy a hacer sera especial para phpost y para este script =D

como lo hare?

es simple.. cada dia les enseñare algo de css y sin querer tambien aprenderan html y cada dia les pondre algo nuevo, recuerden que css no es aprenderse todas las propiedades, se trata de saber usarlas : )

yo calculo que en 2 semanas sabran lo suficiente para hacer sus propiuos temas claro si practican lo que les enseñare xP asi que quieren que haga esto?

si es asi pueden dejar un comentario de quienes nomas van a seguir mis clases sobre css : D

y cuando sean mas de 20 comensare a hacer los topics en donde indiquen lo que aprenderan cada dia y practicaran : ) tambien les dejare herramientas muy utilies y que les facilitara muchisimo el trabajo a la hora de diseñar : D

PD: si nadie quiere o son muy pocos entonces no hago los topic obiamente pero quisas pueda ayudarlos de otra manera a los que quieren aprender : D