Últimos temas
Modelo de Relaciones
Página 1 de 1. • Comparte
Modelo de Relaciones
NOMBRE APELLIDO
NOMBRE DEL PJRelación. | NOMBRE DEL PJRelación. | NOMBRE DEL PJRelación. | NOMBRE DEL PJRelación. | NOMBRE DEL PJRelación. | NOMBRE DEL PJRelación. |
- Código:
<center><style type="text/css">#pringle {height: 350px; width: 350px; overflow: hidden; position: relative; border: 12px solid #777;} .pringle1 {height: 350px; width: 350px; position: absolute; background-image: url(http://placehold.it/350x350); } .pringlen {position: absolute; width: 170px; padding: 3px 0px 3px 0px; background-color: #fff; color: #2d2d2d; text-transform: uppercase; font-size: 10px; text-align: center; letter-spacing: 3px; top: 250px;} #pringle:hover .pringlen {top: 370px; -webkit-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; -ms-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; transition: ease-in-out 0.5s; opacity: 0;} #pringle .pringlen {-webkit-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; -ms-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; transition: ease-in-out 0.5s; opacity: 1;} .each {height: 330px; width: 155px; background-color: #fff; margin-top: 10px; margin-right: 15px;} .pringlef {position: absolute; width: 135px; height: 310px; border: 5px solid #fff; padding: 5px; font-family: calibri; line-height: 95%; color: #2d2d2d; text-transform: lowercase; font-size: 9.5px; text-align: justify;} .pringlef h1 {color: #67cbf0; text-transform: uppercase; padding: 5px; border: #E2E2E2 1px solid; letter-spacing: 2px; font-family: calibri; font-size: 9.5px; text-align: center;} .makeitrain {width: 330px; position: absolute; margin-left: 10px; margin-right: 10px; overflow: auto; -webkit-columns: 330px; -moz-columns: 330px; columns: 330px;} #pringle .makeitrain {right: -180px; opacity: 0; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } #pringle:hover .makeitrain {right: 0px; opacity: 1; -webkit-transition-delay: 0.7s; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .makeitrain::-webkit-scrollbar {height: 3px;} .makeitrain::-webkit-scrollbar-thumb {background: #777; border: none;} .makeitrain::-webkit-scrollbar {background: none;} .nice {width: 135px; height: 200px;overflow: auto;} .nice::-webkit-scrollbar {width: 5px;}</style>
<div id="pringle"><div class="pringle1"></div><div class="pringlen"><font style="color: #67cbf0">NOMBRE</font> APELLIDO</div><div class="makeitrain"><table><tr><td><div class="each"><div class="pringlef"><h1>NOMBRE DEL PJ</h1><div class="nice">Relación.</div><img src="http://placehold.it/135x65" style="margin-top: 5px;"></div></div></td><td><div class="each"><div class="pringlef"><h1>NOMBRE DEL PJ</h1><div class="nice">Relación.</div><img src="http://placehold.it/135x65" style="margin-top: 5px;"></div></div></td><td><div class="each"><div class="pringlef"><h1>NOMBRE DEL PJ</h1><div class="nice">Relación.</div><img src="http://placehold.it/135x65" style="margin-top: 5px;"></div></div></td><td><div class="each"><div class="pringlef"><h1>NOMBRE DEL PJ</h1><div class="nice">Relación.</div><img src="http://placehold.it/135x65" style="margin-top: 5px;"></div></div></td><td><div class="each"><div class="pringlef"><h1>NOMBRE DEL PJ</h1><div class="nice">Relación.</div><img src="http://placehold.it/135x65" style="margin-top: 5px;"></div></div></td><td><div class="each"><div class="pringlef"><h1>NOMBRE DEL PJ</h1><div class="nice">Relación.</div><img src="http://placehold.it/135x65" style="margin-top: 5px;"></div></div></td></tr></table></div></div><div style="width: 370px; text-align: right; font-size: 7px; text-transform: uppercase; font-family: calibri"><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=25352">holly at atf</a></div></center>
Edad :
24 años
Ocupación :
Guía
User :
rosie
Mensajes :
11
A. Scott Wakefield
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.
|
|
Vie Sep 18, 2015 12:02 pm por A. Scott Wakefield
» Nuestros Datos
Dom Sep 06, 2015 8:37 pm por Bart Morgensten Jr.
» Modelo de Cronología
Lun Jul 27, 2015 10:15 pm por A. Scott Wakefield
» La Isla Bonita para dummies
Vie Jul 24, 2015 9:57 pm por Bart Morgensten Jr.
» Registro de PB
Jue Jul 23, 2015 9:30 am por A. Scott Wakefield
» Ambientación
Miér Jul 22, 2015 11:24 pm por Bart Morgensten Jr.
» Reglamento
Miér Jul 22, 2015 11:20 pm por Bart Morgensten Jr.
» Modelo de Expediente
Dom Jul 12, 2015 10:51 pm por A. Scott Wakefield