cherryflancodes
cherryflancodes
cherry.flavoured.codes
28 posts
un flan que hace tablillas html (para foros de foroactivo). ¡la tecnología avanza!(ES/EN ok!)avatar credits: James Turner @twitter
Don't wanna be here? Send us removal request.
cherryflancodes · 3 days ago
Text
Tumblr media Tumblr media Tumblr media Tumblr media
⭐️💙⭐️Blue Royal Stars⭐️💙⭐️
10K notes · View notes
cherryflancodes · 16 days ago
Text
Tumblr media
throwback thursday: mariollette empire
¡Hola a todos! Quería compartir algunas de las tablillas que he hecho hace algunos cuantos años, que quizás son muy antiguas o muy específicas para compartir el código, pero que son trabajitos que me siguen gustando y me gustaría no dejar en el olvido. Como cuando la gente hacía hashtags de #throwbackthursday #tbt o como le hayan puesto (?)
Y recordando los tiempos antes del 2015, al menos en mis partes del internet todavía no se usaba fuertemente el CSS o el HTML--lo único parecido a esquematizar algo era usar tablas y WYSIWYG. Todo el peso del diseño realmente recaía en eso, el diseño, los gráficos. En esos tiempos, en verdad que un simple efecto hover era solo posible para los gurús sabios de los códigos.
En otros temas, miren estos efectos nunca antes vistos (en el 2011), woooow, increíble 😎
Tumblr media
(pensándolo bien, la mayoría de esos componentes (con un poco más de trabajo hasta el ciclo de caminata inclusive) se pueden lograr actualmente con puro código, pero al igual que en ese tiempo que ahora, siempre es más fácil hacerlo todo con una imagen :9 )
Y bueno, la plataforma daba poca oportunidad de hacer algo, pero se lograba. Y luego de hacer tablillas que realmente eran gráficos elaborados con un espacio para poner un div con scroll y más nada, empecé a hacer tablillas que se centraban más en el código:
Tumblr media Tumblr media Tumblr media Tumblr media
(miren allí, apenas entendiendo de combinación de colores y letras y todo, una ternura 🥰)
Y pues eventualmente nos mudamos de plataforma a un foro foro, más concretamente jcink, y usamos una de las skins gratis que habían en los foros de resources. ¡Pero no venía con tablillas de uso! Así que tuve que hacer algunas cuantas siguiendo la estética del skin.
Tumblr media
Estaba la tablilla general de información, la parte del título, una imagen representativa, un subtítulo, y el contenido dentro. Simple, estético, y fácil de usar (espero(?)). También en ciertas secciones habían agregados, por ejemplo aquí el agregado para ingresar información como pseudo tooltips, para marcar ciertos detalles.
Tumblr media
Otro agregado fue para la parte de los tipos de personajes, que tenían cada uno sus stats representativos, y hasta ciertas formas que podían adaptar. ¡Y creo que era mi primera vez usando los progress bars! Y también creo que era la primera vez viendo que los progress bars eran usados. ¡Pero son muy útiles! Tan útiles que adaptamos el perfil en cada post para que se muestre, así:
Tumblr media
Repletito de información, pero de una forma visible y entendible 👌
Tumblr media
Luego, la información de las zonas de rol, usaba como base el diseño general, pero con el agregado importantísimo de un reproductor de música, obvs. En ese tiempo usábamos un reproductor de música hecho con Flash, pero ya no sirve, y tuve que medio apañarme con los reproductores actuales de HTML5. De cualquier forma, se ve hermoso todavía uvu.
Tumblr media
Y último, pero no menos importante, la ficha de personaje, la cual podía tener los mismos agregados que los anteriores, pero cambiaba la parte de la imagen agregándole la información del personaje. De hecho, la parte de las capsulitas de la parte de Distritos (y aquí no se ve, pero las tablillas cambiaban de color según la clase que se necesitaba) fue una idea que se mantuvo desde la última ficha que había hecho en la versión anterior, pero mejorada ✨
¡Y bueno! Creo que ese ha sido mi viaje por las memorias. Quizás hubieron más cositas que se me habrán pasado, o cosas muy simples o en las que apenas ayudé y que no mencionaría como mías, pero estuvo bonito~
Hay algunas de estas tablillas que no compartiría el código, pero otras que probablemente las termine rehaciendo y compartiendo si la gente está interesada though!
Y eso, si logro encontrar algunos otros códigos a los que quisiera rememorar, quizás prepare otro throwback. Pero de momento nos estamos viendo~
0 notes
cherryflancodes · 24 days ago
Text
Tumblr media Tumblr media Tumblr media
dark castle — tablilla de rol
Pastebin
Esta tablilla fue inspirada por una idea de tablilla que una amiga tenía: una imagen como fondo, con título, contenido del post con scroll, y una parte para poner los detalles de con quién se está roleando. ¡Y aquí el resultado que salió! Traté de agregar más detalles en la parte de título (que es la que me pareció que faltaba), y así, con doble título.
¡Entonces! Sobre las variables...
--drkbg: es la imagen de fondo de la tablilla. Debe mantenerse entre "url()"
--drkacc: es el color de acento de la tablilla: el color de los enlaces, del texto del subtítulo, y del slider.
--drkline: es el fondo de la línea de subtítulo, de la información de los rolers, y de la barra de scroll. En el primer ejemplo se está usando una imagen (entre "url()"), y en la segunda se está usando un color. ¡Se pueden usar gradientes también!
--drksubtitle: Aquí es donde se cambia el subtítulo que está de color. Debe estar entre comillas simples '', y si se quiere eliminar por completo (como en el 2do ejemplo), se debe mantener el campo pero se debe eliminar el contenido incluidas las comillas simples, de esta forma: --drksubtitle:;
Para el título, lo máximo que alcanza sin dañar la integridad del code son tres líneas de título. Además, las imágenes que tengan la clase drc-full y estén dentro del contenido de la tablilla se mostrarán un poco fuera de los márgenes (a menos que haya algún estilo que lo sobreescriba)!
Disclaimers y demás:
* Se permite el uso del siguiente código en cualquier lugar del Internet, ya sea en su forma íntegra como con todas las modificaciones que el usuario realice sobre él. PERO Queda prohibida su distribución en sitios de resources de códigos y gráficos suplantando mi identidad como autor. (no sé por qué alguien haría algo como eso but just in case) * Se recomienda que el usuario use su propio hosting de imágenes y/o fuentes para los recursos usados, ya que los usados aquí pueden desaparecer sin previo aviso. * Se aprecia enormemente los reblogs si les gustó el code o si llegan a usarlo ♥ * Se agradece el no retirar los créditos.
20 notes · View notes
cherryflancodes · 26 days ago
Text
Tumblr media
Arte por James Turner@twitter
Hola hola a todos~ Estuve un poco desaparecida y todavía ando algo así (?) Pero ahora que puedo pasar y dejar unas cositas en el blog, aprovecharé también para anunciar la apertura de esta comunidad para coders para foros rpg!
@@tablillas-foros-rpg @@tablillas-foros-rpg @@tablillas-foros-rpg
Era una idea que tenía hace algún tiempo, y aunque no sé muy bien todavía cómo funciona una comunidad en Tumblr, creo que puede ser un lugar para que coders y no-coders y futuros coders puedan compartir sus recursos, ideas, y trabajos terminados. ¿Qué les parece?
Si son coders o no lo son, pueden rebloguear los codes que gusten en la comunidad para mantener este archivo un poco más cerca para todos, y no sé, quizás se puedan organizar otras cositas a futuro, mucho potencial!
En cuanto a este blog, iré posteando algunas cositas que he logrado hacer, terminar unas cosas que tengo pendientes (eeeyyy pasamos los 100 seguidores, gracias!!), y continuar así!
Nos estamos viendo, entonces!
7 notes · View notes
cherryflancodes · 3 months ago
Text
Cappuccicons Fix
Cappuccicons’ domain was not renewed which broke the link for every theme that uses that script. I’ve waited a few days for an update, so until there is an official fix, I created this stylesheet to fix your broken icons!
How to Use:
replace this:
<script src="//pull.cappuccicons.com/cpf.js"></script>    
with this:
<link rel="stylesheet" href="https://static.tumblr.com/svdghan/wUSr83npl/tempcf.css">
You won’t have to do anything else! Your icons should return without further editing.
I was hesitant to post this since suiomi did not want people downloading the icons for free or hosting them elsewhere (the individual files are still available for purchase here), so if there is an official fix later, please use that instead of this out of respect for her terms.
Let me know if you need any help!
142 notes · View notes
cherryflancodes · 8 months ago
Text
Tumblr media
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.
28 notes · View notes
cherryflancodes · 8 months ago
Note
¡Hola cerecita! Vengo aquí con una consulta, y es que he terminado enamorada de la tablilla de a rose by any other name… y me gustaría saber cómo hacer que la tablilla SIN scroll en vez de ser blanca de fondo, cambie a negra ¿es posible?
¡Hola anon!
Ay, me alegro que le guste la tablilla 🙈 ¡Y sí! Es muy posible, ¡e incluso hasta sencillo!
Más o menos al inicio del código hay una parte donde se pueden cambiar los valores de las variables de la tablilla, y en particular para cambiar el fondo (y el color de letra también) son estas que marco aquí:
Tumblr media
--wbgcol es la variable del color de fondo, en valores RGB. --wtxtcol es la variable del color de texto (el título y el contenido), en valores hexadecimales.
Entonces, si reemplazamos el valor de --wbgcol a, por ejemplo, 100,100,100, y si cambiamos el valor de --wtxtcol a #ddd tendríamos el mismo color de fondo y texto que están en la imagen de muestra.
Las otras variables son para los colores de acento y la imagen de fondo, que también las puede cambiar ✨
Espero haberme explicado, ¡pero si tienes otra duda aquí sigo!
0 notes
cherryflancodes · 8 months ago
Text
¡El Codember 2024 se acerca!
Tumblr media
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 en los años pasados, contaremos con una lista de participantes con link directo a su tag de Codember2024. 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 2024, mándanos un ask con el link directo a tu tag de #codember2024 (aunque ahora esté vacío). La lista de prompts se publicará en una semana. ¡Nos vemos pronto!
18 notes · View notes
cherryflancodes · 9 months ago
Text
Up como recordatorio! Quedan menos de una semanita para que dejen sus ideas y plasmarlas en una tablilla 🎶
¡Llegamos a los 50 seguidores!
Tumblr media
Arte por James Turner@twitter
Pueees como dice el título, ¡este blog llegó a los 50 seguidores! Que puede sonar como poco para algunos, pero para haber vuelto a empezar hace un par de semanas creo que no está nada mal! Muchas gracias a todos quienes han seguido este blog y le han dado like a los pobres codecitos que he hecho ;v; De aquí, ¡más y mejor!
Ahora, como en hitos como estos hay que celebrarlo de forma especial… ¿qué tal una dinámica? Esta forma de dinámica la he visto más de artistas en twitter, en donde dan una lista de características (raza, género, color de cabello, color de ojos, etc) para crear un personaje, y estas características eran dadas una a una en comentarios al tweet. Como ejemplo, podríamos decir que la primera respuesta fue que el personaje sea de raza tiefling, la siguiente que sea género masculino, después otra respuesta que diga que el cabello sea de tonalidades azuladas, otra sobre los ojos que sean de un completo dorado, y así.
¡Algo parecido haremos con una tablilla! Daré cinco características, y por orden de respuesta (a este mismo post) iré tomando sus peticiones, para eventualmente armar una tablilla y compartirla con todos. ¿Qué les parece? Aquí las características que necesitaremos completar:
Tipo de tablilla: expediente, búsqueda, post de rol, cronología, firma, otros
Tamaño: también si es fijo/con scroll, o adaptable/sin scroll
Basado en: puede ser una temática, una serie/videojuego, un personaje, un género artístico, una palabra clave, y demás
Colores: puede ser un solo color, o una paleta de colores (por ejemplo de Color Palettes)
Fuente: serif, sans-serif, alguna otra fuente específica
Y algunas aclaraciones, porque siempre son útiles:
* Para el tipo de tablilla y otros puntos en general, no aceptaré peticiones muy complejas o muy grandes. Cosas como tablones de anuncios, sección de estadísticas, perfil de usuario, o skins completas(!) no están disponibles para esta actividad. * Suelo trabajar más con temáticas anime, así que si se trata de una serie de personas reales/músicos/actores, puede que no cumpla a cabalidad con aquella característica porque no conozco del tema. ¡Me disculpo con antelación! * Trataré de acoplar los elementos lo más que pueda, pero en el caso de colores y fuentes, puede que termine usando otros colores/fuentes complementarios. * Si no se llegan a llenar todos los puntos en 10 días, tomaré los que estén y continuaré con el código a mi discreción. * Como hago códigos en mis momentos libres, no hay una fecha fija para cuando tendré listo el resultado, ¡pero estará! Quién sabe, puede que sus ideas lleguen a inspirarme y lo termine pronto hehehe.
¡Y eso! Una vez más, muchas gracias por su apoyo a mis trabajitos. Espero ir mejorando en mis diseños y codes, y eventualmente hacer cosas más grandes como skins y demás! ¡A por el siguiente hito!
9 notes · View notes
cherryflancodes · 9 months ago
Note
¡Bueeeeno! Me atrevo a enviar este ask para el reto. Como tipo de tablilla, podría ser una de registro, como grupo o avatar, quizás.
Hola! Gracias por el ask ♥
pensaba en que las peticiones del reto fuesen como respuesta al post, pero también sirven los asks!
entonces eso, anoto tu petición! la siguiente sería el tamaño de la tablilla, para quien esté por comentar o enviar un ask!
0 notes
cherryflancodes · 9 months ago
Text
¡Llegamos a los 50 seguidores!
Tumblr media
Arte por James Turner@twitter
Pueees como dice el título, ¡este blog llegó a los 50 seguidores! Que puede sonar como poco para algunos, pero para haber vuelto a empezar hace un par de semanas creo que no está nada mal! Muchas gracias a todos quienes han seguido este blog y le han dado like a los pobres codecitos que he hecho ;v; De aquí, ¡más y mejor!
Ahora, como en hitos como estos hay que celebrarlo de forma especial… ¿qué tal una dinámica? Esta forma de dinámica la he visto más de artistas en twitter, en donde dan una lista de características (raza, género, color de cabello, color de ojos, etc) para crear un personaje, y estas características eran dadas una a una en comentarios al tweet. Como ejemplo, podríamos decir que la primera respuesta fue que el personaje sea de raza tiefling, la siguiente que sea género masculino, después otra respuesta que diga que el cabello sea de tonalidades azuladas, otra sobre los ojos que sean de un completo dorado, y así.
¡Algo parecido haremos con una tablilla! Daré cinco características, y por orden de respuesta (a este mismo post) iré tomando sus peticiones, para eventualmente armar una tablilla y compartirla con todos. ¿Qué les parece? Aquí las características que necesitaremos completar:
Tipo de tablilla: expediente, búsqueda, post de rol, cronología, firma, otros
Tamaño: también si es fijo/con scroll, o adaptable/sin scroll
Basado en: puede ser una temática, una serie/videojuego, un personaje, un género artístico, una palabra clave, y demás
Colores: puede ser un solo color, o una paleta de colores (por ejemplo de Color Palettes)
Fuente: serif, sans-serif, alguna otra fuente específica
Y algunas aclaraciones, porque siempre son útiles:
* Para el tipo de tablilla y otros puntos en general, no aceptaré peticiones muy complejas o muy grandes. Cosas como tablones de anuncios, sección de estadísticas, perfil de usuario, o skins completas(!) no están disponibles para esta actividad. * Suelo trabajar más con temáticas anime, así que si se trata de una serie de personas reales/músicos/actores, puede que no cumpla a cabalidad con aquella característica porque no conozco del tema. ¡Me disculpo con antelación! * Trataré de acoplar los elementos lo más que pueda, pero en el caso de colores y fuentes, puede que termine usando otros colores/fuentes complementarios. * Si no se llegan a llenar todos los puntos en 10 días, tomaré los que estén y continuaré con el código a mi discreción. * Como hago códigos en mis momentos libres, no hay una fecha fija para cuando tendré listo el resultado, ¡pero estará! Quién sabe, puede que sus ideas lleguen a inspirarme y lo termine pronto hehehe.
¡Y eso! Una vez más, muchas gracias por su apoyo a mis trabajitos. Espero ir mejorando en mis diseños y codes, y eventualmente hacer cosas más grandes como skins y demás! ¡A por el siguiente hito!
9 notes · View notes
cherryflancodes · 9 months ago
Text
Tumblr media Tumblr media
three hopes — búsqueda / tracker
Pastebin
Originalmente había hecho esta tablilla de búsqueda para otro reto de códigos en @dixinmortal, en concreto para el reto de los colores primarios. Es que con mis lords bonitos del FE3H cómo no inspirarse uvu
Y pues bien! En el ejemplo tengo tres cajitas de personajes, pero se le puede aumentar/disminuir las que uno necesite, repitiendo la caja con clase pj-contain, así:
Tumblr media
Las cajas tienen imágenes de fondo de 450*150. Yo recomiendo que tengan algo de color llano en el fondo, para que se pueda usar el mismo color para el resto de contenido de la cajita. Que, para eso, yo por defecto hice clases para los tres colores, pero ustedes pueden editar esas clases y/o los colores, o crear nuevas clases de necesitarlo. Aquí las que usé yo, pero lo importante es que usen la variable correspondiente:
.w3h-blue{--w3hacc:#5757d3;} .w3h-red{--w3hacc:#d35757;} .w3h-yel{--w3hacc:#d2b356;}
Ahora, para la caja inicial, uso una imagen de fondo de 250*215, y recomiendo que la mayor parte del contenido esté en la parte superior, porque será tapado el resto por los botones. Aquí también hay un par de variables que corresponden a los colores normal (--w3hm1) y hover (--w3hm2) de los botones.
Para los iconos, usé los Material Icons de Google.
Como último punto, existe una clase found que se le puede agregar junto a la clase pj-contain, que pondrá un overlay que indicará que dicho personaje ha sido Encontrado. En el código hay un ejemplo de cómo se usa también.
Disclaimers y demás:
* Se permite el uso del siguiente código en cualquier lugar del Internet, ya sea en su forma íntegra como con todas las modificaciones que el usuario realice sobre él. PERO Queda prohibida su distribución en sitios de resources de códigos y gráficos suplantando mi identidad como autor. (no sé por qué alguien haría algo como eso but just in case) * Se recomienda que el usuario use su propio hosting de imágenes y/o fuentes para los recursos usados, ya que los usados aquí pueden desaparecer sin previo aviso. * Se aprecia enormemente los reblogs si les gustó el code o si llegan a usarlo ♥ * Se agradece el no retirar los créditos.
20 notes · View notes
cherryflancodes · 9 months ago
Text
Tumblr media
the real me — firma
Esta fue otra firma inspirada en el prompt de "Fama" del reto de Codember 2023 de @elalmacen-rp. Leí el prompt y a mi mente llegó "ah, la protagonista de Perfect Blue?" (que no he visto la película, pero algo sé de la premisa). Quería darle un efecto de personalidad dividida/espejo roto, y creo que algo se pudo.
No quedó exactamente como quería, y realmente no está muy ¿elaborada? que digamos, como para compartir el código, peeero si hay suficiente gente interesada podría limpiar el código y compartirlo.
29 notes · View notes
cherryflancodes · 9 months ago
Text
Liens utiles / Textures sur Deviantart
Rassemblement de liens vers des galeries DA qui comportent des packs de textures.
Galerie de RavenOrlov
Galerie d'Absolute-A
Galerie d'ErenaeErae
Galerie de cataclysmicly
Galerie de LilithDemoness
Galerie de Carllton
Galerie de Nameless-Arts
Galerie de cypher-s
Galerie de Sophia9McC9Bek
Galerie de seunghor
Galerie de RTRad
Galerie de jakepatt
Galerie de JJ-247
Galerie de sunkilioria
Galerie de SugarRush19
Galerie de Zyleigh
Galerie de northerndawn
Galerie d'Evey-V
Galerie de SpringSabila
N'hésitez pas à rebloguer en ajoutant vos trouvailles ♡
123 notes · View notes
cherryflancodes · 9 months ago
Text
Tumblr media
cassiopeia — firma
Pastebin
Esta es una firma que había empezado para el reto de Codember 2023 de @elalmacen-rp, que al final no pude entregar a tiempo u.u pero me pareció muy bonito el código como para dejarlo olvidado por ahí.
Como el nombre lo indica, se dibuja la constelación de Casiopea con elementos enlaces. Imagino que se podrían hacer variantes similares para otras constelaciones, aunque esta me pareció conveniente por lo sencilla y pequeña que era. Hacer de todo para que quepa bien en el espacio de firma de foroactivo es una labor en sí misma.
También tiene una ligera animación de brillo en las estrellitas uvu
El texto bajo la imagen recomiendo que no sean más de 4 palabras, y la imagen debería ser de tamaño cuadrado. Aquí también las variables que pueden cambiar en la firma; no están todas en el código para mantenerlo al mínimo y esté bajo los mil caracteres.
--casacc1: El color dorado principal
--casacc2: El color de acento en el texto
--casava: La URL de la imagen avatar. Deberá ser cuadrada. Debe estar entre "url()"
Y aquí están los estilos extras que se pueden cambiar. ¡No es necesario usarlos! Pero eso, para que exista la posibilidad de variación~:
--casg1: Primer color del gradiente, en este caso el azul más oscuro
--casg2: Color final del gradiente, en este caso un azul más claro
--casstars: La URL de la textura de estrellas de fondo. Recomiendo una imagen transparente. Debe estar entre "url()"
--casimgw: Color blanco usado en el cuadro de la imagen, para textos y sombras. En RGB para usarlo con opacidad.
--casstarlw: Color blanco usado en las estrellas (texto, líneas, brillo). En RGB para usarlo con opacidad.
Disclaimers y demás:
* Se permite el uso del siguiente código en cualquier lugar del Internet, ya sea en su forma íntegra como con todas las modificaciones que el usuario realice sobre él. PERO Queda prohibida su distribución en sitios de resources de códigos y gráficos suplantando mi identidad como autor. (no sé por qué alguien haría algo como eso but just in case) * Se recomienda que el usuario use su propio hosting de imágenes y/o fuentes para los recursos usados, ya que los usados aquí pueden desaparecer sin previo aviso. * Se aprecia enormemente los reblogs si les gustó el code o si llegan a usarlo ♥ * Se agradece el no retirar los créditos.
35 notes · View notes
cherryflancodes · 9 months ago
Text
Tumblr media Tumblr media Tumblr media
a rose by any other name... — tablilla de rol
Con Scroll: Pastebin Sin Scroll: Pastebin
¡El primer código nuevo en este blog! Este código nació en un code challenge en @dixinmortal, el cual daba una base clara u oscura, y uno tenía que decorarla a su gusto. Y terminé ganando el pequeño challenge :3 Eventualmente lo ajusté un poco a una versión que no esté tan contenida en un espacio reducido, por lo que hay dos versiones! Una versión con scroll e imagen más pequeña, y la otra con alto que se ajusta al contenido e imagen más alta. El nombre de la tablilla es similar a la de un tema de rol donde usé esta tablilla, hehe.
Ahora, algunas indicaciones. Ambas versiones usan las mismas variables CSS para los colores e imagen. Aquí, qué significa cada uno:
--wbgcol: Es el color del fondo en valores RGB, para poder usarse con transparencias (para el efecto degradado)
--wacccol: El color principal de acento, el de la letra inicial y desplazador
--wacccol2: El segundo color de acento, para la línea de fondo del desplazador
--wbgimg: La URL de la imagen de fondo. Debe ir entre url(). Para la versión scroll el tamaño de la imagen es 450x150 pixels. Para la versión sin scroll el tamaño es 500x350 pixels.
--wtxtcol: El color del texto (título y contenido)
Además de esto, la tablilla tiene un par de clases para colocar imágenes flotantes a la izquierda o derecha. Las clases son whiteimg-left y whiteimg-right. En el código se tiene un ejemplo de las imágenes.
Disclaimers y demás:
* Se permite el uso del siguiente código en cualquier lugar del Internet, ya sea en su forma íntegra como con todas las modificaciones que el usuario realice sobre él. PERO Queda prohibida su distribución en sitios de resources de códigos y gráficos suplantando mi identidad como autor. (no sé por qué alguien haría algo como eso but just in case) * Se recomienda que el usuario use su propio hosting de imágenes y/o fuentes para los recursos usados, ya que los usados aquí pueden desaparecer sin previo aviso. * Se agradece el no retirar los créditos.
92 notes · View notes
cherryflancodes · 9 months ago
Photo
Tumblr media
Foros Inolvidables: Mariollette Empire
Ah… siempre al rememorar viejos y buenos foros, siempre viene a mi mente Mariollette. La idea original nació por allá en el 2008 (!!!) en los difuntos MSN Groups, e incluso con el eminente final de la plataforma, fue allí donde empecé a elevar verdaderamente mi nivel de rol más allá de respuestas de una línea con emojis en medio. Fue tal mi júbilo cuando recibí la noticia de que Mariollette reviviría en la plataforma de Gabito Grupos en 2011 que, hehe, tiré por la borda una(s) materia(s) en la uni, hehe… (no intenten esto en casa, stay in school, kids(??))
¡¡Pero cómo no dejar todo atrás, con lo excelente que era Mariollette!! Le habíamos denominado a la temática como “Fantasía Épica”, y no creo que era para menos: el mito de la creación de la “raza” dominante palpable como todo lo demás; los personajes éramos marionetas que nos movíamos a nuestro ritmo y al que dictaban los hilos que el destino movía; las tramas de realeza y traición, de secretos y liberación; las razas y oficios, que quizás no eran particularmente variadas como actualmente se suele ver en foros de temática fantasiosa, pero que cada uno tenía su particularidad y su razón de ser en este mundo intrincado.
Las marionetas, que nacían de barro, con hilos invisibles, y que su alma era canción.
¿Qué más especial que esto? Pues los rolers con los que compartí ese tiempo eran, indiscutiblemente, los mejores, y siento que fue un verdadero privilegio evolucionar mi forma de escribir junto a estas maravillosas personas. Además de esto, los gráficos siempre estaban on point, realmente se sentía la cátedra de estilo con cada actualización. Luego, las tramas que se armaban, exquisitas: las pugnas por poder, las traiciones, las relaciones que nacían en los momentos más difíciles…
Los personajes con mayor desarrollo los tuve allí, una de las ships más memorables que he tenido nació allí, y fue un honor haber formado parte de la administración, incluso si solo me encargaba de cosas más técnicas. Pero eventualmente la mayoría crecimos y la vida se nos volvió ocupada. Tratamos de mudar el foro a Jcink, pero quizás fuimos muy ambiciosos con algunos cambios en el sistema, así que ahí nos quedamos, como un bello recuerdo. No creo que esté en mi el traerlo de vuelta incluso si lo quiero, pero me gusta aludir a él, a su ambientación, a sus personajes, cada que pueda, porque los quiero mucho y están en la mejor parte de mi corazoncito.
¡Hola, @cherryflancodes ! 💛
¡Ay, Dios mío! Te fuiste al cajón de los recuerdos con lo de MSN Groups. No me enteré de la existencia de este foro en ninguna de sus versiones, pero así como lo cuentas, de haberme enterado te acompañaba en eso de tirar unas cuantas materias por la borda. 🤭😅
Qué hermoso todo lo que compartes, se nota que fue un lugar que te brindó experiencias hermosas, y me conmueve mucho que después de tanto tiempo, aún lo tengas tan presente. Gracias por compartir. ¿Alguien más estuvo en Mariollette Empire? ¿Alguien estuvo desde que era parte de MSN Groups? ¿Alguien más se sintió ancianito con lo de MSN Groups? Eran geniales😆
7 notes · View notes