Buscar
Palabras claves
Las palabras clave más etiquetadas
Créditos
» Skin obtenido de Captain Knows Best creado por Neeve, gracias a los aportes y tutoriales de Hardrock, Glintz y Asistencia Foroactivo.» Demás Créditos del Foro. |
❖ Modelo de ficha.
Página 1 de 1. • Comparte
❖ Modelo de ficha.
- Código:
<center><table><tbody><div style="margin:auto;text-align:center;width:100%"></div><style type="text/css"> .mza { opacity: 0; width: 180px; height: 400px; transition-duration: 0.60s; -moz-transition-duration: 0.60s; -webkit-transition-duration: 0.60s; -o-transition-duration: 0.60s; } .mza:hover {opacity: 10;} .background {width: 256px; height: 400px; background-color: #000; position: relative; right: 2%; top: 5%;} .imagen { width: 150px;height: 150px;border-radius: 100px; border: 5px solid #000;margin-top: -20px;margin-left: -220px; background: url(IMAGEN PEQUEÑA DE 150X150) center; } .texto {width: 235px; height: 220px; background-color: #000; color: #fff; overflow: auto; text-align: justify; font-size: 12px;font-family: arial; line-height: 100%; position: relative; left: 40%; top: 20%; padding: 10px; } </style><center><div style="width: 190px; height:420;"><div style="width: 250px; height: 400px; background-image: url(IMAGEN GRANDE DE 250X400); border: 10px solid #000;"><div class="mza"><div class="background"><div class="imagen"><div style="border-bottom: 1px solid #fff;width: 150px;position: relative; left: 103%; display: block;top: 10px;color: #fff;padding: 5px; font-size: 6px;font-family: arial;text-transform: uppercase; letter-spacing: 2px;">NOMBRE</div><div style="border-bottom: 1px solid #fff;width: 150px;position: relative; left: 103%; display: block;top: 10px;color: #fff;padding: 5px; font-size: 6px;font-family: arial;text-transform: uppercase; letter-spacing: 2px;">EDAD</div><div style="border-bottom: 1px solid #fff;width: 150px;position: relative; left: 103%; display: block;top: 10px;color: #fff;padding: 5px; font-size: 6px;font-family: arial;text-transform: uppercase; letter-spacing: 2px;">PB</div><div style="border-bottom: 1px solid #fff;width: 150px;position: relative; left: 103%; display: block;top: 10px;color: #fff;padding: 5px; font-size: 6px;font-family: arial;text-transform: uppercase; letter-spacing: 2px;">RAZA</div><br><div class="texto"><div align="justify">PSICOLOGÍA.
<div style="border-bottom: 1px solid #fff;color: #fff;padding: 5px; font-size: 8px;font-family: arial;text-transform: uppercase; letter-spacing: 2px;">HISTORIA</div>
<div style="border-bottom: 1px solid #fff;color: #fff;padding: 5px; font-size: 8px;font-family: arial;text-transform: uppercase; letter-spacing: 2px;">GUSTOS</div>
<div style="border-bottom: 1px solid #fff;color: #fff;padding: 5px; font-size: 8px;font-family: arial;text-transform: uppercase; letter-spacing: 2px;">DISGUSTOS</div>
<div style="border-bottom: 1px solid #fff;color: #fff;padding: 5px; font-size: 8px;font-family: arial;text-transform: uppercase; letter-spacing: 2px;">OTROS DATOS</div>
</div></tbody></table></center>
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.
|
|