#fcodigos

Codember 2024: Fragments of Sappho

Bueno, pues al final me animé a participar este año en el codember, no sé si llegaré a hacer todos los prompts pero voy a intentarlo. Para el primero, como voy un poco tarde y además tenía ganas de una firma, pues me salió algo sencillito pero me inspiró el hecho de ponerle varias partes (fragmentos) y que no sea solo la imagen.

Características:

El color de acento y letra se puede cambiar en la variables --fragaccent1, --fragaccent2, --fragb.

La imagen se redimensiona a la firma.

El tamaño de la firma es de 400x200px.

Reglas:

No quitar los créditos.

Prohibido copiar/redistribuir o reclamar como propio. Se puede usar como guía o base para otro código, siempre y cuando se respeten los créditos.

Like/reblog si vas a utilizarlo.

Créditos:

Imagen de @memorycardviii

Gracias a @necromancercoding por sus códigos de efectos básicos de hover (me estaba liando yo sola y me salvaste la vida).

Prompt 01 del codember 2024 organizado por @elalmacen-rp

Code 01. TTPD Post de rol

Bueno, pues inauguro esto con un código para post de rol, y cómo no, inspirado en mi nueva obsesión que se ha convertido este álbum.

Características:

Tanto el color de fondo, como la letra principal del post se adaptan al color y tipo predefinido por el foro (ya que estas no están definidas por el propio código).

El color de acento se puede cambiar en la variable --ttpdaccent.

El ancho de la tabla se puede cambiar en las variables --ttpdwidh y --ttpdwidth1. Recordad dejar un margen de 100px entre cada uno para que el resto quede bien, o en caso de trabajar con porcentaje, marcar 100% en --ttpdwidth1, mientras que --ttpdwidth debe ser menor.

La imagen es de 100x100px.

Reglas:

No quitar los créditos.

Prohibido copiar/redistribuir o reclamar como propio. Se puede usar como guía o base para otro código, siempre y cuando se respeten los créditos.

Like/reblog si vas a utilizarlo.

Codember 2024: Queen of Embers | V2 editable width

Para este prompt salió esta tablilla de post sencillita, inspirada inicialmente en El Señor de los Anillos, porque justo me acabo de terminar la segunda temporada de Los Anillos del Poder y me venía al dedillo el tema de Ascua, pero cuando fui a buscar una cita para la frase, me salió una de Sarah J. Mass y pues ahí se quedó xD. Al final todo queda en la ambientación medieval (?).

Características:

Tanto la imagen, como los colores de acento como la fuente se pueden personalizar.

La imagen se redimensiona al tamaño requerido.

Tiene un hover para situar el post o para añadir otra frase o lo que se quiera.

Reglas:

No quitar los créditos.

Prohibido copiar/redistribuir o reclamar como propio. Se puede usar como guía o base para otro código, siempre y cuando se respeten los créditos.

Like/reblog si vas a utilizarlo.

Créditos:

Prompt 03 del codember 2024 organizado por @elalmacen-rp

𝒞𝑜𝒹𝑒 𝟶𝟹. 𝒢𝑒𝓃𝓉𝓁𝑒 𝓇𝑒𝒶𝒹𝑒𝓇 - 𝒫𝑜𝓈𝓉 𝒹𝑒 ℛ𝑜𝓁

No me olvido de mi obsesión con Los Bridgerton, así que no podía dejar pasar la oportunidad y hacer algo inspirado en la serie. Y qué mejor que una tablilla para un post. ¡Espero que os guste! 🩵

Características:

Tanto el color de fondo como el de la letra se ajustarán a los colores del foro.

El color de acento se puede cambiar en la variable --border1.

El color del borde del post se cambia en la variable --bordercolorfil, ajustando los grados según la rueda de color, teniendo en cuenta que el azul está en 0. Por ejemplo, para ponerlo rosa, serían 90deg, para verde serían 180deg, y así con cualquier color de la rueda cromática. Al cambiar este filtro, afectará a toda la tablilla, por lo que para que no cambie el color de la imagen, hay que poner el mismo valor pero en negativo en ".bridgerton img{filter: hue-rotate(-0deg);" y ajustar el color del borde con --border1.

La imagen es de 100x100px.

Reglas:

No quitar los créditos.

Prohibido copiar/redistribuir o reclamar como propio. Se puede usar como guía o base para otro código, siempre y cuando se respeten los créditos.

Like/reblog si vas a utilizarlo.

Créditos:

Imagen de borde by yahyary en pngtree.

Iconos de Tabler Icons.

Code 05. Take down

Empecé este código cuando Kpop Demon Hunters era mi única personalidad, y se estaba convirtiendo en algo muy tocho (al menos para mí en aquel momento) que hizo que me agobiara y parase. Pero, ayer lo retomé y por fin lo acabé. Estaba dudando en si subirlo o no, pero ya que me ha costado tanto, pues mira, sí. ¡Espero que os guste! 🩵

Características:

Tiene cuatro colores de acento que podéis cambiar cómo más guste, más tres de fondo. Se puede cambiar también el color y tamaño de la fuente, así como de los iconos.

La información dentro de las cajas debería ser intercambiable entre sí, por ejemplo, se puede poner la cronología donde estaría el inventario y viceversa. Asimismo, esto tan solo es una idea y se puede rellenar con la info que se necesite o quiera. Si en lugar de relaciones, se quiere un moodboard, o en lugar de una playlist se quieren medallas, es posible.

Lo ideal es ponerlo en un tema sin avatar y que el post ocupe todo el ancho del cuerpo del foro para que se vea como en la demostración, pero si no es posible, podéis modificar el max-height para que las cajas no se descuadren demasiado.

La imagen principal es de 150x150px y las de relaciones son de 100x100px.

Reglas:

No quitar los créditos.

Prohibido copiar/redistribuir o reclamar como propio. Se puede usar como guía o base para otro código, siempre y cuando se respeten los créditos.

Like/reblog si vas a utilizarlo.

Créditos:

Iconos de @kickassfu @crazygirlcute @iconseries

𝐂𝐨𝐝𝐞 𝟎𝟑. 𝐃𝐚𝐫𝐤 𝐀𝐜𝐚𝐝𝐞𝐦𝐢𝐚 (𝐁𝐚𝐮́𝐥)

Me apetecía mucho hacer un código de este estilo, porque después de haber estado seis años administrando Obscurum Cor, echo de menos este estilo oscuro. He añadido también un índice sencillo para aquellos a los que no les guste poner directamente la cronología o las relaciones. ¡Espero que os guste! ✨

Características:

El fondo dependerá del propio foro, aunque esté pensado para los temas oscuros. Todos los colores se pueden cambiar y adaptar al tema en cuestión o como se quiera.

El filtro en blanco y negro de las imágenes se puede cambiar/quitar.

Las variables a cambiar son: --dark1; --dark2; --dark3; --darktxtc; --darkbg;--darkfilter.

El tamaño de las imágenes viene indicado dentro del propio código, aunque se ajustan en tamaño.

Reglas:

No quitar los créditos.

Prohibido copiar/redistribuir o reclamar como propio. Se puede usar como guía o base para otro código, siempre y cuando se respeten los créditos.

Like/reblog si vas a utilizarlo.

Códigos:

Index

Cronología

Codember 2024: Ssssh, mira

No me creo que esto haya salido bien, pero aquí está. La idea detrás de esta tablilla se inspira en los típicos roles en los que solo quieres mandar un mensaje o dos para el personaje con el que estás roleando o para otro, y tal vez en el foro en cuestión no hay redes sociales o no quieres que se quede descolgado ese mensaje en el otro tema. He incluido también la opción de que se pueda agregar el típico mensaje de foto que solo puedes abrir una vez, porque sssh, no deberías verlo demasiado, y es un secreto. ¿Tiene sentido?

Características:

Todos los colores son personalizables, entiendo que el modo oscuro no es para todo el mundo.

Las imágenes se redimensiona al tamaño requerido.

El alto de lo que haría referencia a la pantalla del chat es automático, menos burbujas de texto, más pequeño; más burbujas, más grande.

El div que corresponde a la burbuja de solo texto es la clase su4.

Para añadir más mensajes ocultos (o quitar esa opción), dejo la explicación bajo "leer más/read more".

Reglas:

No quitar los créditos.

Prohibido copiar/redistribuir o reclamar como propio. Se puede usar como guía o base para otro código, siempre y cuando se respeten los créditos.

Like/reblog si vas a utilizarlo.

Créditos:

Prompt 02 del codember 2024 organizado por @elalmacen-rp

Espero que os guste 💕

Codember 2024: Paint the town blue

Para para el prompt de pulso se me ocurrió hacer esta tablilla de combate en honor a todos esos personajes que tienen la suerte de no morir en las tramas globales. Recuerdo que en Dusk of Arcana tenían una muy chula y me he inspirado un poco en lo que recordaba, teniendo una sección para los stats y la barra vida, otro para poner los potenciadores o mochila, y otro apartado para hacer los cálculos, con un lado para el propio personaje y otro para el contrincante. Y, como la segunda temporada de Arcane no me está sentando bien (estoy sufriendo mucho de lo genial que es), pues tenía que poner algo de ahí.

Características:

Los colores de acento y semitransparentes son modificables, así como el color de la letra.

La barra de vida funciona con porcentaje (hay que cambiar tanto el porcentaje del código como el de texto), pero puede funcionar con píxeles si es mejor. Tan solo hay que tener en cuenta de que mide 200px y de ahí hacer una regla de tres con el valor que se desee para poner en el código.

Se pueden añadir hasta ocho stats.

Nota: en la previsualización de FA puede aparecer cortada la tablilla, pero si el ancho del post es mayor a 570px, no debería verse cortada al postear.

Reglas:

No quitar los créditos.

Prohibido copiar/redistribuir o reclamar como propio. Se puede usar como guía o base para otro código, siempre y cuando se respeten los créditos.

Like/reblog si vas a utilizarlo.

Créditos:

Prompt 04 del codember 2024 organizado por @elalmacen-rp