Pixelated World │ Html & stuff

sterek escribió:

He was like James Deen;

Ficha Titulo: Blue Jeans. Autor: Yo. Lana del Rey. Género: Romance, Drama. Advertencias: Ninguna. Adaptación: De la Canción Blue Jeans. Otras páginas: Tal vez.

Blue jeans, white shirt. Walked into the room you know you made my eyes burn. It was like, James Dean, for sure. You're so fresh to death and sick as ca-cancer, You were sorta punk rock, I grew up on hip hop. But you fit me better than my favourite sweater, and I know. That love is mean, and love hurts. But I still remember that day we met in December, oh baby! I will love you 'til the end of time I would wait a million years. Promise you'll remember that you're mine. Baby can you see through the tears. Love you more than those bitches before, say you'll remember, oh baby, say you'll remember, oh baby ooh I will love you 'til the end of time.

Hashtags: [Tienes que estar registrado y conectado para ver este vínculo], [Tienes que estar registrado y conectado para ver este vínculo], [Tienes que estar registrado y conectado para ver este vínculo]

[Tienes que estar registrado y conectado para ver este vínculo]

Haciéndole honor al nuevo sistema de menciones y hashtags.   He terminado esta portada. No utilicen esto fuera del foro, editen como quieran pero no quiten el crédito.  

Código:

<link href='http://fonts.googleapis.com/css?family=Varela Round|Grand+Hotel' rel='stylesheet' type='text/css'>
<center><div class="cuadro0"><div class="cuadro1"><div class="cuadro2">He was like James Deen;</div><div class="cuadro3">
<table cellpadding="0" cellspacing="0"><td><div class="cuadroa"> <div style="font-family:Varela Round; text-transform:uppercase; font-size: 16px; text-align: center; color: #fff; letter-spacing:2px; text-shadow: 1px 1px #222;">Ficha</div>
Titulo:
Autor:
Género:
Advertencias:
Adaptación:
Otras páginas: </div></td><td><div class="cuadroc">Un Resumen Aquí. </div></td></table><div class="cuadrob">Hashtags: #EstoEsUnHashTag, @UsuarioTal</div></div></div></div><div class="credito"><a href="http://onlywn.activoforo.com/u4943">Sterek</a></div></center>

<style>.cuadro0 { width: 502px; height: 332px; border: 15px solid transparent; outline: 1px solid #444} .cuadro1 { overflow: hidden; width: 500px; height: 330px; background-image: url(http://placehold.it/500x330); background-position: center left; border: 1px solid #555; overflow: hidden; position: relative } .cuadro1:hover .cuadro2 { margin-top: -500px; -moz-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; -webkit-transition: all 1.2s ease-in-out; transition: all 1.2s ease-in-out } .cuadro1:hover .cuadro3 { left: 65px; -moz-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; -webkit-transition: all 1.2s ease-in-out; transition: all 1.2s ease-in-out } .cuadro2 { text-shadow: 1px 1px #222; font-family:Grand Hotel; font-size:40px; color:#fb8279; line-height:102%; width: 480px; height: 250px; position: relative; top: 150px; text-align: center; -moz-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; -webkit-transition: all 1.2s ease-in-out; transition: all 1.2s ease-in-out } .cuadro3 {width: 340px; left: -500px; top: 30px; position: absolute; -moz-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; -webkit-transition: all 1.2s ease-in-out; transition: all 1.2s ease-in-out } .cuadroa {width: 150px; height: 180px; padding: 10px; overflow: auto; margin-bottom: 5px; font-family: Varela Round; font-size: 11px; color: #fff; line-height: 150%; background-color:rgba(51,51,51,0.5); border-left:2px solid #fb8279} .cuadrob {width: 362px; padding: 10px; margin-bottom: 5px; font-family: Varela Round; font-size: 11px; text-transform: capitalize; text-align: justify; color: #fff; line-height: 120%; background-color:rgba(51,51,51,0.5); border: 1px solid #fb8279} .cuadroc {width: 170px; height: 170px; overflow: auto; padding: 15px; margin-bottom: 5px; margin-left: 10px; background-color:rgba(51,51,51,0.5); font-family: Varela Round; font-size: 11px; color: #fafafa; text-align: justify; line-height:100%; border-right:1px solid #fb8279} .cuadroc::-webkit-scrollbar { width: 1px; height: 2px; } .cuadroc::-webkit-scrollbar-thumb {background: #fb8279;} .cuadroa::-webkit-scrollbar { width: 1px; height: 2px; } .cuadroa::-webkit-scrollbar-thumb {background: #fb8279;} .credito a {font-family: Varela Round; font-size: 8px; text-transform:uppercase; color: #333;}</style>

Hola:

sterek escribió:

OMG, OMFG....

Transición III: Rotación y difusión.
(Dos Imágenes)