#codigo tablilla

[maywemeetotherrph]

Code 02. Lavender haze Baúl (Pack)

Ya os enseñé algunas capturas de que estaba haciendo un paquete que no sabía si iba a llegar a subir, pero al final me he animado a subirlo, yay! Este paquete contiene el índice, cronología, relaciones y dos formatos de moodboard, siendo uno más completo y uno más sencillito para poder utilizarlo como más se quiera.

Características:

El fondo dependerá del propio foro, por lo que tanto el color de acento como el color de texto se pueden cambiar, también el de la sombra de los títulos y el que es semitransparente (necesario para los temas oscuros).

Las variables a cambiar son: --colorlav, --translav, shadowlav y --colortxt.

El tamaño de las imágenes viene indicado dentro del propio código, aunque se ajustan en tamaño.

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.

Códigos:

Index

Cronología

Relaciones

Moodboard

Moodboard 2.0

Créditos: Iconos by capuccicons

[luxury-poison]

La amo es tan bonita!

✦ Uso libre, no retirar créditos. ✦ Instagram. ✦ Iconos de Fontawesome, editables si lo desean solo los de la parte superior. ✦ Todas las imágenes se acomodan, ideal colocar de 5 en 5, las imágenes 1 y la 10 siempre se verán más largas. ✦ Para modificar el icono superior de la derecha de las fotos debe verse así:

Imagen normal:

Imagen con el icono:

* Adicionar el span y remplazar el valor video por foto, y el name para colocarle un titulo bonito, no tan largo.

✦ Colores solo el del borde de las historias modificable, llamado --col-prin. ✦ En la parte de las historias ideal no colocar tantas. ✦ El texto tan extenso como se quiera se acomodará. ✦ Cualquier duda, pregunta, sugerencia estoy a un ask de distancia. ✦ Disponible para crear todas sus ideas y volverás realidad.

[Code]

@elalmacen-rp

XOX Luxury Poison

[ciaransoul]

— ʚїɞ — 

 MOONTIME - 3USD+

[entourage-themes]

¡Muchas gracias de nuevo, Ro, por la comisión! ♥♥ Me encanta la vibra aesthetic de la saga de Percy Jackson ¡Disfrútala mucho! — 𝓡𝓸𝓼𝓼

[thewitchlies]

¡Regresando y actualizando!

¡Hola a todos de nuevo, he regresado!

Actualmente estoy actualizando tanto el tumblr, como códigos y otros menesteres; después de un largo tiempo con proyectos personales, la universidad y cosas desagradables de la vida, decidí que no dejaré de traerles tablillas para que usen en sus preciosos roles y skins para sus foros. Porque este es mi mundo y lo amo.

Pronto subiré algunas cosillas y actualizaré todo lo que ya había, no se asombren si también cambio de nombre haha, estos días me siento con mucha inspiración así que, podría hacer cualquier locura(?)

Espero que estén muy bien. Nos vemos pronto ~

[winterskadicodes]

07. Steam VI — Cronología

Código: Pastebin

Información sobre la tablilla: Se puede modificar tanto los colores como las tipografías. También se pueden añadir todos los apartados que se deseen y ajustar la información como mejor se acomode al usuario.

➞ Tipografías: Montserrat Alternates y Fjalla One (ambas de Google Fonts).

➞ Colores del degradado: --co1: #6F3220; --co2: #2F9E93;  --co3: #B3601C;

➞ Iconos: fontawesome (el enlace de referencia viene al final del código).

► Por favor, no quites los créditos ni la uses de base </3

► Se agradece todo like y reblog si te gusta o la usas  ♡

► Si hay algún problema con el código o necesitas ayuda, mándame un ask y responderé lo más rápido que me sea posible.

♡    ♡    ♡

[necromancercoding]

Necro, sabes como se puede agregar más codigo css al CSS Stylesheet, porque me he pasado de lineas y ahora me dice que muy extenso.

¡Hola anon! Tienes la opción de usar CSS externo (FAQ -> Busca "dropbox" sin las comillas), o usar los templates. Personalmente uso los templates siempre que puedo para tener todo en la propia plataforma. Ciertas cosas no necesitas tenerlas en el CSS principal ocupando espacio:

Lista de miembros -> memberlist_body.

Grupos -> groupcp_info_body y groupcp_user_body.

Subforos -> index_box.

Estadísticas -> index_body.

Perfiles sencillos -> profile_view_body.

Apariencias aisladas del interior de los temas (hovers en avatares, footers, campos de perfil...) -> viewtopic_body.

Registro (pantalla de aceptación de términos) -> agreement.

FAQ -> faq_dhtml.

Edición del sceditor, clases generales (.panel, h1.page-title, etc), formularios, formateo del cuerpo del post -> overall_footer_end.

Con todo eso te ahorrarás una barbaridad de espacio. Otras cosas que pongo en templates dependiendo del peso del skin:

Elementos concretos de navegación, como el switcheroo de Monomer o el código multicuentas de Adven -> overall_footer_end.

Tablillas -> normalmente en el overall_footer_begin, alrededor de la localización de {FOOTER_WIDGETS} (después del primer cierre del bloque html_validation), pero también puede ir en overall_footer_end.

Realmente, las únicas zonas que puedo decir que siempre pongo en el CSS son el header, navegación, tablón, listado de temas, interior de temas (a excepción de lo mencionado arriba) y footer. Son las zonas más repetidas en diferentes templates; y aún así, header+navegación+tablón podrían ir perfectamente en overall_header y el footer en overall_footer_begin/end. Los listados de temas y los posts son las zonas más repetidas entre templates (3 templates los listados de tema: viewforum_body, search_results_topics y privmsgs_body / 7 los posts: viewtopic_body, search_results_posts, posting_preview, posting_topic_review, privmsg_topic_review, privmsgs_preview, privmsgs_read_body) así que cien por cien recomiendo que estén en el CSS.

Lo bueno de tener los CSS por separado es que cuando falle algo sabes donde editar, y además a la hora de armar el skin tienes espacio en el CSS para editar ahí la nueva página y una vez terminada, la mueves al template y dejas de nuevo limpio el CSS.

¡Saludos!

[madeinsevilla93]

Quería agradecerte el que nos hayas proporcionado el skin de long long time.

Ahora, tengo una pregunta. A la hora de utilizar las tablillas (tengo todo el css dentro del widget), tengo que utilizar < p > o < br > para que los saltos de línea sean leídos, pues dando sólo al enter no los leer.

He probado con un bloque de texto sólo, sin tablilla, a ver si pasaba y... no, ahí sí me leen bien los saltos de línea.

¿A qué crees que se debe eso? ¿Sabes cómo lo podría solucionar? ¡Muchas gracias por adelantado!

Hola, anon! A ver, eso en parte es normal y en parte no lo es. Me explico:

Foroactivo es muy shitty en el tema de poner tablillas, ya que al reconocer siempre los saltos de línea, cuando se pone un código cualquier salto de línea donde no es te puede joder el diseño. Y por ello siempre queda la estructura en un bloque súper apelotonado e ilegible.

La solución que yo y muchos usamos es:

.tablilla br {display:none}

.tablilla .zonadetexto br {display block}

Eso se traduce en: dentro de .tablilla, vas a tener en cuenta los saltos de línea unicamente en .zonadetexto

Hacerlo así permite un diseño más solido y una estructura más oxigenada, fácil de leer e interpretar y que no te genera un ictus de solo ver el pelotón de balizas.

Explicado eso, te puedo decir que es normal que no te reconozca un salto de línea si con él estás intentando generar más margen entre elementos, o en zonas así pequeñitas como los datos de la ficha. Si no te reconoce los saltos de línea en partes de redactar (como apartado de historia en la ficha, normas en los registros, etcétera) pues es muy raro. Si es este el caso, por casualidad usas Firefox? Porque es el único navegador que conozco que a veces da problemas para reconocer una orden tan simple. En cuyo caso te diría que qué haces con tu vida para seguir usando Firefox xdddd

Nah, es broma (no es broma) si fuese el caso mi recomendación es que busques en el CSS lo de los BR y lo borres. Y en el HTML del codigo deberás borrar tambien todo los espacios y saltos de línea que trae. Debería funcionar igual.

[missrichardson-rp]

i can show you what you truly fear {Tablilla de rol}

El codigo lo encuentras aquí

[mikicodes]

He compartido 20 publicaciones este 2022

¡Es 1 más que en 2021!

3 publicaciones originales (15 %)

17 reblogueos (85 %)

Estos son los blogs que más he reblogueado:

@carnival-roleplay

@memerolero

@calicodes

@xflordelotorpg

@shahednasser

He etiquetado 4 publicaciones en 2022

#rol por foro: 3 publicaciones

#foroactivo: 3 publicaciones

#respuestas: 3 publicaciones

#post de rol: 3 publicaciones

#tablillas: 2 publicaciones

#tablilla: 2 publicaciones

#multiproposito: 1 publicación

#css tricks: 1 publicación

#coding: 1 publicación

La etiqueta más larga tiene 14 caracteres

#multiproposito

Mis publicaciones más populares este 2022:

3

#17 It's Art Time

Hice este diseño pensando en lo colorido que es el mundo para mi personaje Deepcolor, así que esta es una tablilla de uso personal mío. El arcoiris de fondo está hecho en css, así que me sirvió de practica también.

<!– Favor no usar como base para otra tablilla. – >

3 notas. Fecha de publicación: 19 de mayo de 2022

2

#18 Blue Fire

Tablilla para respuestas de rol optimizada para FA. Creada para mi personaje Sirius, pero la dejo de uso libre.

<!– Favor no quitar los creditos al final del codigo. – >

<!– Favor no usar como base para otra tablilla. – >

<!– Algún problema con la tablilla consultarme via ask. – >

Pastebin

6 notas. Fecha de publicación: 29 de agosto de 2022

Mi publicación más popular de 2022

#16 Pokédex

Originalmente el diseño lo hice para una tarea de programación, pero como me gustó lo transformé en tablilla. Esta tablilla es multiproposito, sirve tanto como para post como para dar informativos u otra cosa. Como siempre está optimizada para FA.

Aún no sé bien que hacer con esta tablilla, por lo que si alguien le gustaría usarla (ojalá un foro de pokémon XD) contactese conmigo.

<!– Favor no usar como base para otra tablilla. – >

14 notas. Fecha de publicación: 2 de marzo de 2022

Descubre tu resumen del 2022 en Tumblr →

[guardianasdelrpg]

qué onda la gente que pretende que uno le haga codigos/tablillas/gráficos gratis o a menos de 3$? :ss Todo bien en casa? La ilusión del rol se quedó grabada en la cabecita y cuesta ver el mundo real?

xDD

✶✯╰☆╮ ︻╦̵̵͇̿̿̿̿╤── �� ~ JINX ~ ☠

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

[luxury-poison]

✦ Uso libre. ✦ No retirar créditos, ni usar como base. ✦ Código tipo hoja rasgada. ✦ Iconos de fondo de Fontawesome editables (Si necesitan ayuda con iconos/colores pregunten con confianza) ✦ El código tiene un scroll automatico. ✦ Tiene cinco variables:

–letra: color de la letra.

–fondo: color del fondo de la hoja.

--fondo2: color del fondo que tenga el foro en los post.

–colorb: color principal (título, scroll y el cuadro inferior).

–ico: icono en el fondo.

✦ Cualquier duda, pregunta, sugerencia estoy a un ask de distancia. ✦ Disponible para crear todas sus ideas y volverás realidad.

[Code] @elalmacen-rp

XOX Luxury Poison

[ciaransoul]

40 — Memories of Mother

Preview & Download

---

ES:

No quitar los créditos.

Para el segundo participante, en el html deben cambiar el nombre del primer div, así: <div id="Rmbg_bg2">. Y no olviden borrar los colores del otro.

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

Like y reblog si llegan a usarlo ♥

EN:

Don´t remove the credits.

For the second player, in the html you must change the name of the first div, like this: <div id="Rmbg_bg2">. And don't forget to erase each other's colors.

If you need support for any basic changes, contact me.

Like or reblog if using ♥

A coffe?

[entourage-themes]

¡Muchas gracias Ro por comisionarme esta tablillina! (˶ᵔ ᵕ ᵔ˶) Me encanta Harry Potter como no tienes idea, y me encanto poder trabajar este expediente para ti ♥ ¡disfrutalo muchísimo nena! — 𝓡𝓸𝓼𝓼

[bettyleg]

hola betty, no podrias hacer un codigo como de celular pero que sea el lockscreen pero con espacio para poner informacion del personaje como su nombre o un codigo como de celular pero donde se pueda poner contactos? gracias¡

Uy, suena súper interesante! Me gusta. Quería volver a tomar el ruedo con algunas tablillas de redes sociales o teléfono porque me generan mucha curiosidad, así que lo voy a intentar ¡Saludos!