#ncwanted

Si quieres retirar pestañas: Quita los inputs, labels y [role=“box”] que no te hagan falta.

Si quieres agregar pestañas: Añade un input con un id nuevo (recomiendo usar numerados), label nuevo con for igual al id del input y un [role=“box”] con number igual al id del input.

A continuación agrega este CSS en tu <style>:

.cd23-seasons input#cd23s-XX:checked ~ * { –tab:YY; }

El XX sería el número que has puesto en tu input, y en tab vas a poner ese número menos 1. Por ejemplo, si es tu pestaña 5, sería #cd23-c5, y –tab sería igual a 4. A continuación, añadirás esto:

.cd23-seasons input#cd23s-XX:checked ~ [role="tabs"] label[for="cd23s-XX"] { background: var(--_tabs-color); border-color: var(--_tabs-color); }

Si quieres retirar pestañas: Quita los inputs, labels y [role="box"] que no te hagan falta.

Si quieres agregar pestañas: Añade un input con un id nuevo (recomiendo usar numerados), label nuevo con for igual al id del input y un [role="box"] con data-for igual al id del input.

A continuación agrega este CSS en tu <style>:

.cd23-constellation input#cd23-cXX:checked ~ [role="main"] * { --tab:YY; }

El XX sería el número que has puesto en tu input, y en tab vas a poner ese número menos 1. Por ejemplo, si es tu pestaña 16, sería #cd23-c16, y --tab sería igual a 15. A continuación, añadirás esto:

.cd23-constellation input#cd23-cXX:checked ~ [role="tabs"] label[for="cd23-cXX"] i { color:var(--_icon2-color-active); }

Primero que nada: Recuerden cambiar las comillas si copian algún código de los que voy a poner a continuación.

Todas las fotos y notas van dentro del div llamado .bwphotos. Cada div de fotos debe ser así:

<div class="bwphoto" style="background-image:url(LINK); width:AAApx;height:BBBpx;top:CCpx;right:DDpx;"></div>

Y cada div de notas debe ser así (no recomiendo poner alto para que se ajuste solo y no se te salga el texto):

<div class="bwnota" style="bottom:AApx;left:BBpx;width:CCpx;">Contenido.</div>

Deberás posicionar cada foto y nota individualmente. Las que estén más arriba en el código (más cerca del comienzo de .bwphotos) saldrán más abajo que las siguientes, van stackeándose unas sobre otras.

Igualmente, la sección de cajas de texto es ajustable, pero no recomiendo tener más de 3 secciones porque quedan muy pequeñitas. Esta tablilla no está hecha para poner muchísimo texto. Cada sección debe ser así, una detrás de otra:

<h>Título</h> <div class="bwbtext">Texto</div>