d i x i n m o r t a l

GRÁFICOS + CÓDIGOS + ESCRITURA

Special Signature
(52) El amor esta en el aire - Vesta
ver tema
Code Challenge
(24) Oh Romeo... ━ Puck
ver tema
TUTO + CÓDIGO
[CSS] Pseudoclase :Hasver tema
TUTO + CÓDIGO
Cambiar skin segun grupover tema
TUTO + CÓDIGO
Copiar Todo (Copy All)ver tema
TUTO + CÓDIGO
Contraseña en tablillasver tema
TUTO + CODIGO
Enlazar Tablillas de Afiliaciónver tema
Últimos temas
Un fantasmita ha aparecido...Lun Mar 25, 2024 3:05 amMayhem
#002 Libro de firmasSáb Mar 23, 2024 7:44 pmAntonyan
Pokémon Vjola | Afiliación EliteMar Mar 19, 2024 2:57 amApolo
Designspiration - Afiliación EliteMar Mar 19, 2024 2:56 amApolo
Buenas madrugadas~Lun Mar 04, 2024 12:02 pmYukari
¿Qué estás escuchando?Lun Feb 19, 2024 12:09 pmretrxrbit
Threads of Fate | Confirmación ÉliteMar Dic 26, 2023 4:35 pmApolo
Life Eternal RPG — Afiliación élite Mar Dic 26, 2023 4:34 pmApolo
élites + hermanas
Actualización: 27/09/2023
nuestros ➹ directorios
Agradecimiento especial al artista Faustine Dumontier por la ilustración de fondo que adorna el foro.
Challenge Gráfico

Elementos

Special Signature

Dragon Ball

Pelea Gráfica

Pronto

Challenge Código

Paraíso Personal

Challenge literario

Amor y Amistad


Ver el tema anteriorIr abajoVer el tema siguiente
Amelia Herceg
Amelia Herceg
User Mortal
Lun Abr 02, 2018 12:06 am
campo2 Mensajes :
66


campo3 Blood :
114570


campo4 Frasesita :

We  c a n 't  make
life p i n k again.
~★~

Tablilla se desconfigura en otros foros [Solucionado] NK3hO7c

Realmente siento mucho las molestias, pero es que los problemas me persiguen. Tablilla se desconfigura en otros foros [Solucionado] 2996817631

El más actual tiene que ver con una tablilla de afiliación que hice para mi foro, la cual se desconfigura cuando la paso a otros foros.

Intenté volver a hacerla desde cero en otro foro por si el error (aquí en Dixinmortal) había sido de < div > o algo, pero obtuve el mismo resultado: la tablilla se desconfigura si la llevo a otro foro. Ya no sé qué hacer. Estoy desesperada. Si alguien pudiese ayudarme, se lo agradecería con el alma.  Tablilla se desconfigura en otros foros [Solucionado] 806753

Spoiler:

El código original es este:

Código:
<br><div style="margin: 0 auto; width: 360px; height: 460px; border: 0px solid transparent; padding: 20px; background-image: url(https://i.imgur.com/fyYjq5x.jpg);"><div style="position: relative; font-family: Fjalla One; font-size: 24px; color: #FFF; text-transform: uppercase; background-color: #000; padding-top: 30px; padding-bottom: 20px; padding-left: 15px;">The Curse of Vlahia<div style="font-family: Roboto Condensed; font-size: 8px; color: #FFF; text-transform: uppercase; background-color: #000; padding-top: 6px; letter-spacing: 3px; padding-left: 2px;">Nadie retornará al polvo</div></div><div style="overflow: auto; margin: 0 auto; width: 340px; height: 356px; padding: 10px; background-color: #eeeeee;"><div style="position: absolute; z-index: 100; width: 118px; height: 120px; background-image: url(https://i.imgur.com/We0xHbL.jpg); border-radius: 50%; margin-left: 204px; border: solid 8px #000; margin-top: -80px;"></div><div style="margin-bottom: 5px;"><table><td><div style="background-color: #FFFFFF; width: 172px; height: 200px; margin-top: 0px; padding: 12px; text-align: justify; font-size: 10.5px; font-family: Roboto Condensed; line-height: 11px; color: #2c2c2c; float: left;">No sé quiénes son. Sus rostros, sus nombres, sus linajes... todo sobre ustedes me es desconocido. Y, sin embargo, aquí están reunidos. Mi pregunta es: ¿por qué? ¿Qué los ha impulsado a abandonar repentinamente sus vidas para llegar a este sitio?

No necesito que me respondan, porque sé que ni ustedes ni yo logramos comprender lo ocurrido. El fenómeno que nos sacó de nuestros hogares; la llamada a la que todos acudimos... La respuesta se encuentra enterrada en algún lugar de Sroria. Así, pues, hemos de descubrirla nosotros mismos.

Hasta entonces, sean bienvenidos.</div></td><td><div style="margin-top: 60px;"><div style="background-color: #610000; width: 134px; height: 14px; padding-top: 6px; padding-bottom: 5px; color: #FFFFFF; font-family: Roboto Condensed; font-size: 9px; text-transform: uppercase; text-align: center; margin-left: 5px; margin-top: 6px; margin-bottom: -4px;"><span style="color: #FFFFF:"><a href="http://the-curse-of-vlahia.foros.bz/">¡Únete al foro!</a></span></div><div style="background-color: #610000; width: 134px; height: 14px; padding-top: 6px; padding-bottom: 5px; color: #FFFFFF; font-family: Roboto Condensed; font-size: 9px; text-transform: uppercase; text-align: center; margin-left: 5px; margin-top: 6px; margin-bottom: -4px;"><span style="color: #FFFFF:"><a href="http://the-curse-of-vlahia.foros.bz/t21-ambientacion#22">Ambientación</a></span></div><div style="background-color: #610000; width: 134px; height: 14px; padding-top: 6px; padding-bottom: 5px; color: #FFFFFF; font-family: Roboto Condensed; font-size: 9px; text-transform: uppercase; text-align: center; margin-left: 5px; margin-top: 6px; margin-bottom: -4px;"><span style="color: #FFFFF:"><a href="http://the-curse-of-vlahia.foros.bz/t19-reglas-generales#20">Reglas Generales</a></span></div><div style="background-color: #610000; width: 134px; height: 14px; padding-top: 6px; padding-bottom: 5px; color: #FFFFFF; font-family: Roboto Condensed; font-size: 9px; text-transform: uppercase; text-align: center; margin-left: 5px; margin-top: 6px; margin-bottom: -4px;"><span style="color: #FFFFF:"><a href="http://the-curse-of-vlahia.foros.bz/f8-busquedas">Búsquedas</a></span></div><div style="background-color: #610000; width: 134px; height: 14px; padding-top: 6px; padding-bottom: 5px; color: #FFFFFF; font-family: Roboto Condensed; font-size: 9px; text-transform: uppercase; text-align: center; margin-left: 5px; margin-top: 6px; margin-bottom: -4px;"><span style="color: #FFFFF:"><a href="http://the-curse-of-vlahia.foros.bz/t40-confirmaciones">Confirmaciones</a></span></div><div style="background-color: #610000; width: 134px; height: 14px; padding-top: 6px; padding-bottom: 5px; color: #FFFFFF; font-family: Roboto Condensed; font-size: 9px; text-transform: uppercase; text-align: center; margin-left: 5px; margin-top: 6px; margin-bottom: -4px;"><span style="color: #FFFFF:"><a href="http://the-curse-of-vlahia.foros.bz/h2-afiliados-normales">Afiliados Normales</a></span></div></div></td></table></div><div style="margin-bottom: 5px;"><table><td><div style="border: solid 5px #000; width: 60px; height: 60px; margin-right: 1px; background-image: url(https://i.imgur.com/ANPkyz8.jpg);"><div class="staff001"><div style="font-family: Raleway; font-size: 10px; color: #cfcfcf; padding-left: 4px; padding-right: 5px; padding-top: 20px; text-transform: uppercase; letter-spacing: 0px; font-weight: 800; text-align: center;">Amelia</div><div style="text-align: center; font-family: Raleway; font-size: 6px; color: #cfcfcf; margin-top: -4px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600;">Webmaster</div></div></div></td><td><div style="border: solid 5px #000; width: 60px; height: 60px; margin-right: 1px; background-image: url(https://i.imgur.com/Vrf2hs1.jpg);"><div class="staff001"><div style="font-family: Raleway; font-size: 10px; color: #cfcfcf; padding-left: 4px; padding-right: 5px; padding-top: 20px; text-transform: uppercase; letter-spacing: 0px; font-weight: 800; text-align: center;">Vlahia</div><div style="text-align: center; font-family: Raleway; font-size: 6px; color: #cfcfcf; margin-top: -4px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600;">Narradora</div></div></div></td><td><div style="border: solid 5px #000; width: 60px; height: 60px; margin-right: 1px; background-image: url(https://i.imgur.com/Tb7GhQT.jpg);"><div class="staff001"><div style="font-family: Raleway; font-size: 10px; color: #cfcfcf; padding-left: 4px; padding-right: 5px; padding-top: 20px; text-transform: uppercase; letter-spacing: 0px; font-weight: 800; text-align: center;">Shkana</div><div style="text-align: center; font-family: Raleway; font-size: 6px; color: #cfcfcf; margin-top: -4px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600;">Admin</div></div></div></td><td><div style="font-family: Fjalla One; font-size: 24px; color: #FFF; text-transform: uppercase; background-color: #000; padding-top: 22px; padding-bottom: 14px; text-align: center; width: 118px;">Staff<div style="font-family: Roboto Condensed; font-size: 8px; color: #FFF; text-transform: uppercase; background-color: #000; padding-top: 6px; letter-spacing: 3px; padding-left: 2px;">Pecadores</div></div></td></table></div><center>[spoiler="Botones"]<center>[img]https://i.imgur.com/3PavliS.jpg[/img]
35x35
[code]<a href="http://the-curse-of-vlahia.foros.bz/"><img src="https://i.imgur.com/3PavliS.jpg" title="The Curse of Vlahia"/></a>[/code]

[img]https://i.imgur.com/6ZjdHL0.jpg[/img]
40x40
[code]<a href="http://the-curse-of-vlahia.foros.bz/"><img src="https://i.imgur.com/6ZjdHL0.jpg" title="The Curse of Vlahia"/></a>[/code]

[img]https://i.imgur.com/RGP26Ke.jpg[/img]
50x50
[code]<a href="http://the-curse-of-vlahia.foros.bz/"><img src="https://i.imgur.com/RGP26Ke.jpg" title="The Curse of Vlahia"/></a>[/code]

[img]https://i.imgur.com/4oMcmk8.jpg[/img]
55x55
[code]<a href="http://the-curse-of-vlahia.foros.bz/"><img src="https://i.imgur.com/4oMcmk8.jpg" title="The Curse of Vlahia"/></a>[/code]

[img]https://i.imgur.com/k84Rdqy.jpg[/img]
88x31
[code]<a href="http://the-curse-of-vlahia.foros.bz/"><img src="https://i.imgur.com/k84Rdqy.jpg" title="The Curse of Vlahia"/></a>[/code]

[img]https://i.imgur.com/G83DyGj.jpg[/img]
100x35
[code]<a href="http://the-curse-of-vlahia.foros.bz/"><img src="https://i.imgur.com/G83DyGj.jpg" title="The Curse of Vlahia"/></a>[/code]


[img]https://i.imgur.com/JVsWNTF.jpg[/img]
100x50
[code]<a href="http://the-curse-of-vlahia.foros.bz/"><img src="https://i.imgur.com/JVsWNTF.jpg" title="The Curse of Vlahia"/></a>[/code]

[img]https://i.imgur.com/mLmhG05.jpg[/img]
120x50
[code]<a href="http://the-curse-of-vlahia.foros.bz/"><img src="https://i.imgur.com/mLmhG05.jpg" title="The Curse of Vlahia"/></a>[/code]

[img]https://i.imgur.com/d7vM8er.jpg[/img]
150x75
[code]<a href="http://the-curse-of-vlahia.foros.bz/"><img src="https://i.imgur.com/d7vM8er.jpg" title="The Curse of Vlahia"/></a>[/code]
</center>[/spoiler]</center></div></div><br>

<style type="text/css">dl.codebox dt {text-align: center; background: #0e0e0e; color: #fff; display: block; font-size: 10px; font-family: Calibri; font-style: normal; font-variant: normal; font-weight: normal; margin-bottom: 3px; padding: 5px; text-transform: uppercase;} dl.codebox {background-color: #fff; border-color: rgba(0,0,0,0); border: 1px solid #C9D2D8; border-radius: 0px; padding: 3px; font-size: 11px; margin: 1px; font-family: Roboto Condensed;} .staff001{margin-right: 1px; width: 60px; height: 60px; background-color: transparent;  -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; opacity: 0.0; overflow: auto;} .staff001:hover{background: #610000; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; opacity: 1;} dl.codebox dt { background: #0e0e0e; color: #fff; display: block; font-size: 10px; font-family: Calibri; font-style: normal; font-variant: normal; font-weight: normal; margin-bottom: 3px; padding: 5px; text-align: uppercase;} dl.codebox {background-color: #fff; font-size: 11px; margin: 1px;} dl.codebox code {background-color: #fff; color: #333; font-size: 9px; line-height: 12px; margin: 1px; outline: 1px solid #ffffff; padding: 5px; text-align: justify;} .spoiler_content.hidden {background-color: #fff; color: #333; font-size: 11px; line-height: 12px; margin: 1px; outline: 1px solid #ffffff; padding: 5px; text-align: justify;}</style>
<script>
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet">
</script>

Tablilla hecha aquí en Dixinmortal (se descuadra en mi foro también):

Código:
<div class="fondox1"><div class="titleforo">The curse of Vlahia <div class="subtitleforo">Nadie retornará al polvo.</div></div><div class="fondobox2"><div class="imagenx1"></div><div class="cajax1"><table><td><div class="cajatextox2">No sé quiénes son. Sus rostros, sus nombres, sus linajes... todo sobre ustedes me es desconocido. Y, sin embargo, aquí están reunidos. Mi pregunta es: ¿por qué? ¿Qué los ha impulsado a abandonar repentinamente sus vidas para llegar a este sitio?

No necesito que me respondan, porque sé que ni ustedes ni yo logramos comprender lo ocurrido. El fenómeno que nos sacó de nuestros hogares; la llamada a la que todos acudimos... La respuesta se encuentra enterrada en algún lugar de Sroria. Así, pues, hemos de descubrirla nosotros mismos.

Hasta entonces, sean bienvenidos.</div></td><td><div class="cajalinksx1"><div class="cajalinkx2"><a href="http://the-curse-of-vlahia.foros.bz/">[color=#ffffff]¡Únete al foro![/color]</a></div><div class="cajalinkx2"><a href="http://the-curse-of-vlahia.foros.bz/t21-ambientacion#22">[color=#ffffff]Ambientación[/color]</a></div><div class="cajalinkx2"><a href="http://the-curse-of-vlahia.foros.bz/t19-reglas-generales#20">[color=#ffffff]Reglas Generales[/color]</a></div><div class="cajalinkx2"><a href="http://the-curse-of-vlahia.foros.bz/f8-busquedas">[color=#ffffff]Búsquedas[/color]</a></div><div class="cajalinkx2"><a href="http://the-curse-of-vlahia.foros.bz/t40-confirmaciones">[color=#ffffff]Confirmaciones[/color]</a></div><div class="cajalinkx2"><a href="http://the-curse-of-vlahia.foros.bz/h2-afiliados-normales">[color=#ffffff]Afiliados Normales[/color]</a></div></div></td></table></div><div class="cajastaffx1"><table><td><div class="imagenstaffx1" style="background-image: url(https://i.imgur.com/Vrf2hs1.jpg);"><div class="staff001"><div class="textostaffx1">Vlahia</div><div class="textostaffx2">Narradora</div></div></div></td><td><div class="imagenstaffx1" style="background-image: url(https://i.imgur.com/ANPkyz8.jpg);"><div class="staff001"><div class="textostaffx1">Amelia</div><div class="textostaffx2">Webmaster</div></div></div></td><td><div class="imagenstaffx1" style="background-image: url(https://i.imgur.com/Tb7GhQT.jpg);"><div class="staff001"><div class="textostaffx1">Shkana</div><div class="textostaffx2">Admin</div></div></div></td><td><div class="titlestaffx1">Staff <div class="subtitlestaffx1">Pecadores</div></div></td></table></div>[spoiler="Botones"]<center>[img]https://i.imgur.com/3PavliS.jpg[/img]
35x35
[code]<a href="http://the-curse-of-vlahia.foros.bz/"><img src="https://i.imgur.com/3PavliS.jpg" title="The Curse of Vlahia"/></a>[/code]

[img]https://i.imgur.com/6ZjdHL0.jpg[/img]
40x40
[code]<a href="http://the-curse-of-vlahia.foros.bz/"><img src="https://i.imgur.com/6ZjdHL0.jpg" title="The Curse of Vlahia"/></a>[/code]

[img]https://i.imgur.com/RGP26Ke.jpg[/img]
50x50
[code]<a href="http://the-curse-of-vlahia.foros.bz/"><img src="https://i.imgur.com/RGP26Ke.jpg" title="The Curse of Vlahia"/></a>[/code]

[img]https://i.imgur.com/4oMcmk8.jpg[/img]
55x55
[code]<a href="http://the-curse-of-vlahia.foros.bz/"><img src="https://i.imgur.com/4oMcmk8.jpg" title="The Curse of Vlahia"/></a>[/code]

[img]https://i.imgur.com/k84Rdqy.jpg[/img]
88x31
[code]<a href="http://the-curse-of-vlahia.foros.bz/"><img src="https://i.imgur.com/k84Rdqy.jpg" title="The Curse of Vlahia"/></a>[/code]

[img]https://i.imgur.com/G83DyGj.jpg[/img]
100x35
[code]<a href="http://the-curse-of-vlahia.foros.bz/"><img src="https://i.imgur.com/G83DyGj.jpg" title="The Curse of Vlahia"/></a>[/code]


[img]https://i.imgur.com/JVsWNTF.jpg[/img]
100x50
[code]<a href="http://the-curse-of-vlahia.foros.bz/"><img src="https://i.imgur.com/JVsWNTF.jpg" title="The Curse of Vlahia"/></a>[/code]

[img]https://i.imgur.com/mLmhG05.jpg[/img]
120x50
[code]<a href="http://the-curse-of-vlahia.foros.bz/"><img src="https://i.imgur.com/mLmhG05.jpg" title="The Curse of Vlahia"/></a>[/code]

[img]https://i.imgur.com/d7vM8er.jpg[/img]
150x75
[code]<a href="http://the-curse-of-vlahia.foros.bz/"><img src="https://i.imgur.com/d7vM8er.jpg" title="The Curse of Vlahia"/></a>[/code]
</center>[/spoiler]</div></div>

<style type="text/css">dl.codebox dt {text-align: center; background: #0e0e0e; color: #fff; display: block; font-size: 10px; font-family: Calibri; font-style: normal; font-variant: normal; font-weight: normal; margin-bottom: 3px; padding: 5px; text-transform: uppercase;} dl.codebox {background-color: #fff; border-color: rgba(0,0,0,0); border: 1px solid #C9D2D8; border-radius: 0px; padding: 3px; font-size: 11px; margin: 1px; font-family: Roboto Condensed;} .fondox1 {margin: 0 auto; width: 400px; height: 500px; padding: 20px; background-image: url(https://i.imgur.com/fyYjq5x.jpg);} .titleforo {position: relative; font-family: Fjalla One; font-size: 24px; color: #FFF; text-transform: uppercase; background-color: #000; padding-top: 30px; padding-bottom: 20px; padding-left: 15px;} .subtitleforo {font-family: Roboto Condensed; font-size: 8px; color: #FFF; text-transform: uppercase; background-color: #000; letter-spacing: 3px; padding-left: 2px;} .fondobox2 {overflow: auto; margin: 0 auto; width: 360px; height: 374px; padding: 10px; background-color: #eeeeee;} .imagenx1 {position: absolute; z-index: 100; width: 128px; height: 130px; background-image: url(https://i.imgur.com/We0xHbL.jpg); border-radius: 50%; margin-left: 208px; border: solid 8px #000; margin-top: -84px;} .cajax1{margin-bottom: 1px;} .cajatextox2 {background-color: #FFFFFF; width: 196px; height: 224px; margin-top: 0px; padding: 12px; text-align: justify; font-size: 10.5px; font-family: Roboto Condensed; line-height: 11px; color: #2c2c2c; float: left;} .cajalinksx1 {margin-top: 53px;} .cajalinkx2 {background-color: #610000; width: 134px; height: auto; padding-top: 5px; padding-bottom: 4px; color: #FFFFFF; font-family: Roboto Condensed; font-size: 9px; text-transform: uppercase; text-align: center; margin-left: 5px; margin-bottom: 2px;} .cajastaffx1 {margin-bottom: 5px;} .titlestaffx1 {font-family: Fjalla One; font-size: 24px; color: #FFF; text-transform: uppercase; background-color: #000; padding-top: 22px; padding-bottom: 14px; text-align: center; width: 118px} .subtitlestaffx1 {font-family: Roboto Condensed; font-size: 8px; color: #FFF; text-transform: uppercase; background-color: #000; letter-spacing: 3px; padding-left: 2px;} .imagenstaffx1 {border: solid 5px #000; width: 70px; height: 70px; margin-right: 1px;} .textostaffx1 {font-family: Raleway; font-size: 10px; color: #cfcfcf; padding-left: 4px; padding-right: 5px; padding-top: 20px; text-transform: uppercase; letter-spacing: 0px; font-weight: 800; text-align: center;} .textostaffx2 {text-align: center; font-family: Raleway; font-size: 6px; color: #cfcfcf; margin-top: -8px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600;} .staff001{margin-right: 1px; width: 60px; height: 60px; background-color: transparent;  -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; opacity: 0.0; overflow: auto;} .staff001:hover{background: #610000; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; opacity: 1;}</style>

<script>
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet">
</script>


Última edición por Amelia Herceg el Mar Abr 03, 2018 2:09 pm, editado 1 vez
campo2 Mensajes :
66


campo3 Blood :
114570


campo4 Frasesita :

We  c a n 't  make
life p i n k again.
~★~

Tablilla se desconfigura en otros foros [Solucionado] NK3hO7c

50 mensajes publicados
¡Seis años!
¡Seis años juntos! ♥
Roshio
Roshio
Webmaster
Lun Abr 02, 2018 11:00 am
campo2 Mensajes :
2487


campo3 Blood :
1304019


campo4 Frasesita :
I go b o o m
ᴅʏɴᴀᴍɪɢʜᴛ
. . .
Tablilla se desconfigura en otros foros [Solucionado] F0216a17-4a1a-4b5e-9b84-d699e8773f84-bakugou

Tablilla se desconfigura en otros foros [Solucionado] B1

Hola Amelia, bueno primero que nada, en el tema de actualizacion del foro anunciamos lo siguiente:
Dixinmortal cambio su plataforma de phpBB3 a ModernBB gracias a Foroactivo, y este es un cambio muy importante ya que conlleva muchas cosas que hay que tener en cuenta todos.

⒈ Está plataforma es mucho más fácil de usar en cuanto a código se refiere,  es más limpia y no te genera tantos errores en código como sus hermanas, por lo que si antes teníamos problemas para 'acomodar' códigos en los posts, con esta nueva versión ya no tenemos que luchar tanto por que lee mejor los códigos (incluso en posts).

⒉ Lo único que sí tenemos que hacer es arreglar nuestros códigos, otra vez, ya que todo lo hemos hecho basándonos en la otra plataforma agregamos medidas para hacer que cuadraran los códigos en base a ella.

Es decir, que si antes ponias un padding 30px y una medida de 270px en width para que en total te dieran 300px de ancho, ahora solo con poner el width:300px la medida se va a mantener en 300 y no a cambiar como lo hace en otras plataformas de foroactivo. Por lo que al subir un codigo aquí tenemos que "ampliar" las medidas y tamaños de nuestras tablillas al subirlas a los posts.

Para corregir el scrollbar (que nose si deberia salir o no?), te paso este tutorial que te puede ayudar a modificar el scrollbar de una tablilla de forma independiente.

Otra cosa, esta parte no debe llevar etiquetas de script, ya que los links para las fonts no son codigo javascript, puedes dejarlas solitas.
Código:
<script> <------ quitar esto
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet">
</script> <------ y esto

En esta parte, lo mejor seria poner un overflow: auto; para que el texto quede dentro del div, ya que le pusiste una medida de height especifica pero el texto es demasiado largo.
Código:
<div style="background-color: #fff; width:172px; height:200px; margin-top: 0px; padding: 12px; text-align: justify; font-size: 10.5px; font-family: Roboto Condensed; line-height: 11px; color: #2c2c2c; float: left; AQUI-PONES-EL-OVERFLOW;">No sé quiénes son. Sus rostros, sus nombres, sus linajes... todo sobre ustedes me es desconocido. Y, sin embargo, aquí están reunidos. Mi pregunta es: ¿por qué? ¿Qué los ha impulsado a abandonar repentinamente sus vidas para llegar a este sitio? [...] </div>

Otra cosa que note es que para hacer links no necesitas escribir todo esto:
Código:
<div style="background-color: #610000; width: 134px; height: 14px; padding-top: 6px; padding-bottom: 5px; color: #FFFFFF; font-family: Roboto Condensed; font-size: 9px; text-transform: uppercase; text-align: center; margin-left: 5px; margin-top: 6px; margin-bottom: -4px;"><span style="color: #FFFFF:"><a href="http://the-curse-of-vlahia.foros.bz/">¡Únete al foro!</a></span></div>

Sino simplificarlo de esta forma:
Código:
<a href="url-aqui" class="nombre">Texto</a>

Te dejo este tutorial para hacer links que te puede ayudar a simplificar muchas cosas  Tablilla se desconfigura en otros foros [Solucionado] 1f495 También este otro sobre como hacer una tablilla básica para afiliaciones (que te puede servir como referencia para futuras tablillas).

Espero que te pudiera ayudar Tablilla se desconfigura en otros foros [Solucionado] 2531292851










campo2 Mensajes :
2487


campo3 Blood :
1304019


campo4 Frasesita :
I go b o o m
ᴅʏɴᴀᴍɪɢʜᴛ
. . .
Tablilla se desconfigura en otros foros [Solucionado] F0216a17-4a1a-4b5e-9b84-d699e8773f84-bakugou

Tablilla se desconfigura en otros foros [Solucionado] B1

Hey, hi, hello!
Estamos encantados de conocerte. (:
Cinnamon roll
Too good for this world, too pure
¡Nueve años!
Nueve años junto a nosotros ♥
Mano amiga
Has resuelto la duda de otro usuario ♥
Ayudante destacado
Has sugerido y ha sido implementado.
Ojo de águila
Detectaste un error. >: |
¡Dix love!
¡Amamos Dix Inmortal!
¡Spammer!
Participante asiduo de la zona spam
Orador
Participante de la zona de debates
Orador proclamado
¡Has creado o participado en al menos 10 debates!
Community Manager
Has invitado a un amigo al foro
Social butterfly
Has invitado a más de 5 amigos al foro
Community Manager A Tier
¡Soy coder!
Has abierto tu galería de códigos.
Soy maestro
Has subido un tutorial en la zona de códigos
Soporte al coder
Has resuelto una duda en la zona de códigos
¡Estoy aprendiendo!
Has participado activamente en al menos 5 tutoriales
¡Soy designer!
Has abierto tu galería
Soy maestro
Has subido un tutorial en la zona gráfica
Soporte al designer
Has resuelto una duda en la zona gráfica
¡Estoy aprendiendo!
Has participado activamente en al menos 5 tutoriales
¡Aportando!
Has subido al menos 3 recursos en la zona gráfica
¡Soy Escritor!
Subiste un fanfic o escrito propio
Soy maestro
Has subido un tutorial en la zona de escritura
1000 mensajes publicados
¡Eres todo un dixiano!
¡Aportando!
Has subido 3 aportes a la zona códigos
Jarro de Caramelos
Participaste del evento 2023
¡Encontrando fantasmas!
Participaste del evento 2023
Conejo de Pascua
Mini evento 2024
Amelia Herceg
Amelia Herceg
User Mortal
Mar Abr 03, 2018 1:55 am
campo2 Mensajes :
66


campo3 Blood :
114570


campo4 Frasesita :

We  c a n 't  make
life p i n k again.
~★~

Tablilla se desconfigura en otros foros [Solucionado] NK3hO7c

Gracias por la respuesta, Roshio. Cuando llegue a casa trataré de modificar todo eso. Tablilla se desconfigura en otros foros [Solucionado] 3518859213

EDIT: No funciona. Leí los tutoriales e hice todos los cambios, pero la tablilla sigue presentando el mismo problema en todas partes. Lo principal es que los links desaparecen. No sé qué hacer. Tablilla se desconfigura en otros foros [Solucionado] 806753

Spoiler:

Este es el código corregido con las indicaciones anteriores:

Código:
<br><div class="fondox1"><div class="titleforo">The curse of Vlahia <div class="subtitleforo">Nadie retornará al polvo</div></div><div class="fondobox2"><div class="imagenx1"></div><div class="cajax1"><table><td><div class="cajatextox2">No sé quiénes son. Sus rostros, sus nombres, sus linajes... todo sobre ustedes me es desconocido. Y, sin embargo, aquí están reunidos. Mi pregunta es: ¿por qué? ¿Qué los ha impulsado a abandonar repentinamente sus vidas para llegar a este sitio?

No necesito que me respondan, porque sé que ni ustedes ni yo logramos comprender lo ocurrido. El fenómeno que nos sacó de nuestros hogares; la llamada a la que todos acudimos... La respuesta se encuentra enterrada en algún lugar de Sroria. Así, pues, hemos de descubrirla nosotros mismos.

Hasta entonces, sean bienvenidos.</div></td><td><div class="cajalinksx1"><a class="cajalinkx2" href="http://the-curse-of-vlahia.foros.bz/">¡Únete al foro!</a><a class="cajalinkx2" href="http://the-curse-of-vlahia.foros.bz/t21-ambientacion#22">Ambientación</a><a class="cajalinkx2" href="http://the-curse-of-vlahia.foros.bz/t19-reglas-generales#20">Reglas Generales</a><a class="cajalinkx2" href="http://the-curse-of-vlahia.foros.bz/f8-busquedas">Búsquedas</a><a class="cajalinkx2" href="http://the-curse-of-vlahia.foros.bz/t40-confirmaciones#49">Confirmaciones</a><a class="cajalinkx2" href="http://the-curse-of-vlahia.foros.bz/h2-afiliados-normales">Afiliados Normales</a></div></td></table></div><div class="cajastaffx1"><table><td><div class="imagenstaffx1" style="background-image: url(https://i.imgur.com/Vrf2hs1.jpg);"><div class="staff001"><div class="textostaffx1">Vlahia</div><div class="textostaffx2">Narradora</div></div></div></td><td><div class="imagenstaffx1" style="background-image: url(https://i.imgur.com/ANPkyz8.jpg);"><div class="staff001"><div class="textostaffx1">Amelia</div><div class="textostaffx2">Webmaster</div></div></div></td><td><div class="imagenstaffx1" style="background-image: url(https://i.imgur.com/pnngLz4.jpg);"><div class="staff001"><div class="textostaffx1">Shkana</div><div class="textostaffx2">Admin</div></div></div></td><td><div class="titlestaffx1">Staff <div class="subtitlestaffx1">Pecadores</div></div></td></table></div>[spoiler="Botones"]<center>[img]https://i.imgur.com/3PavliS.jpg[/img]
35x35
[code]<a href="http://the-curse-of-vlahia.foros.bz/"><img src="https://i.imgur.com/3PavliS.jpg" title="The Curse of Vlahia"/></a>[/code]

[img]https://i.imgur.com/6ZjdHL0.jpg[/img]
40x40
[code]<a href="http://the-curse-of-vlahia.foros.bz/"><img src="https://i.imgur.com/6ZjdHL0.jpg" title="The Curse of Vlahia"/></a>[/code]

[img]https://i.imgur.com/RGP26Ke.jpg[/img]
50x50
[code]<a href="http://the-curse-of-vlahia.foros.bz/"><img src="https://i.imgur.com/RGP26Ke.jpg" title="The Curse of Vlahia"/></a>[/code]

[img]https://i.imgur.com/4oMcmk8.jpg[/img]
55x55
[code]<a href="http://the-curse-of-vlahia.foros.bz/"><img src="https://i.imgur.com/4oMcmk8.jpg" title="The Curse of Vlahia"/></a>[/code]

[img]https://i.imgur.com/k84Rdqy.jpg[/img]
88x31
[code]<a href="http://the-curse-of-vlahia.foros.bz/"><img src="https://i.imgur.com/k84Rdqy.jpg" title="The Curse of Vlahia"/></a>[/code]

[img]https://i.imgur.com/G83DyGj.jpg[/img]
100x35
[code]<a href="http://the-curse-of-vlahia.foros.bz/"><img src="https://i.imgur.com/G83DyGj.jpg" title="The Curse of Vlahia"/></a>[/code]


[img]https://i.imgur.com/JVsWNTF.jpg[/img]
100x50
[code]<a href="http://the-curse-of-vlahia.foros.bz/"><img src="https://i.imgur.com/JVsWNTF.jpg" title="The Curse of Vlahia"/></a>[/code]

[img]https://i.imgur.com/mLmhG05.jpg[/img]
120x50
[code]<a href="http://the-curse-of-vlahia.foros.bz/"><img src="https://i.imgur.com/mLmhG05.jpg" title="The Curse of Vlahia"/></a>[/code]

[img]https://i.imgur.com/d7vM8er.jpg[/img]
150x75
[code]<a href="http://the-curse-of-vlahia.foros.bz/"><img src="https://i.imgur.com/d7vM8er.jpg" title="The Curse of Vlahia"/></a>[/code]
</center>[/spoiler]</div></div>

<style type="text/css">.fondox1 {margin: 0 auto; width: 360px; height: 460px; padding: 20px; background-image: url(https://i.imgur.com/fyYjq5x.jpg);} .titleforo {position: relative; font-family: Fjalla One; font-size: 24px; color: #FFF; text-transform: uppercase; background-color: #000; padding-top: 30px; padding-bottom: 20px; padding-left: 15px;} .subtitleforo {font-family: Roboto Condensed; font-size: 8px; color: #FFF; text-transform: uppercase; background-color: #000; letter-spacing: 3px; padding-left: 2px; margin-top: 6px;} .fondobox2 {overflow: auto; margin: 0 auto; width: 340px; height: 354px; padding: 10px; background-color: #eeeeee;} .imagenx1 {position: absolute; width: 118px; height: 120px; background-image: url(https://i.imgur.com/We0xHbL.jpg); border-radius: 50%; margin-left: 204px; border: solid 8px #000; margin-top: -84px;} .cajax1{margin-bottom: 5px;} .cajatextox2 {overflow: auto; background-color: #FFFFFF; width: 172px; height: 200px; padding: 12px; text-align: justify; font-size: 10.5px; font-family: Roboto Condensed; line-height: 11px; color: #2c2c2c;} .cajalinksx1 {margin-top: 54px;} a.cajalinkx2 {display: inline-block; background: #610000; width: 134px; margin: 5px; text-align: center; font-family: Roboto Condensed; font-size: 9px; color: #fff; text-transform: uppercase; padding-top: 6px; padding-bottom: 5.5px; margin-bottom: -3px;} .cajastaffx1 {margin-bottom: 5px;} .titlestaffx1 {font-family: Fjalla One; font-size: 24px; color: #FFF; text-transform: uppercase; background-color: #000; padding-top: 22px; padding-bottom: 14px; text-align: center; width: 118px} .subtitlestaffx1 {padding-top: 6px; font-family: Roboto Condensed; font-size: 8px; color: #FFF; text-transform: uppercase; background-color: #000; letter-spacing: 3px; padding-left: 2px;} .imagenstaffx1 {border: solid 5px #000; width: 60px; height: 60px; margin-right: 1px;} .textostaffx1 {font-family: Raleway; font-size: 10px; color: #cfcfcf; padding-left: 4px; padding-right: 5px; padding-top: 20px; text-transform: uppercase; letter-spacing: 0px; font-weight: 800; text-align: center;} .textostaffx2 {text-align: center; font-family: Raleway; font-size: 6px; color: #cfcfcf; margin-top: -3px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600;} .staff001{margin-right: 1px; width: 60px; height: 60px; background-color: transparent;  -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; opacity: 0.0; overflow: auto;} .staff001:hover{background: #610000; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; opacity: 1;} dl.codebox dt {width: auto; text-align: center; background: #0e0e0e; color: #fff; display: block; font-size: 10px; font-family: Calibri; font-style: normal; font-variant: normal; font-weight: normal; margin-bottom: 3px; padding: 5px; text-transform: uppercase;} dl.codebox {width: auto; background-color: #fff; border-color: rgba(0,0,0,0); border: 1px solid #C9D2D8; border-radius: 0px; padding: 3px; font-size: 11px; margin: 1px; font-family: Roboto Condensed;}</style>

<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet">
campo2 Mensajes :
66


campo3 Blood :
114570


campo4 Frasesita :

We  c a n 't  make
life p i n k again.
~★~

Tablilla se desconfigura en otros foros [Solucionado] NK3hO7c

50 mensajes publicados
¡Seis años!
¡Seis años juntos! ♥
Roshio
Roshio
Webmaster
Mar Abr 03, 2018 1:37 pm
campo2 Mensajes :
2487


campo3 Blood :
1304019


campo4 Frasesita :
I go b o o m
ᴅʏɴᴀᴍɪɢʜᴛ
. . .
Tablilla se desconfigura en otros foros [Solucionado] F0216a17-4a1a-4b5e-9b84-d699e8773f84-bakugou

Tablilla se desconfigura en otros foros [Solucionado] B1

La hice en mi foro de prueba y solo tenia algunos detallitos:

1) No añadiste para la tabla los elementos de tbody ni tr.
2) Dejaste abierta la baliza de br
3) Solo tuve que mover algunos tamaños para alinear la zona de descripcion con los links
4) Le quite px al width del staff para que no se viera salido
5) Te añadi un codigo para el scrollbar que solo se aplique a la tablilla

Tablilla se desconfigura en otros foros [Solucionado] S8oORGISRdaDKWElTmBp6A

Aqui te dejo el codigo:


Ojo: Esto es para foros phpbb3 si la subes aqui va a salir movida y habria que volver a acomodarla Tablilla se desconfigura en otros foros [Solucionado] 4041723902










campo2 Mensajes :
2487


campo3 Blood :
1304019


campo4 Frasesita :
I go b o o m
ᴅʏɴᴀᴍɪɢʜᴛ
. . .
Tablilla se desconfigura en otros foros [Solucionado] F0216a17-4a1a-4b5e-9b84-d699e8773f84-bakugou

Tablilla se desconfigura en otros foros [Solucionado] B1

Hey, hi, hello!
Estamos encantados de conocerte. (:
Cinnamon roll
Too good for this world, too pure
¡Nueve años!
Nueve años junto a nosotros ♥
Mano amiga
Has resuelto la duda de otro usuario ♥
Ayudante destacado
Has sugerido y ha sido implementado.
Ojo de águila
Detectaste un error. >: |
¡Dix love!
¡Amamos Dix Inmortal!
¡Spammer!
Participante asiduo de la zona spam
Orador
Participante de la zona de debates
Orador proclamado
¡Has creado o participado en al menos 10 debates!
Community Manager
Has invitado a un amigo al foro
Social butterfly
Has invitado a más de 5 amigos al foro
Community Manager A Tier
¡Soy coder!
Has abierto tu galería de códigos.
Soy maestro
Has subido un tutorial en la zona de códigos
Soporte al coder
Has resuelto una duda en la zona de códigos
¡Estoy aprendiendo!
Has participado activamente en al menos 5 tutoriales
¡Soy designer!
Has abierto tu galería
Soy maestro
Has subido un tutorial en la zona gráfica
Soporte al designer
Has resuelto una duda en la zona gráfica
¡Estoy aprendiendo!
Has participado activamente en al menos 5 tutoriales
¡Aportando!
Has subido al menos 3 recursos en la zona gráfica
¡Soy Escritor!
Subiste un fanfic o escrito propio
Soy maestro
Has subido un tutorial en la zona de escritura
1000 mensajes publicados
¡Eres todo un dixiano!
¡Aportando!
Has subido 3 aportes a la zona códigos
Jarro de Caramelos
Participaste del evento 2023
¡Encontrando fantasmas!
Participaste del evento 2023
Conejo de Pascua
Mini evento 2024
Amelia Herceg
Amelia Herceg
User Mortal
Mar Abr 03, 2018 2:09 pm
campo2 Mensajes :
66


campo3 Blood :
114570


campo4 Frasesita :

We  c a n 't  make
life p i n k again.
~★~

Tablilla se desconfigura en otros foros [Solucionado] NK3hO7c

¡OMG, OMG, OMG! ¡Se arregló! Adsaasdasdasdas, voy a llorar. ¡Muchísimas gracias, Roshio! ¡Eres un sol! ¡Lo más bello del universo! ¡Mil gracias! Tablilla se desconfigura en otros foros [Solucionado] 606880 Tablilla se desconfigura en otros foros [Solucionado] 2764
campo2 Mensajes :
66


campo3 Blood :
114570


campo4 Frasesita :

We  c a n 't  make
life p i n k again.
~★~

Tablilla se desconfigura en otros foros [Solucionado] NK3hO7c

50 mensajes publicados
¡Seis años!
¡Seis años juntos! ♥
Contenido patrocinado
Ver el tema anteriorVolver arribaVer el tema siguiente
Permisos de este foro:
No puedes responder a temas en este foro.