#post de rol

[cherryflancodes]

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.

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

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

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

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

[michicodes]

II. Lantern

Tipo: Post de rol

Uso: Libre

Más tablillas con inspiración en una ship, esta es bastante especial.

Puede ser utilizada para búsquedas o similares, multiusos si así se desea.

Los colores pueden modificarse sin problema.

No utilizar como base para otras tablillas.

No retirar créditos.

Cualquier duda puedes contactarme vía Discord o enviando un ask a mi tumblr.

Código: Pastebin

@elalmacen-rp

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

[alittlekiwito]

43 ✿ { N E V E R L E T G O - post de rol }

Link

Se agradece corazoncito y reblog si lo vas a usar.

No quitar los créditos ni usar como base.

Colores usado: #ba3977 y #f9a6d7

Cualquier error házmelo saber.

[mikicodes]

#22 Black Colors

Antes de que de nuevo olvide postear esta tablilla que hice para mi personaje Khanum, que va a juego con su avatar (Link aqui). Por ello este tampoco queda de libre uso por ahora.

[gwen-codes]

#1 ✞ Witches Night . Post de rol . ✞

¡Holis a todos! Comparto este primer code para inaugurar el tumblr. Nada muy sofisticado, y me adelanto un poco a las fechas, pero podría ser Halloween siempre. (?)

En el código podrán adaptar el ancho si es que les queda raro en su foro, así como colores, íconos e imagen. Originalmente era un código sin imagen porque hay veces en que necesito uno de esos bien sencillo y no encuentro. Al final, añadí una versión con imagen también. El mal triunfa.

Cualquier problema que surja me avisan para corregirlo, es mi primera vez haciendo y compartiendo.

La tablilla:

✞ Brishitos y efectos simples. ✞ Scroll. ✞ Ajuste de anchura. ✞ La imagen se adaptará sola. ✞ Pueden hacer lo que quieran con la tablilla, por favor, ¡sólo no remuevan el crédito!

Créditos:

✞ Los icons son de Capuccicons. ✞ La imagen utilizada en el segundo display es autoría de Riot Games.

Código:

Sin imagen ✞ Con imagen

[thecodecoven]

#5. Wheelbarrow | Multiusos

Nos faltaron algunos prompts (que trataremos de cumplir, a como dé lugar), pero acá el noveno código para el codember2023 de @elalmacen-rp. Esta vez la inspiración surgió de la página Poetry Foundation, una de las favoritas de esta coder 💖

Hay dos versiones, clara y oscura.

Se puede usar para agregar poemas a un baúl o como post de rol. Puedes modificarla a tu gusto, manteniendo el crédito, por supuesto. Si gustas que agreguemos algún detalle, háznoslo saber por ask.

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! (ﾉ◕��◕)ﾉ～:･ﾟ✧:･ﾟ✧

Puedes encontrar el código en pastebin, sólo da click en el enlace. ✨

[cherryflavouredcodes]

from dusk to dawn — tablilla de rol

Light mode: Pastebin Dark mode: Pastebin

Después de algún tiempo, un par de tablillas nuevas. Hechas en un rato de ocio en stream con amigos, estas tablillas simples puede que sean versátiles. Subí ambos modos claro y oscuro, pero al final depende de cada uno los colores e imágenes que quieran usar.

¡El título no tiene que ser muy largo! Pero si quieren pueden reducirle el tamaño a este para que quepa.

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.

[rossresources]

pretty soldiers. 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 ]

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

[maywemeetotherrph]

𝒞𝑜𝒹𝑒 𝟶𝟹. 𝒢𝑒𝓃𝓉𝓁𝑒 𝓇𝑒𝒶𝒹𝑒𝓇 - 𝒫𝑜𝓈𝓉 𝒹𝑒 ℛ𝑜𝓁

No me olvido de mi obsesión con Los Bridgerton, así que no podía dejar pasar la oportunidad y hacer algo inspirado en la serie. Y qué mejor que una tablilla para un post. ¡Espero que os guste! 🩵

Características:

Tanto el color de fondo como el de la letra se ajustarán a los colores del foro.

El color de acento se puede cambiar en la variable --border1.

El color del borde del post se cambia en la variable --bordercolorfil, ajustando los grados según la rueda de color, teniendo en cuenta que el azul está en 0. Por ejemplo, para ponerlo rosa, serían 90deg, para verde serían 180deg, y así con cualquier color de la rueda cromática. Al cambiar este filtro, afectará a toda la tablilla, por lo que para que no cambie el color de la imagen, hay que poner el mismo valor pero en negativo en ".bridgerton img{filter: hue-rotate(-0deg);" y ajustar el color del borde con --border1.

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.

Créditos:

Imagen de borde by yahyary en pngtree.

Iconos de Tabler Icons.

Imagen de icono by @belanor .

[elirosecodes]

44. MUDGE {POST DE ROL}

Pastebin

Me gusta hacer cosas con luces, tal vez haga un baúl también.

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

La imagen se redimensiona solita, pero recomendable 100x100.

Sigo disimulando el hype por la nueva temporada de Dorohedoro.