#codember2023

[elirosecodes]

40. FAIRY {POST DE ROL}

Pastebin

Decimo code del #codember2023 gracias a @elalmacen-rp.

Favor no quitar los créditos ni usar la tablilla como base.

Las imagenes se modifican en style.

Se que se llama Hada, pero el texto es del Jabberwocky, pero la imagen es de una quimera; sin embargo, confio en que vamos a ignorar todos esos sin sentidos.

[necromancercoding]

CÓDIGO #130 | Change of Pace.

LIVE PREVIEW & DOWNLOAD.

♦ Quinto prompt del Codember 2023 (Seasons) de @elalmacen-rp. Una tablilla que sirve tanto para búsquedas como para listas de grupos, con acento personalizado para cada pestaña. Tiene 4 pestañas por defecto, pero se pueden añadir más (instrucciones bajo el cut). ♦ No quites los créditos ni uses como base. ♦ Todos los colores y fuentes son modificables. Si no sabéis cambiar algo, preguntadme por ask y os echaré una mano.

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

Siendo XX, de nuevo, el número que has puesto en tu input.

[thecodecoven]

#00. Estaciones | Cronología

El quinto código para el codember2023 de @elalmacen-rp es una cronología hecha para un foro privado. Como verán, muy ad hoc a la temática, la cronología se divide en estaciones.

Quizá en un futuro hagamos un revamp o tomemos la estructura para algo completamente nuevo que podamos ofrecerles. ✨

🎄 🎁 ✨ FELIZ NAVIDAD ✨ 🎁 🎄

Sin más, les dejamos algunas instrucciones pero recuerden que si tienen alguna duda o problema, pueden enviarnos un ask para ayudarles.

Busca la parte que dice XXXtab-1 en la parte de input y label. Cambia las XXX por las iniciales de tu pj o lo que tú quieras. Esto se tiene que hacer en todas y cada una de las pestañas.

Fíjate que también tiene un número al final XXXtab-1. Este número debe cambiar en cada pestaña. Si agregas más pestañas, asegúrate de ir cambiando los números también.

Cada label tiene una clase tab seguida de un número: uno, dos, tres y cuatro. Asegúrate de cambiar la clase de acuerdo al número que deseas que se muestre a un lado del botón de cada pestaña. Si deseas cambiar la numeración o aumentarla, envíanos un ask para ayudarte.

Agregamos una variable para cambiar el ancho de la tablilla, la encontrarás como --ancho: 100%. Recomendamos que el mínimo sea de 400px pues menos de eso, los elementos se verán apretujados.

En el CSS al final del código encontrarás que puedes modificar los elementos .a:before y .c:before. Estos son los iconos para señalar que un tema está abierto (clase a) o cerrado (clase c). Nosotros usamos Cappuccicons, pero puedes usar los que desees. Cambia la font-family y después el unicode de tu icono. No dudes en preguntar si necesitas ayuda.

Como siempre, les recordamos las reglas:

i. No retires los créditos, por favor. ii. Los colores, fuentes, imágenes (backgrounds) son modificables. iii. No cambies la estructura o uses como base. iv. Si tienes dudas o necesitas soporte con los códigos, no dudes en enviarnos un mensaje. v. Like/reblog si la utilizas, nos ayudaría mucho ♥︎ vi. ¡Disfrútalos! (ﾉ◕ヮ◕)ﾉ～:･ﾟ✧:･ﾟ✧

Y ahora sí, puedes encontrar el código en pastebin, sólo da click en el enlace. ✨

[maryskins]

codember23 | estaciones

vista previa | css | html

@elalmacen-rp. Sí, la más obvia. Estaciones = Un calendario chulito para vuestros foros. He tardado porque hice un primer boceto que no me terminó de emocionar, así que lo volví a empezar de 0 y salió este, más cuquito.

No os preocupéis, que aquí traigo como instalarlo:

Para instalarla tenéis que crear una nueva página HTML desde la pestaña de Módulos, HTML & Javascript. Usando siempre el modo avanzado (HTML) pegáis el html ahí, y el css donde siempre.

Si no utilizáis las partes superiores e inferiores de vuestro foro en la página, tenéis que colocar el css junto al html, metiéndolo dentro de .<br>

El código se adapta al 100% del wrap, pero posiblemente tengáis que tocar tamaños para adaptarlo a vuestro gusto.

Si queréis modificar colores, tenéis las variables en el css. Tenéis el color de acento, tres tonos diferentes para el fondo y el color que marca los eventos.

Ok, ¿y cómo lo edito para poner mis eventos?

Cada día del mes es un <li>, así que tienes que añadir el tipo de día añadiéndole una clase a su etiqueta. Es decir:

Día festivo: <li class="fest"> Día de evento: <li class="ev" title="Nombre del evento"> * Es importante que el día de evento incluya el número dentro de las etiquetas <b> y esté acompañado de un icono para que funcione el efecto hover.

[durancodes]

Codember2023 — Constelación/Constellation

Pastebin — Livepreview — Misceláneo

Esta semana tuve examen de cinco horas y lo admito, quedé reventadísima, muerta, pero muerta de ganas por terminar este código hehe. La verdad, quería hacer algo con Star Walking, la canción de Lil Nax X, porque me acompañó en estas duras semanas de preparar mi examen hehe. Es un código que no sabía para qué se podía usar (?) pero salió esto.

Bueno, ahora los detalles e instrucciones bajo el cut.

Cualquier consulta o pregunta sobre el code no duden en decirme!

—El code es de 450x450.

—Sólo el render es modificable, pero las imágenes se adaptan una vez se cambien los colores de las variables. Sugiero usar un render para cambiar el que está puesto. Probablemente, si cambian de render, tendrán que acomodarlo y para ello están las variables --renderleft y --rendertop.

—Las fonts usadas son Standing Display y Calibri. Pueden modificarlas y cambiarlas en sus respectivas variables.

—Si hay algo que se me haya pasado, no duden en decirme. Hice esta code de a poco así que puede que tenga uno que otro error que no haya visto cuando lo revisé.

—Los íconos son de Cappucicons. Pueden cambiarlos si gustan.

—El código es de uso libre. Sólo te pido que no quites los créditos ni uses la tabla como base.

—Un reblog siempre se agradece

_______________________________________

US

This week I had a five hour exam and I admit it, I was really exhausted, dead, but dead eager to finish this code hehe. Actually, I wanted to do something with Star Walking, Lil Nax X's song, because it accompanied me in these hard weeks of preparing for my exam hehe. It's a code that I didn't know what it could be used for (?) but this came out.

-The code is 450x450.

-Only the render is modifiable, but the images adapt once the colors of the variables are changed. I suggest to use a render to change the one that is set. Probably, if you change the render, you will have to adjust it and for it there are the variables --renderleft and --rendertop.

-The fonts used are Standing Display and Calibri. You can modify and change them in their respective variables.

-If there is something that I have missed, don't hesitate to tell me. I made this code a little bit at a time so I may have a mistake or two that I didn't see when I checked it.

-The icons are from Cappucicons. You can change them if you like.

-The code is free to use. I only ask that you do not remove the credits or use the table as a base.

-A reblog is always appreciated

@elalmacen-rp

[timuschaos]

CODEMBER #3 | Golondrina.

Signature thématisée autour des hirondelles

© timuschaos

• Third prompt of @elalmacen-rp for Codember 2023;

• Free to use but please credit;

• You'll find the code here;

• Thank you ♥

[luxury-poison]

Aunque el termino es relativamente nuevo (Base de datos) las usamos constantemente sin saberlo.

✦ Uso libre. ✦ No retirar créditos. ✦ Código para Baúl o multipropósito. ✦ El texto se acomoda no importa lo largo pero las columnas de las notas se acomodaran según la mas larga. ✦ Tiene 4 variables.

fondo: Color mas oscuro.

fondo-dos: Color claro.

fondo-tres: Color medio.

principal: Blanco.

✦ Cualquier duda, pregunta, sugerencia estoy a un ask de distancia. ✦ Disponible para crear todas sus ideas y volverás realidad.

[Code]

@elalmacen-rp

XOX Luxury Posion

[elalmacen-rp]

¡El Codember 2023 se acerca!

Les recordamos las normas del Codember, que no se han modificado:

Se deberá taggearnos directamente en las publicaciones: En el primer Codember, en 2019, funcionamos a base de tags, y eso hizo que muchas de las publicaciones no fueran rebloggeadas en el día correcto a causa del sistema de taggeado de Tumblr. Para evitar que esto pase, todas las publicaciones del Codember deberán tenernos etiquetados ( @elalmacen-rp así) para que nos llegue la notificación y le demos reblog.

Lista de participantes oficiales: No hace falta apuntarse para participar, pero igual que el año pasado, contaremos con una lista de participantes con link directo a su tag de Codember2023. Esta lista incluirá, una vez finalice el mes de noviembre y la challenge, la cantidad de prompts completados (ej: Nombre de Usuario [5/15]) para que los interesados en navegar por los participantes sepan cuantas creaciones hay en cada tag.

Puedes crear cualquier cosa: Aunque nos enfoquemos más a códigos, el Codember no está restringido a que podáis hacer gráficos, escritos o cualquier otra cosa que se os ocurra. Además, recordamos que no tienen por qué ser códigos públicos; puedes hacer códigos personales de los que sólo compartas una captura. Igualmente, puede ser cualquier tipo de códigos: partes de skins, páginas HTML, tablillas, módulos, lo que se te apetezca crear.

Si ya tienes claro que vas a querer participar en el Codember 2023, mándanos un ask con el link directo a tu tag de #codember2023 (aunque ahora esté vacío). La lista de prompts se publicará en una semana. ¡Nos vemos pronto!

[necromancercoding]

CÓDIGO #126 | Get Famous.

LIVE PREVIEW & DOWNLOAD.

♦ Primer prompt del Codember 2023 (Fame) de @elalmacen-rp, una idea que llevaba tiempo queriendo explorar: el sistema de fama de TS4 versión tablilla. Es fácilmente utilizable como este sistema, no sé cuán viable para cualquier otra cosa 😂 Me lo pasé muy bien consiguiendo que fuera "automática" con cambiar un par de cosas. ♦ No quites los créditos ni uses como base. ♦ Todos los colores, fuentes e imágenes son modificables. Si no sabéis cambiar algo, preguntadme por ask y os echaré una mano.

[elirosecodes]

39. LIAR {POST DE ROL}

Pastebin

Noveno code del #codember2023 gracias a @elalmacen-rp.

Favor no quitar los créditos ni usar la tablilla como base.

Se modifica el color principal en style.

No estaba muerta, y lamentablemente tampoco andaba de parranda. Noviembre ha sido un mes muy intenso... pero no tanto como mi obsesión por ships trágicas buenobasta

[necromancercoding]

CÓDIGO #132 | Addicting as nicotine.

LIVE PREVIEW & DOWNLOAD.

♦ Séptimo prompt del Codember 2023 (Cigarettes) de @elalmacen-rp. Tablilla pensada para el uso en registros de personajes, por ejemplo los usados en los foros de rol libre. Tiene una versión de 'apertura' y una versión de personaje. ♦ No quites los créditos ni uses como base. ♦ Todos los colores y fuentes son modificables. Si no sabéis cambiar algo, preguntadme por ask y os echaré una mano.

[necromancercoding]

CÓDIGO #129 | Ecliptic.

LIVE PREVIEW & DOWNLOAD.

♦ Cuarto prompt del Codember 2023 (Constellations) de @elalmacen-rp. Una tablilla que sirve tanto para búsquedas como para listas de grupos, con acento personalizado para cada pestaña. Tiene 12 pestañas por defecto, pero se pueden añadir más (instrucciones bajo el cut). ♦ No quites los créditos ni uses como base. ♦ Todos los colores y fuentes son modificables. Si no sabéis cambiar algo, preguntadme por ask y os echaré una mano.

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

Siendo XX, de nuevo, el número que has puesto en tu input.

[necromancercoding]

CÓDIGO #127 | Statement begins.

LIVE PREVIEW & DOWNLOAD.

♦ Segundo prompt del Codember 2023 (Nightmares) de @elalmacen-rp. Este año me estoy centrando más en hacer cosas que me parezcan divertidas que en cosas estrictamente funcionales, se ve (?) Inspirado en el maravilloso podcast de Jonathan Sims, The Magnus Archives. Honestamente, recomiendo el live preview para este código porque el gif no puede reproducir la animación completa sin pesar un quintal, y la compresión borra por completo muchos detalles. ♦ No quites los créditos ni uses como base. ♦ Todos los colores y fuentes son modificables. Si no sabéis cambiar algo, preguntadme por ask y os echaré una mano.

[elirosecodes]

31. INFAMOUS {REGISTRO}

Pastebin

Primer code del #codember2023 gracias a  @elalmacen-rp, y como yo me tomo las cosas muy literal, decidí hacer un registro de fama.

Favor no quitar los créditos ni usar la tablilla como base.

Se modifican los colores en style, aunque técnicamente es solo 1 color y muchos grises.

Iconos por Capuccicons

La imagen es de 70x70 pero se redimensiona.

Vamos a ver si puedo mantener el ritmo este mes para compensar que desaparecí todo Octubre por dibujar cosas muy gei.

[elirosecodes]

37. CRIMINAL {FICHA}

Pastebin

Séptimo code del #codember2023 gracias a @elalmacen-rp.

Favor no quitar los créditos ni usar la tablilla como base.

Iconos por Capuccicons

Aquí solo se modifican dos imagenes en style.

Este es un record criminal simple pero bonito. Como soy de las que esquivan el campo de describir físico, lo he quitado y puesto solo links para imagenes.

[necromancercoding]

CÓDIGO #128 | Cuajadas de Rocío.

LIVE PREVIEW & DOWNLOAD.

♦ Tercer prompt del Codember 2023 (Woodswallow) de @elalmacen-rp. Una tablillita de rol sencillita y super personalizable tanto para cosas pequeñas como diarios, poemas o mensajes como roles extensos. ♦ No quites los créditos ni uses como base. ♦ Todos los colores y fuentes son modificables. Si no sabéis cambiar algo, preguntadme por ask y os echaré una mano.