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.
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
✦ 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.
♦ 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).
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.
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!
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.
♦ 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.
