Últimos temas
élite + brothersites
vududoll ➹ reviews

Comparte
Ver el tema anteriorIr abajoVer el tema siguiente
avatar
User Mortal
el Lun Abr 02, 2018 12:06 am
Mensajes :
66


Blood :
8958


Frase :

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



Realmente siento mucho las molestias, pero es que los problemas me persiguen.

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.  

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.forumotion.com/">¡Ú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.forumotion.com/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.forumotion.com/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.forumotion.com/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.forumotion.com/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.forumotion.com/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.forumotion.com/"><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.forumotion.com/"><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.forumotion.com/"><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.forumotion.com/"><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.forumotion.com/"><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.forumotion.com/"><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.forumotion.com/"><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.forumotion.com/"><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.forumotion.com/"><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.forumotion.com/">[color=#ffffff]¡Únete al foro![/color]</a></div><div class="cajalinkx2"><a href="http://the-curse-of-vlahia.forumotion.com/t21-ambientacion#22">[color=#ffffff]Ambientación[/color]</a></div><div class="cajalinkx2"><a href="http://the-curse-of-vlahia.forumotion.com/t19-reglas-generales#20">[color=#ffffff]Reglas Generales[/color]</a></div><div class="cajalinkx2"><a href="http://the-curse-of-vlahia.forumotion.com/f8-busquedas">[color=#ffffff]Búsquedas[/color]</a></div><div class="cajalinkx2"><a href="http://the-curse-of-vlahia.forumotion.com/t40-confirmaciones">[color=#ffffff]Confirmaciones[/color]</a></div><div class="cajalinkx2"><a href="http://the-curse-of-vlahia.forumotion.com/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.forumotion.com/"><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.forumotion.com/"><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.forumotion.com/"><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.forumotion.com/"><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.forumotion.com/"><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.forumotion.com/"><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.forumotion.com/"><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.forumotion.com/"><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.forumotion.com/"><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
Ver perfil de usuario
Mensajes :
66


Blood :
8958


Frase :

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



avatar
webmaster
el Lun Abr 02, 2018 11:00 am
Mensajes :
1959


Blood :
181939


Frase :
ᴠɪʟʟᴀɴ ᴅᴇᴋᴜ

— sur · rep · ti · tious —
punch f u c k him



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.forumotion.com/">¡Ú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   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










Ver perfil de usuario
Mensajes :
1959


Blood :
181939


Frase :
ᴠɪʟʟᴀɴ ᴅᴇᴋᴜ

— sur · rep · ti · tious —
punch f u c k him



avatar
User Mortal
el Mar Abr 03, 2018 1:55 am
Mensajes :
66


Blood :
8958


Frase :

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



Gracias por la respuesta, Roshio. Cuando llegue a casa trataré de modificar todo eso.

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.

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.forumotion.com/">¡Únete al foro!</a><a class="cajalinkx2" href="http://the-curse-of-vlahia.forumotion.com/t21-ambientacion#22">Ambientación</a><a class="cajalinkx2" href="http://the-curse-of-vlahia.forumotion.com/t19-reglas-generales#20">Reglas Generales</a><a class="cajalinkx2" href="http://the-curse-of-vlahia.forumotion.com/f8-busquedas">Búsquedas</a><a class="cajalinkx2" href="http://the-curse-of-vlahia.forumotion.com/t40-confirmaciones#49">Confirmaciones</a><a class="cajalinkx2" href="http://the-curse-of-vlahia.forumotion.com/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.forumotion.com/"><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.forumotion.com/"><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.forumotion.com/"><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.forumotion.com/"><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.forumotion.com/"><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.forumotion.com/"><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.forumotion.com/"><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.forumotion.com/"><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.forumotion.com/"><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">
Ver perfil de usuario
Mensajes :
66


Blood :
8958


Frase :

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



avatar
webmaster
el Mar Abr 03, 2018 1:37 pm
Mensajes :
1959


Blood :
181939


Frase :
ᴠɪʟʟᴀɴ ᴅᴇᴋᴜ

— sur · rep · ti · tious —
punch f u c k him



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



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










Ver perfil de usuario
Mensajes :
1959


Blood :
181939


Frase :
ᴠɪʟʟᴀɴ ᴅᴇᴋᴜ

— sur · rep · ti · tious —
punch f u c k him



avatar
User Mortal
el Mar Abr 03, 2018 2:09 pm
Mensajes :
66


Blood :
8958


Frase :

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



Reputación del mensaje :100% (1 voto)
¡OMG, OMG, OMG! ¡Se arregló! Adsaasdasdasdas, voy a llorar. ¡Muchísimas gracias, Roshio! ¡Eres un sol! ¡Lo más bello del universo! ¡Mil gracias!
Ver perfil de usuario
Mensajes :
66


Blood :
8958


Frase :

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



Contenido patrocinado
Ver el tema anteriorVolver arribaVer el tema siguiente
Permisos de este foro:
No puedes responder a temas en este foro.