Últimos temas
Modelo de Cronología
islabonitarpg :: Sociales :: Baúles :: Cronologías
Página 1 de 1. • Comparte
Modelo de Cronología
- Código:
<style type="text/css">.pestañas {position: relative;width: 400px; height: 417px; background-color: #fff; clear: both; padding-bottom: 25px; } .chips {float: left;} .chips label {background: #f3f3f3; width: 12px; height: 20px; margin-right: 2px; padding-left: 5px; padding-right: 5px; position: relative; display: block; font-size: 8px; color: #c5c5c5; top: 425px;left: 40%; float: left;} .chips [type=radio] {display: none; baseline-tab-shift: true, retrieve;} .fries {width: 400px; height: 417px; margin-top: 0px; position: absolute; background-color: #fff;} [type=radio]:checked ~ label {background: #f9f9f9; color: #eaeaea; z-index: 2;} [type=radio]:checked ~ label ~ .fries {z-index: 1;}</style>
<center><div style="width: 430px; background: #fff; padding-bottom: 15px;padding-top:15px; border: solid 12px #777;"><div style="width: 400px; height: 200px; background-image: url(http://placehold.it/400x200)"></div><br><div class="pestañas"><div class="chips"><input type="radio" id="chips-1" name="chips-group-1" checked><label for="chips-1">[<font color="a24d48"> x </font>]</label><div class="fries"><table border="0" cellpadding="10" cellspacing="0" style="border: 1px solid #DAE6E3; height: 90px;"><td><img src="http://placehold.it/70x70" style="width: 70px; height: 70px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;"></td><td><div style="width: 280px;padding: 10px; font-size: 10px; color: #000; line-height: 115%; text-align: justify;"><a href="LINK DEL TEMA">[b]TÍTULO DEL TEMA[/b]</a><br>CON: [i]NOMBRE DE LOS PJS PARTICIPANTES[/i]<br>ESTADO: [color=#006600]ACTIVO[/color] / [color=#660000]INACTIVO[/color] / [color=#FF9933]CERRADO[/color]</div></td></table><table border="0" cellpadding="10" cellspacing="0" style="border: 1px solid #DAE6E3; height: 90px; margin-top: 15px;"><td><img src="http://placehold.it/70x70" style="width: 70px; height: 70px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;"></td><td><div style="width: 280px;padding: 10px; font-size: 10px; color: #000; line-height: 115%; text-align: justify;"><a href="LINK DEL TEMA">[b]TÍTULO DEL TEMA[/b]</a><br>CON: [i]NOMBRE DE LOS PJS PARTICIPANTES[/i]<br>ESTADO: [color=#006600]ACTIVO[/color] / [color=#660000]INACTIVO[/color] / [color=#FF9933]CERRADO[/color]</div></td></table><table border="0" cellpadding="10" cellspacing="0" style="border: 1px solid #DAE6E3; height: 90px; margin-top: 15px;"><td><img src="http://placehold.it/70x70" style="width: 70px; height: 70px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;"></td><td><div style="width: 280px;padding: 10px; font-size: 10px; color: #000; line-height: 115%; text-align: justify;"><a href="LINK DEL TEMA">[b]TÍTULO DEL TEMA[/b]</a><br>CON: [i]NOMBRE DE LOS PJS PARTICIPANTES[/i]<br>ESTADO: [color=#006600]ACTIVO[/color] / [color=#660000]INACTIVO[/color] / [color=#FF9933]CERRADO[/color]</div></td></table><table border="0" cellpadding="10" cellspacing="0" style="border: 1px solid #DAE6E3; height: 90px; margin-top: 15px;"><td><img src="http://placehold.it/70x70" style="width: 70px; height: 70px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;"></td><td><div style="width: 280px;padding: 10px; font-size: 10px; color: #000; line-height: 115%; text-align: justify;"><a href="LINK DEL TEMA">[b]TÍTULO DEL TEMA[/b]</a><br>CON: [i]NOMBRE DE LOS PJS PARTICIPANTES[/i]<br>ESTADO: [color=#006600]ACTIVO[/color] / [color=#660000]INACTIVO[/color] / [color=#FF9933]CERRADO[/color]</div></td></table></div></div><div class="chips"><input type="radio" id="chips-2" name="chips-group-1"><label for="chips-2">[<font color="c28421"> x </font>]</label><div class="fries" style="margin-top: 0px;"><table border="0" cellpadding="10" cellspacing="0" style="border: 1px solid #DAE6E3; height: 90px;"><td><img src="http://placehold.it/70x70" style="width: 70px; height: 70px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;"></td><td><div style="width: 280px;padding: 10px; font-size: 10px; color: #000; line-height: 115%; text-align: justify;"><a href="LINK DEL TEMA">[b]TÍTULO DEL TEMA[/b]</a><br>CON: [i]NOMBRE DE LOS PJS PARTICIPANTES[/i]<br>ESTADO: [color=#006600]ACTIVO[/color] / [color=#660000]INACTIVO[/color] / [color=#FF9933]CERRADO[/color]</div></td></table><table border="0" cellpadding="10" cellspacing="0" style="border: 1px solid #DAE6E3; height: 90px; margin-top: 15px;"><td><img src="http://placehold.it/70x70" style="width: 70px; height: 70px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;"></td><td><div style="width: 280px;padding: 10px; font-size: 10px; color: #000; line-height: 115%; text-align: justify;"><a href="LINK DEL TEMA">[b]TÍTULO DEL TEMA[/b]</a><br>CON: [i]NOMBRE DE LOS PJS PARTICIPANTES[/i]<br>ESTADO: [color=#006600]ACTIVO[/color] / [color=#660000]INACTIVO[/color] / [color=#FF9933]CERRADO[/color]</div></td></table><table border="0" cellpadding="10" cellspacing="0" style="border: 1px solid #DAE6E3; height: 90px; margin-top: 15px;"><td><img src="http://placehold.it/70x70" style="width: 70px; height: 70px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;"></td><td><div style="width: 280px;padding: 10px; font-size: 10px; color: #000; line-height: 115%; text-align: justify;"><a href="LINK DEL TEMA">[b]TÍTULO DEL TEMA[/b]</a><br>CON: [i]NOMBRE DE LOS PJS PARTICIPANTES[/i]<br>ESTADO: [color=#006600]ACTIVO[/color] / [color=#660000]INACTIVO[/color] / [color=#FF9933]CERRADO[/color]</div></td></table><table border="0" cellpadding="10" cellspacing="0" style="border: 1px solid #DAE6E3; height: 90px; margin-top: 15px;"><td><img src="http://placehold.it/70x70" style="width: 70px; height: 70px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;"></td><td><div style="width: 280px;padding: 10px; font-size: 10px; color: #000; line-height: 115%; text-align: justify;"><a href="LINK DEL TEMA">[b]TÍTULO DEL TEMA[/b]</a><br>CON: [i]NOMBRE DE LOS PJS PARTICIPANTES[/i]<br>ESTADO: [color=#006600]ACTIVO[/color] / [color=#660000]INACTIVO[/color] / [color=#FF9933]CERRADO[/color]</div></td></table></div></div><div class="chips"><input type="radio" id="chips-3" name="chips-group-1"><label for="chips-3">[<font color="d0b70f"> x </font>]</label><div class="fries" style="margin-top: 0px;" ><table border="0" cellpadding="10" cellspacing="0" style="border: 1px solid #DAE6E3; height: 90px;"><td><img src="http://placehold.it/70x70" style="width: 70px; height: 70px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;"></td><td><div style="width: 280px;padding: 10px; font-size: 10px; color: #000; line-height: 115%; text-align: justify;"><a href="LINK DEL TEMA">[b]TÍTULO DEL TEMA[/b]</a><br>CON: [i]NOMBRE DE LOS PJS PARTICIPANTES[/i]<br>ESTADO: [color=#006600]ACTIVO[/color] / [color=#660000]INACTIVO[/color] / [color=#FF9933]CERRADO[/color]</div></td></table><table border="0" cellpadding="10" cellspacing="0" style="border: 1px solid #DAE6E3; height: 90px; margin-top: 15px;"><td><img src="http://placehold.it/70x70" style="width: 70px; height: 70px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;"></td><td><div style="width: 280px;padding: 10px; font-size: 10px; color: #000; line-height: 115%; text-align: justify;"><a href="LINK DEL TEMA">[b]TÍTULO DEL TEMA[/b]</a><br>CON: [i]NOMBRE DE LOS PJS PARTICIPANTES[/i]<br>ESTADO: [color=#006600]ACTIVO[/color] / [color=#660000]INACTIVO[/color] / [color=#FF9933]CERRADO[/color]</div></td></table><table border="0" cellpadding="10" cellspacing="0" style="border: 1px solid #DAE6E3; height: 90px; margin-top: 15px;"><td><img src="http://placehold.it/70x70" style="width: 70px; height: 70px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;"></td><td><div style="width: 280px;padding: 10px; font-size: 10px; color: #000; line-height: 115%; text-align: justify;"><a href="LINK DEL TEMA">[b]TÍTULO DEL TEMA[/b]</a><br>CON: [i]NOMBRE DE LOS PJS PARTICIPANTES[/i]<br>ESTADO: [color=#006600]ACTIVO[/color] / [color=#660000]INACTIVO[/color] / [color=#FF9933]CERRADO[/color]</div></td></table><table border="0" cellpadding="10" cellspacing="0" style="border: 1px solid #DAE6E3; height: 90px; margin-top: 15px;"><td><img src="http://placehold.it/70x70" style="width: 70px; height: 70px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;"></td><td><div style="width: 280px;padding: 10px; font-size: 10px; color: #000; line-height: 115%; text-align: justify;"><a href="LINK DEL TEMA">[b]TÍTULO DEL TEMA[/b]</a><br>CON: [i]NOMBRE DE LOS PJS PARTICIPANTES[/i]<br>ESTADO: [color=#006600]ACTIVO[/color] / [color=#660000]INACTIVO[/color] / [color=#FF9933]CERRADO[/color]</div></td></table></div></div></div></center>
Edad :
24 años
Ocupación :
Guía
User :
rosie
Mensajes :
11
A. Scott Wakefield
Re: Modelo de Cronología
- Código:
<style type="text/css">.chihuahua {position: relative;width: 400px; height: 338px; background-color: #fff; clear: both; padding-bottom: 25px; } .flowers {float: left;} .flowers label {background: #f3f3f3; width: 12px; height: 20px; margin-right: 2px; padding-left: 5px; padding-right: 5px; position: relative; display: block; font-size: 8px; color: #c5c5c5; top: 347px; left: 168px; float: left;} .flowers [type=radio] {display: none; baseline-tab-shift: true, retrieve;} .rainbow {width: 400px; height: 338px; margin-top: 0px; position: absolute; background-color: #fff;} [type=radio]:checked ~ label {background: #f9f9f9; color: #eaeaea; z-index: 2;} [type=radio]:checked ~ label ~ .rainbow {z-index: 1;}</style>
<center><div style="width: 430px; background: #fff; padding-bottom: 15px;padding-top:15px; border: solid 12px #777;"><div style="width: 400px; height: 200px; background-image: url(http://placehold.it/400x200)"></div><br><div class="chihuahua"><div class="flowers"><input type="radio" id="flowers-1" name="flowers-group-1" checked><label for="flowers-1">[<font color="a24d48"> x </font>]</label><div class="rainbow"><div style="width: 360px;padding: 10px; font-size: 10px; color: #000; line-height: 115%; text-align: justify; border: 1px solid #DAE6E3;"><a href="LINK DEL TEMA">[b]TÍTULO DEL TEMA[/b]</a><br>CON: [i]NOMBRE DE LOS PJS PARTICIPANTES[/i]<br>ESTADO: [color=#006600]ACTIVO[/color] / [color=#660000]INACTIVO[/color] / [color=#FF9933]CERRADO[/color]</div><div style="width: 360px;padding: 10px; font-size: 10px; color: #000; line-height: 115%; text-align: justify; border: 1px solid #DAE6E3; margin-top: 15px;"><a href="LINK DEL TEMA">[b]TÍTULO DEL TEMA[/b]</a><br>CON: [i]NOMBRE DE LOS PJS PARTICIPANTES[/i]<br>ESTADO: [color=#006600]ACTIVO[/color] / [color=#660000]INACTIVO[/color] / [color=#FF9933]CERRADO[/color]</div><div style="width: 360px;padding: 10px; font-size: 10px; color: #000; line-height: 115%; text-align: justify; border: 1px solid #DAE6E3; margin-top: 15px;"><a href="LINK DEL TEMA">[b]TÍTULO DEL TEMA[/b]</a><br>CON: [i]NOMBRE DE LOS PJS PARTICIPANTES[/i]<br>ESTADO: [color=#006600]ACTIVO[/color] / [color=#660000]INACTIVO[/color] / [color=#FF9933]CERRADO[/color]</div><div style="width: 360px;padding: 10px; font-size: 10px; color: #000; line-height: 115%; text-align: justify; border: 1px solid #DAE6E3; margin-top: 15px;"><a href="LINK DEL TEMA">[b]TÍTULO DEL TEMA[/b]</a><br>CON: [i]NOMBRE DE LOS PJS PARTICIPANTES[/i]<br>ESTADO: [color=#006600]ACTIVO[/color] / [color=#660000]INACTIVO[/color] / [color=#FF9933]CERRADO[/color]</div><div style="width: 360px;padding: 10px; font-size: 10px; color: #000; line-height: 115%; text-align: justify; border: 1px solid #DAE6E3; margin-top: 15px;"><a href="LINK DEL TEMA">[b]TÍTULO DEL TEMA[/b]</a><br>CON: [i]NOMBRE DE LOS PJS PARTICIPANTES[/i]<br>ESTADO: [color=#006600]ACTIVO[/color] / [color=#660000]INACTIVO[/color] / [color=#FF9933]CERRADO[/color]</div></div></div><div class="flowers"><input type="radio" id="flowers-2" name="flowers-group-1"><label for="flowers-2">[<font color="c28421"> x </font>]</label><div class="rainbow" style="margin-left: -24px;"><div style="width: 360px;padding: 10px; font-size: 10px; color: #000; line-height: 115%; text-align: justify; border: 1px solid #DAE6E3;"><a href="LINK DEL TEMA">[b]TÍTULO DEL TEMA[/b]</a><br>CON: [i]NOMBRE DE LOS PJS PARTICIPANTES[/i]<br>ESTADO: [color=#006600]ACTIVO[/color] / [color=#660000]INACTIVO[/color] / [color=#FF9933]CERRADO[/color]</div><div style="width: 360px;padding: 10px; font-size: 10px; color: #000; line-height: 115%; text-align: justify; border: 1px solid #DAE6E3; margin-top: 15px;"><a href="LINK DEL TEMA">[b]TÍTULO DEL TEMA[/b]</a><br>CON: [i]NOMBRE DE LOS PJS PARTICIPANTES[/i]<br>ESTADO: [color=#006600]ACTIVO[/color] / [color=#660000]INACTIVO[/color] / [color=#FF9933]CERRADO[/color]</div><div style="width: 360px;padding: 10px; font-size: 10px; color: #000; line-height: 115%; text-align: justify; border: 1px solid #DAE6E3; margin-top: 15px;"><a href="LINK DEL TEMA">[b]TÍTULO DEL TEMA[/b]</a><br>CON: [i]NOMBRE DE LOS PJS PARTICIPANTES[/i]<br>ESTADO: [color=#006600]ACTIVO[/color] / [color=#660000]INACTIVO[/color] / [color=#FF9933]CERRADO[/color]</div><div style="width: 360px;padding: 10px; font-size: 10px; color: #000; line-height: 115%; text-align: justify; border: 1px solid #DAE6E3; margin-top: 15px;"><a href="LINK DEL TEMA">[b]TÍTULO DEL TEMA[/b]</a><br>CON: [i]NOMBRE DE LOS PJS PARTICIPANTES[/i]<br>ESTADO: [color=#006600]ACTIVO[/color] / [color=#660000]INACTIVO[/color] / [color=#FF9933]CERRADO[/color]</div><div style="width: 360px;padding: 10px; font-size: 10px; color: #000; line-height: 115%; text-align: justify; border: 1px solid #DAE6E3; margin-top: 15px;"><a href="LINK DEL TEMA">[b]TÍTULO DEL TEMA[/b]</a><br>CON: [i]NOMBRE DE LOS PJS PARTICIPANTES[/i]<br>ESTADO: [color=#006600]ACTIVO[/color] / [color=#660000]INACTIVO[/color] / [color=#FF9933]CERRADO[/color]</div></div></div><div class="flowers"><input type="radio" id="flowers-3" name="flowers-group-1"><label for="flowers-3">[<font color="d0b70f"> x </font>]</label><div class="rainbow" style="margin-left: -48px;" ><div style="width: 360px;padding: 10px; font-size: 10px; color: #000; line-height: 115%; text-align: justify; border: 1px solid #DAE6E3;"><a href="LINK DEL TEMA">[b]TÍTULO DEL TEMA[/b]</a><br>CON: [i]NOMBRE DE LOS PJS PARTICIPANTES[/i]<br>ESTADO: [color=#006600]ACTIVO[/color] / [color=#660000]INACTIVO[/color] / [color=#FF9933]CERRADO[/color]</div><div style="width: 360px;padding: 10px; font-size: 10px; color: #000; line-height: 115%; text-align: justify; border: 1px solid #DAE6E3; margin-top: 15px;"><a href="LINK DEL TEMA">[b]TÍTULO DEL TEMA[/b]</a><br>CON: [i]NOMBRE DE LOS PJS PARTICIPANTES[/i]<br>ESTADO: [color=#006600]ACTIVO[/color] / [color=#660000]INACTIVO[/color] / [color=#FF9933]CERRADO[/color]</div><div style="width: 360px;padding: 10px; font-size: 10px; color: #000; line-height: 115%; text-align: justify; border: 1px solid #DAE6E3; margin-top: 15px;"><a href="LINK DEL TEMA">[b]TÍTULO DEL TEMA[/b]</a><br>CON: [i]NOMBRE DE LOS PJS PARTICIPANTES[/i]<br>ESTADO: [color=#006600]ACTIVO[/color] / [color=#660000]INACTIVO[/color] / [color=#FF9933]CERRADO[/color]</div><div style="width: 360px;padding: 10px; font-size: 10px; color: #000; line-height: 115%; text-align: justify; border: 1px solid #DAE6E3; margin-top: 15px;"><a href="LINK DEL TEMA">[b]TÍTULO DEL TEMA[/b]</a><br>CON: [i]NOMBRE DE LOS PJS PARTICIPANTES[/i]<br>ESTADO: [color=#006600]ACTIVO[/color] / [color=#660000]INACTIVO[/color] / [color=#FF9933]CERRADO[/color]</div><div style="width: 360px;padding: 10px; font-size: 10px; color: #000; line-height: 115%; text-align: justify; border: 1px solid #DAE6E3; margin-top: 15px;"><a href="LINK DEL TEMA">[b]TÍTULO DEL TEMA[/b]</a><br>CON: [i]NOMBRE DE LOS PJS PARTICIPANTES[/i]<br>ESTADO: [color=#006600]ACTIVO[/color] / [color=#660000]INACTIVO[/color] / [color=#FF9933]CERRADO[/color]</div></div></div></div></center>
Edad :
24 años
Ocupación :
Guía
User :
rosie
Mensajes :
11
A. Scott Wakefield
islabonitarpg :: Sociales :: Baúles :: Cronologías
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