#ncadmin

TEMPLATES:

Dirígete primero a tu template overall_header. Al final del todo, inserta la siguiente línea:

<div id="nomiresSafe">

Ahora, dirígete a tu template overall_footer_begin. Justo antes de esta línea (la primera, deberías tenerla cerca del comienzo de tu template):

<!-- END html_validation -->

Vas a poner un <div>, sin cerrar. En su lugar, lo vas a cerrar después de dicha línea. Quedaría:

<div> <!-- END html_validation --> </div>

CSS:

Inserta este CSS al final de tus estilos en Visualización -> Imágenes y Colores -> Colores & CSS. Revisa las variables para modificar lo que corresponda.

JS:

Inserta este JS en una nueva hoja marcada para todas las páginas en Módulos -> HTML & Javascript -> Gestión de los códigos Javascript.

Revisa las variables: tienes cinco de personalización, y dos de funcionamiento. De esta última sección, sólo 1 de ellas (NMacceptSignUp) deberías editar; si pones un 0, no permitirás registros, si pones un 1, aceptarás registros.

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); }

El JS debe estar marcado para Todas las páginas. Puedes tener el CSS directamente en tu panel o de forma externa en tu overall_header, antes de </head>.

Debes agregar una caja de texto ([role="text"]) por cada columna; si una tab no tiene una caja de reglas, simplemente mostrará las normas generales (que siempre irán marcadas por [data-tab="general"]). Las data-tab deben de ser únicas para cada columna, como puedes ver en el ejemplo, y las comparten en las cajas de texto ([role="text"], en las tabs (<span> dentro de [role="tabs"]) y las diferentes columnas dentro de [role="table-head"] y [role="user"].

IMPORTANTE: Si un usuario no aplica para una columna (supongamos, siguiendo el ejemplo, que uno de ellos no tiene vivienda), incluye igualmente el <b> en su sitio correspondiente. Puedes poner - o N/A o algo similar, pero no borres el <b> o se te descuadrará toda la tabla. También recomiendo mantener cierta 'gramática' en las columnas del mismo tipo, para que la alfabetización sea más útil (por ejemplo, no pongas 6º curso y luego pongas en otro Sexto curso).

PARA AGREGAR NUEVAS PESTAÑAS: Como se explica en el primer punto, cada pestaña debe tener sus columnas, su botón y su caja de reglas. Por lo que tendrás que agregar una caja de texto:

<div role="text" data-tab="sangre">Normas de pureza de sangre.</div>

Una pestaña:

<span data-tab="sangre">Sangre</span>

Y columnas:

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>