Basalt





BASALTLOGO.png

Tema BASALT

Puntuación: 0+x


TEMA BASALT

VERSIÓN 1.1

¿QUÉ ES ESTO?

BASALT es un tema estético, no ligado a ningún canon, serie o GdI, desarrollado por AzamoAzamo y Placeholder McDPlaceholder McD como una adaptación del Tema Paperstack de EstrellaYoshteEstrellaYoshte.

Al igual que Black Highlighter, BASALT revisa una gran parte del diseño del sitio y cambia muchos elementos de la interfaz de usuario que suelen pasar desapercibidos en la mayoría de los temas, en un esfuerzo por aumentar la productividad y la accesibilidad del usuario. Además, tiene un aspecto muy atractivo.

Para utilizar BASALT, simplemente pegue el siguiente código en su artículo:

[[include :lafundacionscp:theme:basalt]]

AJUSTES DEL TEMA

Los ajustes del tema, a veces llamados variables, son cadenas de texto adicionales que los usuarios pueden añadir al módulo de inclusión de BASALT para optar por ciertas características.

Para aplicar un Ajuste, inserte uno de los ejemplos enumerados a continuación después del include principal, pero antes de los dos paréntesis del final, así:

[[include :lafundacionscp:theme:basalt themesetting=a]]

Los Ajustes del Tema pueden combinarse fácilmente entre sí. Para utilizar varios de ellos a la vez, siga el siguiente formato:

[[include :lafundacionscp:theme:basalt firstthemesetting=a|secondthemesetting=a|thirdthemesetting=a]]

LISTA DE AJUSTES DEL TEMA (A PARTIR DE LA VERSIÓN 1.0)

hidetitle=a

Elimina el título de la página.

acsanimation=a

Desactiva el componente de animación del SCA, que está activado por defecto.

darkmode=a

Activa el Modo Oscuro. (Véase: ONYX (Modo Oscuro))

redmode=a

Activa el Modo Rojo. El Modo Oscuro es OBLIGATORIO para que funcione correctamente. (Véase: GARNET (Modo Rojo))

darksidebar=a

Aplica el estilo de la barra lateral del Modo Oscuro a los artículos del Modo Claro.


PERSONALIZACIÓN

CAMBIAR EL TÍTULO/SUBTÍTULO/LOGOTIPO

Si desea cambiar el título, el subtítulo y/o el logotipo que aparecen en la cabecera, utilice el siguiente código para hacerlo:

:root {
--logo: url(<link de la imagen aquí>);
--title: "<título del texto aquí>";
--subtitle: "<texto del subtítulo aquí>";
}

Se recomienda mantener la propiedad --title de la misma longitud que el texto por defecto (o más corto que éste), para evitar problemas de visualización en los dispositivos móviles.

Por defecto, el logotipo y el texto mostrados en la barra lateral coinciden con los de la cabecera. Si desea cambiar esto, utilice el siguiente código:

:root {
--sidelogo: url(<link de la imagen aquí>);
--sidesubtitle: "<texto aquí>";
}

ONYX (MODO OSCURO)

BASALT_DARKMODE.png

ONYX

Para activar el Modo Oscuro, utilice el siguiente Ajuste del Tema, como se ha detallado anteriormente:

[[include :lafundacionscp:theme:basalt darkmode=a]]

GARNET (MODO ROJO)

BASALT_APOLLYON.png

GARNET

Para activar el Modo Rojo, utilice el siguiente Ajuste del Tema, como se ha detallado anteriormente:

[[include :lafundacionscp:theme:basalt darkmode=a|redmode=a]]

INCLUIDO CON BASALT

COMPONENTES

BASALT viene preempaquetado con varios componentes hechos por la comunidad:

…Y hace algunos cambios visuales a estos, si los incluye:

TEMAS

BASALT roba toma elementos de:

EJEMPLOS


basalt_logotype_black.png

Bloque de imagen

Una regla horizontal puede crearse con 4 guiones "----" y se extiende a lo largo de toda la página si no está colocada dentro de nada (por ejemplo, un bloque de cita). Las líneas que separan las secciones de este documento son reglas horizontales.

Un enlace que probablemente haya visitado


Los títulos pueden crearse poniendo entre uno y seis símbolos "+" al principio de cada línea.

Este es un span de Texto Grande. Use [[span class="bigtext"]] para crear estos.

Este es un span de Texto Especial. Use [[span class="st"]] para crear estos.
Los spans de Texto Especial cambian de color cuando se colocan dentro de divs de tabla de color, como se muestra a continuación. Esto es para ti, Placeholder.

¿Por qué la pala era tan especial?

Porque era un invento rompedor.


Esto es un bloque de cita, creado poniendo "> " al principio de cada línea.
Más texto


Es una regla horizontal

Bloques de cita anidados

Se trata de una tabla normal
Texto aquí

Las tablas se pueden colorear envolviéndolas en divs especiales. Los bloques de imágenes y spans de Texto Especial que están envueltos en estos divs también cambiarán de color en consecuencia.

[[div class="table1"]]

Se trata de una tabla verde
Texto aquí

[[div class="table2"]]

Se trata de una tabla verde
Texto aquí

[[div class="table3"]]

Se trata de una tabla amarilla
Texto aquí

[[div class="table4"]]

Se trata de una tabla naranja
Texto aquí

[[div class="table5"]]

Se trata de una tabla roja
Texto aquí

[[div class="table6"]]

Se trata de una tabla púrpura
Texto aquí

También puede utilizar el siguiente div para crear tablas rotas.

[[div class="tableb"]]

Se trata de una tabla rota
Texto aquí

Este es un div de documento. Use [[div class="document"]] para crearlos. Se recomienda no encerrarlos dentro de otros divs.

Este es un div de documento oscuro. Use [[div class="darkdocument"]] para crearlos. Se recomienda no encerrarlos dentro de otros divs.

Esto es un div de memo de la ASRI. Use [[div class="raisa_memo"]] para crearlos.

Se trata de un div decorativo. Use [[div class="notation"]] para crearlos.

¡Este es el div modal más delgado! Use [[div class="smallmodal"]] para crearlos.

¡Este es un tercer div decorativo! Use [[div class="jotting"]] para crearlos.

La fuente del cuerpo es Roboto.
La fuente de la cabecera y del título es Work Sans.
La fuente monoespacial es Fira Code.


Si no se indica lo contrario, el contenido de esta página se ofrece bajo Creative Commons Attribution-ShareAlike 3.0 License