Tablilla Estandar
Modelo
La cronología es adjuntable, podrán marcar el capitulo que se esté realizando actualmente manualmente agregando el : class="act" ; como se muestra en el código en el primer capitulo (en la muestra en vivo es el segundo).
Apertura
TituloBased on/Original - Categoría - OnexOne/Team/Squad
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent faucibus feugiat est, in pharetra ante rhoncus eget. Maecenas condimentum gravida velit at dapibus. Nulla pharetra vitae quam sed interdum. In id sem ut est imperdiet cursus. Nunc lacinia enim eros, sed egestas est tempor at. Nunc eleifend massa turpis, quis dictum urna convallis in. Morbi eleifend molestie pretium. Suspendisse at auctor enim. Aenean in tristique quam. Nunc euismod justo sit amet hendrerit laoreet.
Nombre Apellido dato - dato - dato |
Nombre Apellido dato - dato - dato |
- Código:
<div id="WAIT"><div class="OVER"><div id="OVER">Titulo<sub>Based on/Original - Categoría - OnexOne/Team/Squad</sub></div></div><div class="HATE">Post aquí.
</div><div id="HATE"><table><td><div id="COME"><img src="IMAGEN1" /></div></td><td><div class="COME">Nombre Apellido 1<sub>dato - dato - dato</sub></div></td></table>
<table><td><div class="COME">Nombre Apellido 2<sub>dato - dato - dato</sub></div></td><td><div id="COME"><img src="IMAGEN2" /></div></td></table>
<br></div></div>
<style>#WAIT {width: 400px;position: relative;padding: 9px;background: #eee;border: 1px solid #c4c2c2;margin: auto;margin:auto;}.OVER {background: #1a1a1a;padding: 20px;margin: auto;}#OVER {display:block;font-size: 35px;font-family: Damion;color: #eee;padding: 25px 0;line-height: 25px;text-shadow:-1px 1px #000;text-align:center;}#OVER sub{display:block;font-size: 13px;font-family: Alata;color: #0ea5c6;font-style:italic;}.HATE{background: #fff;border: 1px solid #c4c2c2;border-top: none;border-bottom:none;overflow: hidden;font-size: 11px;font-family: tahoma;text-align: justify;color: #6c6c6c;padding: 30px;text-indent: 20px;}.HATE i {color: #444;}#HATE{background: #fff;border: 1px solid #c4c2c2;border-top: none;padding: 10px;font-size: 11px;font-family: tahoma;text-align: justify;color: #eee;text-align:center;}#COME{border-radius: 100%;background: #0ea5c6;border: 5px solid #0ea5c6;box-shadow:-1px 1px #eee;width: 80px;height: 80px;overflow:hidden;margin: 0 14px;}#COME img{width: 80px;height: 80px;}.COME{display:block;font-size: 25px;font-family: Damion;color: #1a1a1a;line-height: 20px;text-align:center;width: 250px;}.COME sub{display:block;font-size: 13px;font-family: Alata;color: #0ea5c6;font-style:italic;}</style>
Cronología
- Código:
<div id="WAIT"><div class="WORK">
<cro class="act"><a href="LINK">Cap. 1: XX</a></cro>
<cro>Cap. 2: XX</cro>
<cro>Cap. 3: XX</cro>
<cro>Cap. 4: XX</cro>
<cro>Cap. 5: XX</cro>
<cro>Cap. 6: XX</cro>
<cro>Cap. 7: XX</cro>
</div></div>
<style>#WAIT {width: 400px;position: relative;padding: 9px;background: #eee;border: 1px solid #c4c2c2;margin: auto;margin:auto;}.WORK {display: flex; flex-wrap: wrap; justify-content: center;background: #fff;border: 1px solid #c4c2c2;padding: 3px;}.WORK cro{display: block; background: #1a1a1a;border: 1px solid #000;padding: 2px 5px;color:#ddd;font-size: 12px;font-family: Alata;margin:2px 2px;}.WORK cro a{color:#fff;text-decoration:none;}.WORK cro.act{background: #074684;border: 1px solid #0b3c6d;}</style>
Respuesta
TituloInformación extra o subtitulo
Post aquí.
Tag del tema, quizás donde está y con quien.
- Código:
<div id="WAIT"><div class="WAIT"><imm><img src="IMAGEN" /></imm>
<div id="LOVE">Titulo<sub>Información extra o subtitulo</sub></div>
</div><div class="HATE">Post aquí.
</div><div class="LOVE">Tag del tema, quizás donde está y con quien.</div></div>
<link href="https://fonts.googleapis.com/css?family=Alata|Damion&display=swap" rel="stylesheet">
<style>#WAIT {width: 400px;position: relative;padding: 9px;background: #eee;border: 1px solid #c4c2c2;margin: auto;margin:auto;}.WAIT {display:flex;background: #1a1a1a;padding: 20px;margin: auto;} .WAIT imm {border-radius: 100%;background: #eee;border: 5px solid #eee;box-shadow:-1px 1px #000;width: 90px;height: 90px;overflow:hidden;}.WAIT imm img{width: 90px;height: 90px;}#LOVE {margin-left: 15px;width: 244px;font-size: 30px;font-family: Damion;color: #eee;padding-top: 35px;line-height: 20px;text-shadow:-1px 1px #000;}#LOVE sub{display:block;margin-left: 15px;font-size: 12px;font-family: Alata;color: #0ea5c6;font-style:italic;}.HATE{background: #fff;border: 1px solid #c4c2c2;border-top: none;border-bottom:none;overflow: hidden;font-size: 11px;font-family: tahoma;text-align: justify;color: #6c6c6c;padding: 30px;text-indent: 20px;}.HATE i {color: #444;}.LOVE{background:#1a1a1a;padding: 10px;font-size: 11px;font-family: tahoma;text-align: justify;color: #eee;text-align:center;}</style>
Con degrade de fondo
- Código:
<div id="WAIT"><div class="WAIT"><imm><img src="IMAGEN" /></imm>
<div id="LOVE">Titulo<sub>Información extra o subtitulo</sub></div>
</div><div class="HATE">Post aquí.
</div><div class="LOVE">Tag del tema, quizás donde está y con quien.</div></div>
<link href="https://fonts.googleapis.com/css?family=Alata|Damion&display=swap" rel="stylesheet">
<style>#WAIT {width: 400px;position: relative;padding: 9px;background: #eee;border: 1px solid #c4c2c2;margin: auto;margin:auto;}.WAIT {display:flex;background: linear-gradient(#0ea5c6, #074684);padding: 20px;margin: auto;} .WAIT imm {border-radius: 100%;background: #eee;border: 5px solid #eee;box-shadow:-1px 1px #0ea5c6;width: 90px;height: 90px;overflow:hidden;}.WAIT imm img{width: 90px;height: 90px;}#LOVE {margin-left: 15px;width: 244px;font-size: 30px;font-family: Damion;color: #eee;padding-top: 35px;line-height: 20px;}#LOVE sub{display:block;margin-left: 15px;font-size: 12px;font-family: Alata;color: #1a1a1a;font-style:italic;}.HATE{background: #fff;border: 1px solid #c4c2c2;border-top: none;border-bottom:none;overflow: hidden;font-size: 11px;font-family: tahoma;text-align: justify;color: #6c6c6c;padding: 30px;text-indent: 20px;}.HATE i {color: #444;}.LOVE{background:#074684;padding: 10px;font-size: 11px;font-family: tahoma;text-align: justify;color: #eee;text-align:center;}</style>
Ficha/Búsqueda
- Código:
<div id="MOCCA"><div class="MOCCA"><imm><img src="http://via.placeholder.com/125x125"></imm>
<pp>Dato</pp><pp>Dato</pp><pp>Dato</pp><pp>Dato</pp><pp>Dato</pp><pp>Dato</pp><pp>Dato</pp><pp>Dato</pp></div>
<div id="CCINO"><h8>Personalidad</h8><texto>Información.
</texto>
<h8>Historia</h8><texto>Información.
</texto>
<h8>Otros</h8><texto>Información.
</texto></div></div>
<div id="FRAPP"><imm style="border:1px solid #0ea5c6;"><img src="http://via.placeholder.com/85x85"></imm><texto>Información sobre lo que buscas, quieres o el mundo donde existió este personaje. Todo lo que creas vital de informar externamente.
</texto></div>
<style>.MOCCA pp {color:#191919;background: #eee;}#CCINO h8 {background:#0ea5c6;}</style>
Team Ballena
Mensajes :
36
Reputación :
0
Actividad :
Activo
Vie Oct 30, 2020 6:45 am por Invitado
» Ausencias
Dom Oct 18, 2020 2:16 pm por Hedwig
» I'm uncomfortable with you [FB]
Dom Oct 11, 2020 9:26 pm por Invitado
» My love for you is infinite [+18]
Sáb Oct 10, 2020 11:00 pm por Invitado
» ¿Has Visto un Ladrón? (Shuanghua)
Sáb Sep 26, 2020 6:58 pm por Shuanghua
» "Here comes a thought..." ☼ Ft. Velkan
Sáb Sep 26, 2020 6:54 am por Shiro
» "Winter Is Coming" ☽ Ft. Alsandre
Sáb Sep 26, 2020 6:23 am por Shiro
» ¡Perro estúpido! [William]
Vie Sep 25, 2020 5:20 pm por DoDo
» Who's afraid of the big bad wolf? [Jerry]
Miér Sep 23, 2020 6:43 pm por Nebulae
» Una mañana de Navidad muy sangrienta
Miér Sep 23, 2020 6:03 pm por Nebulae
» Todos estamos aquí por alguna razón.
Miér Sep 23, 2020 2:20 pm por Little Cash
» Take me to the dark [Lenart]
Mar Sep 22, 2020 7:36 pm por Blazekriegg
» Oh, you're soooo boring [Perseus Black]
Lun Sep 21, 2020 5:38 am por Invitado
» Congratulations [J.T Callahan]
Lun Sep 21, 2020 5:30 am por Invitado
» Do I know you? [Lloyd]
Lun Sep 21, 2020 5:14 am por Invitado