#codember2024

[thecozycorgi]

Codember2024 - Whisper

Buenas a todos, para este challenge del codember2024 organizado por @elalmacen-rp e inspirándome en los susurros, he creado este código para que los administradores puedan publicar las noticias del foro por sus tramas o novedades de los personajes.

El mismo cuenta con tres partes de código: el CSS, el JS (el cual cuenta las páginas e indica la página actual y además permite el cambio de página) y el HTML (donde se encuentra toda la información).

Dentro del HTML encontrarán mucha información, pero lo más importante es que cada sección es una página y cada artículo hace referencia a las notas que se ven en el html.

Os dejo los códigos comentados con notas para mejor edición, agradezco like/reblog si van a utilizar los mismos.

Ante cualquier duda, mis ask están abiertos.

Códigos

Nota: en codepen no se puede apreciar el cambio de página, además de que he agregado los iconos de flaticons en vez de los de fontawesome.

[maywemeetotherrph]

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

Espero que os guste 💕

[necromancercoding]

CÓDIGO #138 | Nothing is ever the same.

LIVE PREVIEW & DOWNLOAD.

♦ Primer prompt del Codember 2024 (Fragment) de @elalmacen-rp. Una firmita con inspiración en Mollymauk Tealeaf/Lucien Tavelle/Kingsley Tealeaf. ♦ 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. ♦ Las citas son de Fragments de Heraclitus. La primera imagen es de Kroovv y la segunda de Yarpell.

[luxury-poison]

¿Por qué susurrarlo si puedes gritarlo?

✦ Uso libre. ✦ No retirar créditos, ni usar como base para otro código. ✦ Si desean preguntar sobre cómo está hecho con mucho gusto los puedo guiar, con una pequeña mención en sus futuros diseños.

✦ Código Live Instagram. ✦ Medidas 340 x 600. ✦ Las imágenes se redimensionan. ✦ No exagerar en textos. ✦ Ítems de comentarios mínimo 5, máximo los que quieran se adapta y tienen scroll. ✦ Iconos de Fontawesome no editables. ✦ Tres variables:

--accent: Color blanco.

--bckgrd: Imagen grande de fondo.

--img: Imagen de cada item en los comentarios.

✦ Físico: Karina – Aespa ✦ Cualquier duda, pregunta, sugerencia estoy a un ask de distancia. ✦ Disponible para crear todas sus ideas y volverás realidad; ¡Comisiones abiertas! ¡Pregúntame!

✦ Si te gusta mi trabajo el like y reblog me ayudan a crecer.

[Code] @elalmacen-rp XOX Luxury Poison

[elalmacen-rp]

Lista oficial de prompts del Codember 2024

ESP: Y vamos a por el sexto año consecutivo del Codember en El Almacén. Las normas este año son las mismas que en años pasados. El Codember empezará el día 1 de Noviembre. Cada creación en relación a la(s) palabra(s) de inspiración se recomienda que se publique en los días señalados, pero si te atrasas, no te apures. Hasta que termine 2024 las creaciones podrán seguir posteadas; una vez pasemos a 2025, se hará el conteo y se añadirá a la lista oficial.

Puedes encontrar la lista en texto bajo el cut, tanto en español como en inglés, y puedes encontrar la imagen en tamaño completo aquí. Podéis ser todavía participantes oficiales si nos mandáis un ask para que os apuntemos con vuestro respectivo tag. Una vez empiece el Codember, tendréis que esperar al conteo de final de año para que os añadamos. También contamos con separadores oficiales, que podéis encontrar aquí.

ENG: And here we go for the sixth consecutive year of the Codember Challenge. The rules this year are the same as the last few events. Codember2024 will begin 1st of November. Each of the creations in relation to the word(s) of inspiration should be posted in the suggested dates, but if you fall behind, don’t fret. You can still post your creations until the end of the year- when we enter 2025, we’ll update the list with the full counter of each participant in our official list.

You can find the list in text form under the cut, in Spanish and English, and you can also find the full size image in English here. You can still be an official participant of Codember if you forward us the tag you’ll be using on your blog for it. But as soon as Codember starts, you’ll have to wait for the final count to be added to the list. We also have official dividers- you can find them here.

LISTA DE PARTICIPANTES | TAG GENERAL | TAG DE UPDATES

Versión en español:

- Taggeanos en @elalmacen-rp para darle reblog a tu post.

- Cada palabra cubre dos días de Noviembre. Puedes saltarte números pero no desordenarlos o adelantarte.

- No hace falta apuntarse para participar. Puedes formar parte de la lista oficial mandándonos un ask.

- Puedes participar con códigos, gráficos, escritos o lo que te apetezca crear.

- No pasa nada si te retrasas, simplemente ve posteando tus creaciones a medida que las tengas.

- Aplica la palabra como quieras, ¡es sólo inspiración!

01/02. Fragmento.

03/04. Susurro.

05/06. Ascuas.

07/08. Pulso.

09/10. Velo.

11/12. Mosaico.

13/14. Ancla.

15/16. Destello.

17/18. Órbita.

19/20. Puntada.

21/22. Eclipse.

23/24. Eco.

25/26. Cuna.

27/28. Huracán.

29/30. Rocío.

English version:

- Tag us at @elalmacen-rp so we can reblog your post.

- Every word covers two days of November. You can skip prompts but you can’t reorder them or get ahead.

- There is no need to join a list to participate. You can however join the official list sending us an ask.

- You can participate with codes, graphics, writting pieces or anything you wish to create.

- Don’t worry if you fall behind, just keep posting your creations as you make them.

- Use the word however you’d like, it’s only inspiration!

01/02. Fragment.

03/04. Whisper.

05/06. Embers.

07/08. Pulse.

09/10. Veil.

11/12. Mosaic.

13/14. Anchor.

15/16. Flash.

17/18. Orbit.

19/20. Stitch.

21/22. Eclipse.

23/24. Echo.

25/26. Cradle.

27/28. Hurricane.

29/30. Dew.

[nirvanadearum]

[Relaciones] Blitz

Creatated by: Hela.

Link Pastebin: Zelda.

Prohibido retirar los créditos, no estorban y ni se notan (?).

Un favorito y/o un retweet nos ayuda.

Los colores son modificables al gusto (explicados más abajo a detalle).

Iconos de Fontawesome.

No tiene un scroll máximo así que este aumenta de tamaño.

Las imágenes se adaptan al tamaño determinado del sitio donde van.

Fuentes: Caveat & Jost.

Los datos del personaje no tienen una altura máxima pero tampoco es para exagerar (?).

De alguna manera me gustó hacerlo "a juego" con la cronología y el post multiusos pero con unos toquecitos de "destello" sutiles.

Cualquier duda no tengan miedo de mandar un ask con Hermes que ya no está de vacaciones, juramos encerrar a Cerberus en su respectiva casita para que no les muerda.

--bcks: color de fondo general, link, algunos bordes & zona de personajes. --drgd1: color más llamativo, centro degradado, zona de tu personaje (como los datos), el borde de las imágenes y parte de los nombres. --drgd2: color menos llamativo, borde datos personajes relacionados, exterior del degradado, parte de los nombres y sombra de la caja. --clch1: color del texto y de los íconos. --clch2: color de fondo de los íconos de los personajes relacionados.

Los colores se pueden usar en forma hexadecimal o rgba sin problema.

Octavo prompt del CODEMBER 2024. Como puse arriba de alguna manera va a juego con la cronología y el administrativo, hice las relaciones completamente basadas en mi velita de Disney favorita -ya saben, por la frase "¿Quien apagó la vela?" (?)-, y ya que Idia es el "Hades" de Twisted... todo salió encantador y yo estoy más que feliz con los resultados.

El pastebin lleva los colores en rojo y también dejé un ejemplo con colores claritos en las imágenes de arriba.

¡Nos vemos para el siguiente código!

.

@elalmacen-rp

[dramainfouracts]

FLASH / FAMILY TEMPLATE [CODEMBER 8/15].

Prompt de @elalmacen-rp. Inspirada por Game of Thrones.

[thecozycorgi]

Codember2024 - Stitch

Buenas a todos, para este prompt del codember2024 organizado por @elalmacen-rp e inspirándome aquellos puntos que necesitamos tras el fallecimiento de algún actor o personaje que significaron algo en nuestras vidas, incluso si nunca tuvimos el placer de conocerlos en persona.

En mi caso, este año fue Maggie Smith quien dio vida a Minerva McGonagall, uno de mis personajes favoritos de la saga de Harry Potter.

En el código encontrarán doce firmas inspiradas en Minerva, donde seis son sobre frases icónicas del personaje con Maggie Smith y las siguientes seis son con PBs que utilizaría o utilicé como Minerva (Lucy Hale, Nico Parker, Rachel Weisz, Mila Kunis, Antonia Thomas y Katie McGrath).

Ninguno de los gifs utilizados es de mi autoría.

Os dejo los códigos comentados con notas para mejor edición, agradezco like/reblog si van a utilizar los mismos.

Ante cualquier duda, mis ask están abiertos.

Código + Live Preview

[necromancercoding]

CÓDIGO #140 | I was made to pass through fire.

LIVE PREVIEW & DOWNLOAD.

♦ Tercer prompt del Codember 2024 (Embers) de @elalmacen-rp. Un código pensado en ser usado como índice de baúl, pero también viable como ficha, inspirado en Keyleth y Caleb Widogast, de Critical Role. Tiene dos versiones intercambiables mediante una variable CSS, que cambia la disposición de los elementos en el interior del body. ♦ 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. ♦ Las imágenes fueron creadas por Giulia Valentini/kuro.cyou (Caleb) y radsity (Keyleth).

[luxury-poison]

✦ Uso libre. ✦ No retirar créditos, ni usar como base para otro código. ✦ Si desean preguntar sobre cómo está hecho con mucho gusto los puedo guiar, con una pequeña mención en sus futuros diseños.

✦ Código multiusos, idea original una página de un diario. ✦ Medidas 450 x 550. ✦ Las imágenes se redimensionan. ✦ Para la frase y el título de la foto no exagerar en extensos y texto tienen scroll automático. ✦ Icono de Font Awesome editable.

✦ Tiene cuatro variables:

--accent: Color principal.

--bckgrnd: Color de fondo principal.

--bckgrnd1: Color del borde fotográfico y barra scroll.

--bckgrnd3: Color de fondo de la foto.

✦ Personaje: Elysia | Honkai Impact 3. ✦ Cualquier duda, pregunta, sugerencia estoy a un ask de distancia. ✦ Disponible para crear todas sus ideas y volverás realidad; ¡Comisiones abiertas! ¡Pregúntame!

✦ Si te gusta mi trabajo el like y reblog me ayudan a crecer.

[Code]

@elalmacen-rp

XOX Luxury Poison

[thecozycorgi]

Codember2024 - Eclipse

Buenas a todos, para este desafío del codember2024 organizado por @elalmacen-rp e inspirándome en la famosa saga de Crepúsculo, he creado este código que permite crear una página HTML con información, fácil de completar y con filtros.

Es editable para cualquier información que quieran poner, en el ejemplo, son personajes canon, pero también puede servir para pokemones, criaturas, lugares, cualquier información narrativa que sea muy útil con un buen filtro.

He dejado los códigos tan comentados como me fue posible para que puedan realizar cualquier modificación y así lo puedan adaptar como más les guste.

Ninguno de los gifs utilizados es de mi autoría.

Os dejo los códigos comentados con notas para mejor edición, agradezco like/reblog si van a utilizar los mismos.

Ante cualquier duda, mis ask están abiertos.

Código + Live Preview

[thecozycorgi]

Codember2024 - Orbit

Buenas a todos, para este prompt del codember2024 organizado por @elalmacen-rp e inspirándome en que todo orbita alrededor de los usuarios realice este código que permite traer la información de cualquier usuario ya sea a un post o a una plantilla para traer más información sobre el mismo, como su frase, ficha, etc, etc.

El código JS lo que hace es mapear el nombre de lo que queremos traer con el campo en el perfil del usuario. Para hacer eso más sencillo incluí un código que, basándose en el usuario fundador, trae todos los campos y su correspondiente identificador. Posteriormente, solo hay que usar el código HTML indicando el campo y el usuario, o, en caso de querer usarlo de manera general, indicando desde donde se encuentre el link al perfil del usuario, donde queremos que traiga toda la información.

El código también agrega el color del usuario como variable.

Todos los avatares utilizados pertenecen a @monoclegraphic.

Os dejo los códigos comentados con notas para mejor edición, agradezco like/reblog si van a utilizar los mismos.

Ante cualquier duda, mis ask están abiertos. Espero que les resulte tan útil como me lo ha resultado a mi.

Código + Live Preview

[thecozycorgi]

Codember2024 - Cradle

Buenas a todos, para este desafío del codember2024 organizado por @elalmacen-rp he creado un set de fichas que permite el cambio de todos los colores a gusto, además de tener modo dependiendo la orientación que se desee para los elementos.

Ninguno de los gifs utilizados es de mi autoría.

Os dejo los códigos comentados con notas para mejor edición, agradezco like/reblog si van a utilizar los mismos.

Ante cualquier duda, mis ask están abiertos.

Código + Live Preview

[luxury-poison]

✦ Uso libre. ✦ No retirar créditos, ni usar como base para otro código. ✦ Si desean preguntar sobre cómo está hecho con mucho gusto los puedo guiar, con una pequeña mención en sus futuros diseños.

✦ Código para playlist, el vinilo no gira infinitamente. ✦ Medidas 460 x 350. ✦ La imagen se acomoda. ✦ Los títulos son links que abren de un click otra pestaña. ✦ No exagerar en los textos. ✦ Tiene cuatro variables:

–accent1: color de la letra.

–accent2: color para el fondo, scroll y créditos, ¡ojo! Solamente colocar los valores/números rgb aquí les dejo el conversor del hex a rgb.

–bckgrnd: url para la imagen del vinilo.

✦ Grupo: Blackpink ✦ Cualquier duda, pregunta, sugerencia estoy a un ask de distancia. ✦ Disponible para crear todas sus ideas y volverás realidad; ¡Comisiones abiertas! ¡Pregúntame! ✦ Si te gusta mi trabajo el like y reblog me ayudan a crecer.

[Code] @elalmacen-rp XOX Luxury Poison

[thecozycorgi]

Codember2024 - Veil

Buenas a todos, para este challenge del codember2024 organizado por @elalmacen-rp e inspirándome en el correspondiente challange, he creado un set de firmas que utilizan blends y texturas. Los gifs han sido obtenidos de @gifstache, ninguna imagen ha sido modificada para las firmas que se visualizan salvo pasarlas por imgur para que el link sea más pequeño.

Os dejo los códigos comentados con notas para mejor edición, agradezco like/reblog si van a utilizar los mismos.

Ante cualquier duda, mis ask están abiertos.

Códigos + Live Preview

[luxury-poison]

✦ Uso libre. ✦ No retirar créditos, ni usar como base para otro código. ✦ Si desean preguntar sobre cómo está hecho con mucho gusto los puedo guiar, con una pequeña mención en sus futuros diseños.

✦ Código portada de revista, quizás mas adelante haga una que se abra con más contenido. ✦ Medidas 318x450 cada una. ✦ La imagen se redimensiona. ✦ No exagerar en los textos.

✦ Un código tan hermoso como este tiene instrucciones de uso. ✦ Si necesitan ayuda para editarlo con mucho gusto estoy disponible. ✦ Código separado en el pastebin.

✦ Físicos:

Rosé – Black Pink.

Siwon – Super Junior.

Taeyeon – Girls Generation.

✦ Cualquier duda, pregunta, sugerencia estoy a un ask de distancia. ✦ Disponible para crear todas sus ideas y volverás realidad; ¡Comisiones abiertas! ¡Pregúntame!

✦ Si te gusta mi trabajo el like y reblog me ayudan a crecer.

[Code]

@elalmacen-rp

XOX Luxury Poison