Waves | Pack #002

*--------- IMPORTANTE LEER ---------*
i. No retires los créditos, por favor.
ii. Los colores, fuentes, imágenes (backgrounds) son modificables. No cambies la estructura o uses como base.
iii. Si tienes dudas o necesitas soporte con los códigos, no dudes en enviarnos un mensaje en https://thecodecoven.tumblr.com
iv. ¡Disfrútalos! (ﾉ◕ヮ◕)ﾉ～*:･ﾟ✧*:･ﾟ✧

*--------- WAVES PACK ---------*
*--- Portada ---*

<div id="NOMBRE"><div class="wavecover">
<div class="waveA"><div class="wavename"><h5>NOM<b>BRE</b></h5>
<h6>FRASE AQUÍ</h6></div>
<div class="waveimg"><img src="IMAGEN 200x260 (PNG DE PREFERENCIA)" /></div></div>

<div class="waveB"><div class="wbl">
<a href="/"><i class="ti ti-user"></i><span class="ttxt">LINK 1</span></a>
<a href="/"><i class="ti ti-zeppelin"></i><span class="ttxt">LINK 2</span></a>
<a href="/"><i class="ti ti-telescope"></i><span class="ttxt">LINK 3</span></a>
<a href="/"><i class="ti ti-sun"></i><span class="ttxt">LINK 4</span></a>
<a href="/"><i class="ti ti-seeding"></i><span class="ttxt">LINK 5</span></a>
<a href="/"><i class="ti ti-rocket"></i><span class="ttxt">LINK 6</span></a>

</div></div></div></div>

<style>#NOMBRE {--fondo: #f8f8fb;--texto: #444;--acentoA: #6dc0e1;--acentoB: #c084f1;--acentoOp: #c084f120;--sombra: #00000080;}</style>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css">
<link href="https://files.jcink.net/uploads2/thecodecoven/Wavepack.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&family=Readex+Pro:[email protected]&display=swap" rel="stylesheet">


*--- Cronología ---*

<div id="NOMBRE"><div class="wavecrono">
<div class="wavetit">UN TÍTULO<b>CORTO AQUÍ</b></div>

<div class="wavecA"><div class="thbox">

<p class="op"><date>00 MES 0000<i class="ti ti-leaf"></i></date>
<thread><a href="LINK">TÍTULO DEL TEMA</a> con NOMBRE</thread></p>
<p class="cl"><date>00 MES 0000<i class="ti ti-lock"></i></date>
<thread><a href="LINK">TÍTULO DEL TEMA</a> con NOMBRE</thread></p>
<p class="ab"><date>00 MES 0000<i class="ti ti-ghost-3"></i></date>
<thread><a href="LINK">TÍTULO DEL TEMA</a> con NOMBRE</thread></p>

<!-- La clase para temas abiertos es "op" (open), para temas cerrados es "cl" (closed) y para temas abandonados es "ab". Cuida que tus temas tengan la clase correspondiente para que el contador funcione correctamente -->

<div class="cronototal">
<span class="totalOp"><i class="ti ti-leaf"></i></span>
<span class="totalCl"><i class="ti ti-lock"></i></span>
<span class="totalAb"><i class="ti ti-ghost-3"></i></span>
</div></div></div>

<div class="wavecB"><img src="IMAGEN 110x110" /></div>
</div></div>

<style>#NOMBRE {--fondo: #f8f8fb;--texto: #444;--acentoA: #6dc0e1;--acentoB: #c084f1;--acentoOp: #c084f120;--sombra: #00000080;counter-reset: op-sum, cl-sum, ab-sum;}</style>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css">
<link href="https://files.jcink.net/uploads2/thecodecoven/Wavepack.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&family=Readex+Pro:[email protected]&display=swap" rel="stylesheet">


*--- Relaciones ---*

<div id="NOMBRE"><div class="wavers"><div class="waveC"><div class="wavetop">
<h5>NOMBRE/APODO <span>TÍTULO O FRASE CORTA</span></h5>
<img src="IMAGEN 110x110" /></div>
<div class="waveD"></div></div>

<div class="waveF"><div class="waversc">

<div class="rship"><img src="IMAGEN 100x100"/>
<i class="ti ti-mood-smile"></i><div class="rstxt"><p>NOMBRE;<br>RELACIÓN</p></div></div>

<div class="rship"><img src="IMAGEN 100x100" />
<i class="ti ti-mood-empty"></i><div class="rstxt"><p>NOMBRE;<br>RELACIÓN</p></div></div>

</div></div></div></div>

<style>#NOMBRE {--fondo: #f8f8fb;--texto: #444;--acentoA: #6dc0e1;--acentoB: #c084f1;--acentoOp: #c084f120;--sombra: #00000080;}</style>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css">
<link href="https://files.jcink.net/uploads2/thecodecoven/Wavepack.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&family=Readex+Pro:[email protected]&display=swap" rel="stylesheet">