#tablillas html

[butimabadliar]

(El fondo cuadriculado no es parte de la tablilla, solo la presentación)

Tablilla 30: Believer - Apertura y Post

Descarga: Apertura - Post

Los colores están en el style con variables, ambas tablillas, tanto post como apertura llevan la misma estructura, si se cambia el color de una, se cambia de todas las que lo usen allí mismo. La único forma de que esto no suceda es cambiando la segunda class en esta parte:

<div class="Believer var">

De este modo (pongo la palabra helado como ejemplo, pero ponen la que gustan):

<div class="Believer helado">

Y para que el css nuevo solo afecte a esta agregar o cambiar el css de este modo:

.Believer.helado{--blanco: #fafafa;--negrorgb: 2, 2, 2;--accentoa: #e89e03;--accentob: #dc49d1;--444: #444;--border: 1px solid #dadada;--gradi: var(--accentoa), var(--accentob);--letra: "Montserrat", sans-serif;--letrab: "Roboto", sans-serif;}

[cherryflancodes]

El primero y (quizás) más importante

Hola, hola, gentecita de internet! Creo que la vez anterior no hice una introducción como se debe, así que acá intentémoslo de nuevo.

¡Hola a todos! Soy CherryFlan (Cherry, Flan, Flandre, etc, etc...), y soy un flan (¡de cereza!) que ocasionalmente hace tablillas y códigos para rol.

Anteriormente estuve en @cherryflavouredcodes, pero (vergonzosamente) perdí el acceso a esa cuenta. ¡Pero bueno, que a veces los nuevos comienzos son mejor! Así que eso, iré rebloqueando postitos de allá (que son codiguitos a los que les tengo cariño), e iré eventualmente posteando cositas nuevas por acá también uvu.

Aprovecharé también para dejar un recordatorio general de las reglitas/disclaimers de los códigos (que eventualmente dejaré en el resto de posts, but still), so here it goes!

* Se permite el uso de los códigos de mi autoría 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 si rebloguean los codes si les gustaron o si los llegaron a usar ♥ * De existir, se agradece el no retirar los créditos.

Y eso de momento. Estaré llenando este lugarcito poco a poco. Si tienen sugerencias de codes, o challenges, o si quieren dejarme un cafecito, están los links disponibles. ¡Nos estamos leyendo!

[nyxedbunny]

Notebook — Post de rol

¡Hola! Hoy vengo con un sencillo post de rol estilo ¿invitación quizás? usé varias imágenes para que pareciera una especie de carpeta con una nota.

♥ Pastebin

— Las imágenes no son modificables.

— Los colores: #31302E(Texto) y #3D2F25 (acento). Recomiendo no cambiarlos porque el fondo es una imágen pero es a gusto.

— Fuentes: Playfair Display SC, Raleway y Roboto.

— El icono es de Game Icons.

— La negrita tiene un fondo marrón y el texto en blanco ("And she said:" en la parte del post)

— No retirar los créditos por favor.

— No usar el código cómo base.

— Un reblog sería cómo acariciar un conejito (?)

Espero que os guste ♥

PD: El texto es de una canción de EDEN.

[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.

[cactuscodes]

44. Post // Sea 2024 (Black)

Link a Ko-fi | Click

Normas:

No quites los créditos bajo ningún concepto.

No utilices la tablilla como base para otra.

Puedes cambiar las imágenes, colores y fuentes.

Iconos de: FontAwesome & Cappucicons.

El código de color para cambiar las olas es: #d945b5

Para que no se solape con otras tablas, debes añadir un identificativo diferente a: id="gradient"

Rules:

Don’t remove the credits.

Don’t use it as a base.

You can change the images, colors, fonts, etc.

Icons by: FontAwesome & Cappucicons.

Wave's color is: #d945b5

To no overlap the same code with other tables, you need to add a different identifier to: id="gradient"

[rossresources]

why would you be loved. html/css

posts - thread - post de rol

[PT] Não tire os créditos. Dê like ou reblog se usar ♥

[EN] Don’t remove the credits. Like or reblog if using ♥

[ES] No elimine los créditos. Like o reblog si usa ♥

[ CODE EDITOR | EDITOR DE CODES ]

[ CODE ]

[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

[maywemeetotherrph]

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.

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.

Espero que os guste 💕

[ciaransoul]

47 — BURY THE LIGHT

Preview & Download

~~~ 

ES:

NO quitar los créditos.

IMG: 250x150

Fontawesome

Colores al comienzo de la tablilla (--BtL-bg:#151515;--BtL-C1:mediumblue;--BtL-tx:#b1b1b1;)

Si necesitan soporte para cualquier cambio básico, contáctenme.

Like y reblog si llegan a usarlo  ♥  

EN:  

DON´T remove the credits.

IMG: 250x150

Fontawesome

Color at the beginning of the code (--BtL-bg:#151515;--BtL-C1:mediumblue;--BtL-tx:#b1b1b1;)

If you need support for any basic changes, contact me

Like or reblog if using ♥   

A soul for this hollow?

[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

[nirvanadearum]

[Firma] Hearbeat

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.

La firma es muy cortita y se espera sea simple de usar.

Es solo una imagen que debe ponerse las 2 veces, pero puedes poner 2 sin problema.

Fuentes: Lala & Pixel.

Nombre principal y un pequeño espacio para una frase, además de una parte solo para links.

Los links (máximo 6) tienen un icono de corazón a un costado, si usan links de dentro del foro sugiero que coloquen a partir del "/".

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.

--hrbtx: color general de las letras principales y de los links (aunque los links tienen un poco de brillo). --hrbsh: color del borde de las letras principales y del pequeño texto que puede llevar la firma.

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

Cuarto prompt del CODEMBER 2024. Recientemente he vuelto a Disney en todo su esplendor culpo a uno de mis personajes y uno de los ganadores fue Twisted y con el "Pulso" me acordé de un corazón y ¿Qué mejor que el pequeño del reino de corazones? Pues con un poco de beat yo hice esta firmita.

¡Nos vemos para el siguiente código!

.

@elalmacen-rp

[butimabadliar]

(El fondo cuadriculado no es parte de la tablilla, solo la presentación)

Tablilla 23: Vampiro - Apertura y Post

Descarga: Apertura - Post

Los colores están en el style con variables, ambas tablillas, tanto post como apertura llevan la misma estructura, si se cambia el color de una, se cambia de todas las que lo usen allí mismo. La único forma de que esto no suceda es cambiando la segunda class en esta parte:

<div class="Vampiro var">

De este modo (pongo la palabra helado como ejemplo, pero ponen la que gustan):

<div class="Vampiro helado">

Y para que el css nuevo solo afecte a esta agregar o cambiar el css de este modo:

.Vampiro.helado{--negrorgb: 10, 10, 10;--ddd: #ddd;--accentoa: #7291ae;--accentob: #284f73;--letra: "Alegreya Sans SC", sans-serif;}

[cherryflancodes]

¡Llegamos a los 50 seguidores!

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!

[nyxedbunny]

Pink Lady — Cronología

¡Hola hola! Aquí vengo con otra tablilla, esta vez para una cronología. Estoy pensando en hacer un pack completo de este estilo, decidme si os gustaría que lo hiciera ♥

Podéis encontrarlo Aquí ♥

— La imagen es de 130x250, se redimensiona pero seguramente quede visualmente mal si no está recortada.

— Los colores: Acento: #a66c7b, fondo general #eaeaea, fondo rosado: #ead3d9, fuente: #424141.

— Fuentes: Roboto, Love Light y calibri.

— El texto largo tiene scroll al igual que la zona de la derecha.

— Se pueden modificar los colores y la imagen dentro del marco. El marco y la ornamentación son de la cronología.

— No retirar los créditos por favor.

— No usar el código cómo base.

— Un reblog sería cómo acariciar un conejito (?)

La ornamentación son imágenes así que les preparé ESTE tutorial para que las puedan poner del color que quiera.

Espero que les guste ♥

[thecozycorgi]

Codember2024 - Embers

Buenas a todos, para este challenge del codember2024 organizado por @elalmacen-rp e inspirándome en las ascuas, he creado esta tablilla de rol que permite añadir información sobre el personaje como una imagen, frase y atributos del personaje.

En los códigos podrán encontrar todo el código HTML, así como su CSS incluido y separado dependiendo si quiere ser usado por administradores o usuarios.

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

[cactuscodes]

46. Post // Caramel Macchiato (Black)

Link a Ko-fi | Click

Normas:

No quites los créditos bajo ningún concepto.

No utilices la tablilla como base para otra.

Puedes cambiar las imágenes, colores y fuentes.

Iconos de: FontAwesome & Cappucicons.

Rules:

Don’t remove the credits.

Don’t use it as a base.

You can change the images, colors, fonts, etc.

Icons by: FontAwesome & Cappucicons.