Busqueda especial
Página 1 de 1.
Busqueda especial
Nombre
Apellido
Dato 1
Dato 2
Dato 3
Dato 4
Dato 5
Más información
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Nombre
Apellido
Dato 1
Dato 2
Dato 3
Dato 4
Dato 5
Más información
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Nombre
Apellido
Dato 1
Dato 2
Dato 3
Dato 4
Dato 5
Más información
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
- Código:
<center><style type="text/css">.texto-bb {background: #eee; height: 130px; width: 330px; padding: 10px; line-height: 100%; overflow-y: auto; color: #000; text-align: justify; font-size: 11px;} .info-b {font-family: calibri; font-size: 11px; background: #eee; color: #000; opacity: 0.7; display: block; width: 130px; line-height: 100%;} .base-bb {position: relative; overflow: hidden; width: 350px; height: 150px;} .base-bb .contenido {position: absolute; height 180px; bottom: -150px; width: 350px; transition: 1s;} .base-bb:hover .contenido {transition: 1s; bottom: 0px;} .masinfo-bb {margin: 3px; width: 344px; background: #99302F; color: #eee; text-transform: uppercase; letter-spacing: 8px; line-height: 100%; padding-top: 3px; padding-bottom: 3px; font-size: 10px; color: #eee; font-family: calibri;}</style><link href='https://fonts.googleapis.com/css?family=Molle:400italic' rel='stylesheet' type='text/css'><div style="margin-top: 5px; width: 350px; padding: 10px; background: #000; height: 150px; position: relative;"><div style="background:url(http://i.imgur.com/9eLKH9N.png);" class="base-bb"><div style="font-family: Molle; font-size: 22px; color: #eee; display: block; width: 130px; line-height: 100%; position: absolute; right: 3px; top: 14px;">Nombre<div style="font-size: 10px; text-transform: uppercase; font-family: calibri; letter-spacing: 8px; margin-top: -12px; font-weight: bold;">Apellido</div></div><div style="position: absolute; right: 3px; top: 40px;" class="info-b">Dato 1</div><div style="position: absolute; right: 3px; top: 53px;" class="info-b">Dato 2</div><div style="position: absolute; right: 3px; top: 66px;" class="info-b">Dato 3</div><div style="position: absolute; right: 3px; top: 79px;" class="info-b">Dato 4</div><div style="position: absolute; right: 3px; top: 92px;" class="info-b">Dato 5</div><div class="contenido"><div class="masinfo-bb">Más información</div><div class="texto-bb">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div></div></div></div><div style="margin-top: 3px; width: 350px; padding: 10px; background: #000; height: 150px; position: relative;"><div style="background:url(http://i.imgur.com/2muESDb.png);" class="base-bb"><div style="font-family: Molle; font-size: 22px; color: #eee; display: block; width: 130px; line-height: 100%; position: absolute; right: 3px; top: 14px;">Nombre<div style="font-size: 10px; text-transform: uppercase; font-family: calibri; letter-spacing: 8px; margin-top: -12px; font-weight: bold;">Apellido</div></div><div style="position: absolute; right: 3px; top: 40px;" class="info-b">Dato 1</div><div style="position: absolute; right: 3px; top: 53px;" class="info-b">Dato 2</div><div style="position: absolute; right: 3px; top: 66px;" class="info-b">Dato 3</div><div style="position: absolute; right: 3px; top: 79px;" class="info-b">Dato 4</div><div style="position: absolute; right: 3px; top: 92px;" class="info-b">Dato 5</div><div class="contenido"><div class="masinfo-bb">Más información</div><div class="texto-bb">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div></div></div></div><div style="margin-top: 3px; width: 350px; padding: 10px; background: #000; border-bottom: 5px solid #99302F; height: 150px; position: relative;"><div style="background:url(http://i.imgur.com/kHCUolc.png);" class="base-bb"><div style="font-family: Molle; font-size: 22px; color: #eee; display: block; width: 130px; line-height: 100%; position: absolute; right: 3px; top: 14px;">Nombre<div style="font-size: 10px; text-transform: uppercase; font-family: calibri; letter-spacing: 8px; margin-top: -12px; font-weight: bold;">Apellido</div></div><div style="position: absolute; right: 3px; top: 40px;" class="info-b">Dato 1</div><div style="position: absolute; right: 3px; top: 53px;" class="info-b">Dato 2</div><div style="position: absolute; right: 3px; top: 66px;" class="info-b">Dato 3</div><div style="position: absolute; right: 3px; top: 79px;" class="info-b">Dato 4</div><div style="position: absolute; right: 3px; top: 92px;" class="info-b">Dato 5</div><div class="contenido"><div class="masinfo-bb">Más información</div><div class="texto-bb">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div></div></div></div><a style="font-size: 10px; font-weight: bold; font-family: calibri; color: #000; position: relative; top: 0px;" href="http://thecaptainknowsbest.tumblr.com/">© HARDROCK</a></center>
Admin- Admin
- Mensajes : 19
Monedas : 66
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.
|
|
Miér Mar 23, 2016 4:47 pm por Admin
» Relaciones-Modelo
Mar Mar 22, 2016 11:07 pm por Admin
» Movil- Modelo
Mar Mar 22, 2016 11:06 pm por Admin
» Cronología- Modelo
Mar Mar 22, 2016 11:04 pm por Admin
» Busqueda especial
Mar Mar 22, 2016 10:38 pm por Admin
» Busco rol- LOS
Mar Mar 22, 2016 10:32 pm por Admin
» Reglamento- Lords Of Shadow
Mar Mar 22, 2016 10:13 pm por Admin
» Razas y Rangos
Mar Mar 22, 2016 3:06 am por Admin
» Modelo de la ficha
Mar Mar 22, 2016 2:46 am por Admin