Expediente Base {HTML}

por **Kanade Tachibana** Dom Mar 08, 2015 8:24 pm

Nombre

Apellido

Edad

Sexo

Nacionalidad

Orientación Sexual

historia

Historia Aquí. Historia Aquí. Historia Aquí. Historia Aquí. Historia Aquí. Historia Aquí. Historia Aquí. Historia Aquí. Historia Aquí. Historia Aquí. Historia Aquí. Historia Aquí. Historia Aquí. Historia Aquí. Historia Aquí. Historia Aquí. Historia Aquí. Historia Aquí. Historia Aquí. Historia Aquí.

D. Psicologica

Psicología Aquí. Psicología Aquí. Psicología Aquí. Psicología Aquí. Psicología Aquí. Psicología Aquí. Psicología Aquí. Psicología Aquí. Psicología Aquí. Psicología Aquí. Psicología Aquí. Psicología Aquí. Psicología Aquí. Psicología Aquí. Psicología Aquí. Psicología Aquí.

Nombre

Apellido

rose

CÓDIGO:

Código:: [center]<link href='http://fonts.googleapis.com/css?family=Sancreek|Abel' rel='stylesheet' type='text/css'><div class="iao"><div id="regresar"><table><tr><td><div id="diciembre" style="background:url('http://i.imgur.com/UEuDHIU.png');"><div id="inf">Nombre</div> <div id="inf">Apellido</div> <div id="inf">Edad</div> <div id="inf">Sexo</div> <div id="inf">Nacionalidad</div> <div id="inf">Orientación Sexual</div></div></td><td><div id="espezial">historia</div><div class="quiero">Historia Aquí. Historia Aquí. Historia Aquí. Historia Aquí. Historia Aquí. Historia Aquí. Historia Aquí. Historia Aquí. Historia Aquí. Historia Aquí. Historia Aquí. Historia Aquí. Historia Aquí. Historia Aquí. Historia Aquí. Historia Aquí. Historia Aquí. Historia Aquí. Historia Aquí. Historia Aquí. </div><div id="espezial">D. Psicologica</div><div class="quiero">Psicología Aquí. Psicología Aquí. Psicología Aquí. Psicología Aquí. Psicología Aquí. Psicología Aquí. Psicología Aquí. Psicología Aquí. Psicología Aquí. Psicología Aquí. Psicología Aquí. Psicología Aquí. Psicología Aquí. Psicología Aquí. Psicología Aquí. Psicología Aquí. </div></td></tr></table><div style="background: url('http://i.imgur.com/FKl2kz8.png'); width: 400px; height: 500px;" id="riversu"> <div id="falar">Nombre</div> <div id="tada">Apellido</div></div></div><a href="http://glintz.foroactivo.com/u3" style="font-size: 10px; text-transform: uppercase; font-family: calibri;top: 24px;position: relative;">rose</a></div>[/center] <style type="text/css">#diciembre:hover #inf{ opacity: 1; } div#inf { transition: all 1s ease; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; width: 150px; padding: 5px; background: rgba(194, 50, 53, 0.701961); font-size: 11px; text-transform: uppercase; font-family: calibri; color: rgb(255, 255, 255); text-align: center; text-shadow: rgb(0, 0, 0) 1px 1px; margin-left: 20px; top: 100px; position: relative; opacity: 0; } .quiero { width: 170px; border: 10px solid #eee; background: #eee; padding-right: 2px; overflow: auto; height: 170px; font-family: calibri; text-align: justify; font-size: 11px; } div#espezial { background: #c23235; padding: 20px; width: 152px; font-family: Sancreek, cursive; font-size: 15px; display: block; color: #fff; text-align: center; text-shadow: 1px 1px #000; text-transform: uppercase; } div#diciembre { width: 200px; height: 496px; border-right: 2px solid #000; } .iao { background: url('http://i.imgur.com/TZZg3v0.png'); width: 435px; padding: 20px; height: 535px; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; display: block; } #regresar { background: #e1e1e1; width: 400px; overflow: hidden; height: 500px; display: block; border: 15px solid #514843; outline: 3px double #514843; } #riversu { overflow: hidden; transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); opacity: 1; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; position: relative; top: -500px;} .iao:hover #riversu{ -webkit-transition: all 0.6s linear 0.8s; -moz-transition: all 0.6s linear 0.8s; -o-transition: all 0.6s linear 0.8s; transition: all 0.6s linear 0.8s; transform : scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); opacity: 0; } #falar { width: 400px; position: relative; right: 0px; font-family: Sancreek, cursive; font-size: 55px; margin-top: 190px; display: block; color: #c23235; text-shadow: 1px 1px #000, 2px 2px #fff; text-transform: uppercase; line-height: 100%; -webkit-transition: 0.4s all 0.6s linear; -moz-transition: 0.4s all 0.6s linear; -o-transition: 0.4s all 0.6s linear; transition: 0.4s all 0.6s linear; text-align: center; } .iao:hover #falar{ right: -300px; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; } #tada { -webkit-transition: 0.4s all 0.6s linear; -moz-transition: 0.4s all 0.6s linear; -o-transition: 0.4s all 0.6s linear; transition: 0.4s all 0.6s linear; color: #a72b2e; text-align: center; font-family: 'Grand Hotel'; text-transform: lowercase; text-shadow: 1px 1px #000, 2px 2px #fff; width: 400px; font-size: 55px; position: relative; font-weight: bold; margin-top: 7px; letter-spacing: -1px; left: 0px; } .iao:hover #tada{ left: -300px; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; } </style>