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
The Witch
The Witch
Coder ⋆ Writer
Lun Abr 16, 2018 7:44 pm
campo2 Mensajes :
185


campo3 Blood :
754919


campo4 Frasesita :
Dont miss me, my dear

Cosas encima de otras y dimensiones | Resuelto 42

Cosas encima de otras y dimensiones | Resuelto 64045113 ¡Hola, buenas tardes!

Me gustaría pedir un poco de ayuda por que llevo ya un día completo en esto y nada más no me sale  Cosas encima de otras y dimensiones | Resuelto 2996817631
Hice estos dos codes para aportaciones, pero cuando los publico sale deformado todo y una cosa encima de la otra. No se si sea por que se pasa de las dimensiones del foro pero... no, la verdad es que no sé, se los agradecería por toda la eternidad si pudieran ayudarme con esto  Cosas encima de otras y dimensiones | Resuelto 3977329451
*notese la desesperación y el cansancio* (???9

Cosas que fallan:
-En el primer code, este sale más a la derecha y saliendose del lugar central donde se supone que van todos los post, es decir... se descoloca(?)
-En el segundo code, entre el nombre y la fase pequeña debería ir una barra pero no sale, en las imágenes pequeñas salen cuadradas en vez de circulares y además, sale recortado el cuadro y encimad con la parte del
Código:
aquí iba el otro code xD
, como si se saliera de las dimensiones del foro.

Muchas gracias!!!

Código:
<table><tbody><tr><td><div class="img"><div class="bruja">⛧Lo que la bruja trae ⛧</div></div></td><td><div class="cajon"> <div class="caja">⛧Take the potion of the witch⛧</div><div class="cajota">Hola terroncitos de azúcar, primero que nada, gracias por tomarse el tiempo de pasar a ver esta humilde y nada sofisticada aportación, esperando que les sirva y les agrade el diseño, aquí se los dejo, puede usarse como relaciones ya que lo hice con esa idea, pero también puede ser otra cosa que necesiten. Ahora para que todos seamos felices, lean lo siguiente por favor.</div><div class="cajita"><div class"text"><ul class="a"><li>No quites los créditos por favor.</li><li>Imagen grande de 540x150.</li><li>Colores modificables.</li><li>Imágenes pequeñas de 200x200.</li><li>Es totalmente gratis.</li><li>Doy las gracias a todo Dixinmortal por que gracias a este foro he aprendido mucho sobre codes y me han permitido hacer esto para ustedes.<li>Por favor no lo uses como base para otros codes</li></ul></div></div> <div class="creditos"> <a href="https://witchalwayslies.tumblr.com/" class="linksito">@by The Witch</a></div></div></td> </tr></tbody></table><style>.cajon {border: 1px solid;  width: 450px;  height: 300px;  margin: 0 auto; background: transparent}.caja { text-align: center; color: #cc0000;  text-transform: uppercase; letter-spacing: 3px;padding: 3px;}.cajota { height: 100px; width:430px; margin: 0 auto; margin-top: 5px; overflow: auto; color: #000000; text-align: justify; letter-spacing: 2px; text-indent: 30px;}.cajita{width: 350px;  height: 155px; margin: 0 auto;overflow: auto;}.text {color: #000000; overflow: auto;list-style-type: circle;  }.creditos {text-align: center;font-size: 9px;}a.linksito  {color: #000000;font-family: Playfair Display;text-decoration: none;font-size: 9px;letter-spacing: 2px;line-height: 1.8; margin-bottom: 5px;}a.linksito:hover {  color: #ff4dff; transition: 0.3s} .img {border: 1px solid;width: 250px; height: 300px;margin-right: 5px; background: url('https://i.imgur.com/gh5SSUC.gif');  opacity: 0.6;filter: alpha(opacity=50);}.img:hover {  opacity: 1.0; filter: alpha(opacity=100)}.bruja { padding-top: 130px;position: relative; font-family: Gamja Flower;font-size: 15.9px;color: #ff9933; line-height: 21px; text-align: center; margin: 0 auto; letter-spacing: 3px;transition: 0.4s linear; opacity: 0; text-shadow: 9px 9px 5px #000;font-style: oblique;}.img:hover .bruja { opacity: 1; transition:0.5s linear;  }</style>


Código:
<div class="cajon"><div class="relaciones">Soy un título guapo(?)</div><div class="imag"></div><div class="Fondito"><div class="titulo"> Nombre hermoso de tu personaje</div><div class="barrita"></div><div class="frase">"Aquí va una frase muy rica y chula"</div><table><tbody><tr><td><div class="img1"><img src="http://placehold.it/200x200" style="border-radius: 100px;"/><div class="nombre">Nombre lindo</div></div></td><td><div class="Texto">Jelly tootsie roll chocolate sweet sweet candy cake donut pudding. Sweet roll danish oat cake topping icing cookie cookie toffee candy canes. Marshmallow jelly tart. Sweet roll cheesecake cheesecake carrot cake jelly-o. Brownie halvah dragée chocolate cake oat cake icing I love pastry. Gummi bears brownie chocolate cake tart I love icing I love I love I love. Jelly tootsie roll chocolate sweet sweet candy cake donut pudding. Sweet roll danish oat cake topping icing cookie cookie toffee candy canes. Marshmallow jelly tart. Sweet roll cheesecake cheesecake carrot cake jelly-o. Brownie halvah dragée chocolate cake oat cake icing I love pastry. Gummi bears brownie chocolate cake tart I love icing I love I love I love.</div></td></tr></tbody></table><table><tbody> <tr><td><div class="img1"><img src="http://placehold.it/200x200" style="border-radius: 100px;"/><div class="nombre">Nombre lindo</div></div></td><td><div class="Texto">Jelly tootsie roll chocolate sweet sweet candy cake donut pudding. Sweet roll danish oat cake topping icing cookie cookie toffee candy canes. Marshmallow jelly tart. Sweet roll cheesecake cheesecake carrot cake jelly-o. Brownie halvah dragée chocolate cake oat cake icing I love pastry. Gummi bears brownie chocolate cake tart I love icing I love I love I love. </div></td></tr></tbody></table><table><tbody><tr> <td><div class="img1"><img src="http://placehold.it/200x200" style="border-radius: 100px;"/><div class="nombre">Nombre lindo</div></div></td><td><div class="Texto">Jelly tootsie roll chocolate sweet sweet candy cake donut pudding. Sweet roll danish oat cake topping icing cookie cookie toffee candy canes. Marshmallow jelly tart. Sweet roll cheesecake cheesecake carrot cake jelly-o. Brownie halvah dragée chocolate cake oat cake icing I love pastry. Gummi bears brownie chocolate cake tart I love icing I love I love I love. </div></td></tr></tbody></table></div></div><div class="creditos"><a href="https://witchalwayslies.tumblr.com/" class="hover">@by The Witch</a></div></div><style>.cajon {margin: 0 auto;width: 540px;  }.relaciones{font-size: 40px;color: #e60000;font-family: Playfair Display;text-align: center;letter-spacing: 3px; font-style: italic;}.imag {width: 540px;height: 150px;border:1pxsolid;background:url('http://placehold.it/540x150');margin: 0 auto;opacity: 0.4;filter: alpha(opacity=50);}.imag:hover { opacity: 1.0;filter: alpha(opacity=100)}.Fondito {width: 540px;height: 500px; margin: 0 auto;border: 1px solid;overflow: auto;background: transparent; }.titulo { font-family: "Oswald";text-align: center;font-size: 16px;margin-top: 10px;padding: 5px;}.barrita {border: 1px solid  #e60000;height: 2px;width: 85%;margin: 0 auto;}.frase {text-align: center;font-size: 10px; font-family: "Playfair Display";margin-top: 5px;margin-bottom: 15px;}.img1 {width: 200px;height: 200px; border: 1px solid;border-radius: 100px;opacity: 0.4;filter: alpha(opacity=50);}.img1:hover {opacity: 1.0;filter: alpha(opacity=100)}.nombre { width: 200px;height: 40px; padding-top: 35px;position: relative;margin-top: -150px;font-family: Gamja Flower; font-size: 23px;color: #e60000; line-height: 21px;text-align: center;letter-spacing: 3px; font-style: italic;transition: 0.4s linear; opacity: 0;}.img1:hover .nombre { opacity: 1; transition:0.5s linear; }.Texto {overflow: scroll;width: 290px; height: 200px;margin: 4px;padding: 6px; border: 1px solid #CCC;text-align: justify;}.creditos {display: block;padding: 6px;text-align: center;width: 500px;margin: 0 auto;}a.hover {color: #cc0000;font-family: 'Playfair Display', sans-serif;text-decoration: none;font-size: 11.4px;letter-spacing; 2px;line-height: 1.8;display:block!important;margin: 0 auto;width: 120px;position: relative;overflow: hidden;text-transform: uppercase;transition: color .4s cubic-bezier(0.11, 0.7, 0, 1);}a.hover:hover {  color: #cc6600; transition: 0.2s}</style>


Cosas encima de otras y dimensiones | Resuelto 2802568303


Última edición por Nympha el Lun Abr 16, 2018 8:01 pm, editado 3 veces
campo2 Mensajes :
185


campo3 Blood :
754919


campo4 Frasesita :
Dont miss me, my dear

Cosas encima de otras y dimensiones | Resuelto 42

150 mensajes publicados
¡Seis años!
¡Seis años juntos! ♥
Eine Krone
Eine Krone
User Mortal
Lun Abr 16, 2018 7:51 pm
campo2 Mensajes :
148


campo3 Blood :
495369


campo4 Frasesita :
brekekekex koax koax

otra rana

Vale, te he encontrado dos problemas:

1. Tenías una baliza extra al final del foro, es decir, cerrabas un div que estaba fuera del code antes de tiempo. Con quitarlo, se arregla uno de los problemas.

1.5. En cuanto a las imágenes, que se me olvidó xDD Se solucionaría poniendo overflow: hidden; al div que contiene las imágenes.

2. En segundo lugar, la clase .cajon da problemas; es posible que en este foro ya exista como tal, por lo que hay interferencias entre el estilo de la tablilla y el estilo del foro, por lo que te recomiendo que en un futuro utilices nombres más raros, a lo .nym-cajon o algo así, para evitar este tipo de problemas. Lo he arreglado añadiéndole el atributo height: auto !important;. Aquí te dejo el code arreglado:

Código:

<div class="cajon"><div class="relaciones">Soy un título guapo(?)</div><div class="imag"></div><div class="Fondito"><div class="titulo"> Nombre hermoso de tu personaje</div><div class="barrita"></div><div class="frase">"Aquí va una frase muy rica y chula"</div><table><tbody><tr><td><div class="img1"><img src="http://placehold.it/200x200" style="border-radius: 100px;"/><div class="nombre">Nombre lindo</div></div></td><td><div class="Texto">Jelly tootsie roll chocolate sweet sweet candy cake donut pudding. Sweet roll danish oat cake topping icing cookie cookie toffee candy canes. Marshmallow jelly tart. Sweet roll cheesecake cheesecake carrot cake jelly-o. Brownie halvah dragée chocolate cake oat cake icing I love pastry. Gummi bears brownie chocolate cake tart I love icing I love I love I love. Jelly tootsie roll chocolate sweet sweet candy cake donut pudding. Sweet roll danish oat cake topping icing cookie cookie toffee candy canes. Marshmallow jelly tart. Sweet roll cheesecake cheesecake carrot cake jelly-o. Brownie halvah dragée chocolate cake oat cake icing I love pastry. Gummi bears brownie chocolate cake tart I love icing I love I love I love.</div></td></tr></tbody></table><table><tbody> <tr><td><div class="img1"><img src="http://placehold.it/200x200" style="border-radius: 100px;"/><div class="nombre">Nombre lindo</div></div></td><td><div class="Texto">Jelly tootsie roll chocolate sweet sweet candy cake donut pudding. Sweet roll danish oat cake topping icing cookie cookie toffee candy canes. Marshmallow jelly tart. Sweet roll cheesecake cheesecake carrot cake jelly-o. Brownie halvah dragée chocolate cake oat cake icing I love pastry. Gummi bears brownie chocolate cake tart I love icing I love I love I love. </div></td></tr></tbody></table><table><tbody><tr> <td><div class="img1"><img src="http://placehold.it/200x200" style="border-radius: 100px;"/><div class="nombre">Nombre lindo</div></div></td><td><div class="Texto">Jelly tootsie roll chocolate sweet sweet candy cake donut pudding. Sweet roll danish oat cake topping icing cookie cookie toffee candy canes. Marshmallow jelly tart. Sweet roll cheesecake cheesecake carrot cake jelly-o. Brownie halvah dragée chocolate cake oat cake icing I love pastry. Gummi bears brownie chocolate cake tart I love icing I love I love I love. </div></td></tr></tbody></table></div></div><div class="creditos"><a href="https://witchalwayslies.tumblr.com/" class="hover">@by The Witch</a></div><style>.cajon {margin: 0 auto;width: 540px; height: auto !important; }.relaciones{font-size: 40px;color: #e60000;font-family: Playfair Display;text-align: center;letter-spacing: 3px; font-style: italic;}.imag {width: 540px;height: 150px;border:1pxsolid;background:url('http://placehold.it/540x150');margin: 0 auto;opacity: 0.4;filter: alpha(opacity=50);}.imag:hover { opacity: 1.0;filter: alpha(opacity=100)}.Fondito {width: 540px;height: 500px; margin: 0 auto;border: 1px solid;overflow: auto;background: transparent; }.titulo { font-family: "Oswald";text-align: center;font-size: 16px;margin-top: 10px;padding: 5px;}.barrita {border: 1px solid  #e60000;height: 2px;width: 85%;margin: 0 auto;}.frase {text-align: center;font-size: 10px; font-family: "Playfair Display";margin-top: 5px;margin-bottom: 15px;}.img1 {width: 200px;height: 200px; border: 1px solid;border-radius: 100px;opacity: 0.4;filter: alpha(opacity=50); overflow: hidden; }.img1:hover {opacity: 1.0;filter: alpha(opacity=100)}.nombre { width: 200px;height: 40px; padding-top: 35px;position: relative;margin-top: -150px;font-family: Gamja Flower; font-size: 23px;color: #e60000; line-height: 21px;text-align: center;letter-spacing: 3px; font-style: italic;transition: 0.4s linear; opacity: 0;}.img1:hover .nombre { opacity: 1; transition:0.5s linear; }.Texto {overflow: scroll;width: 290px; height: 200px;margin: 4px;padding: 6px; border: 1px solid #CCC;text-align: justify;}.creditos {display: block;padding: 6px;text-align: center;width: 500px;margin: 0 auto;}a.hover {color: #cc0000;font-family: 'Playfair Display', sans-serif;text-decoration: none;font-size: 11.4px;letter-spacing; 2px;line-height: 1.8;display:block!important;margin: 0 auto;width: 120px;position: relative;overflow: hidden;text-transform: uppercase;transition: color .4s cubic-bezier(0.11, 0.7, 0, 1);}a.hover:hover {  color: #cc6600; transition: 0.2s}</style>

Edito: 3. En cuanto al code primero, el problema que puedes tener es que repites una class. Si te fijas bien, tanto en el primer code como en el segundo tienes la class .cajon. Si están aislados, no pasa nada, pero una vez estén los dos en un mismo lugar, habrá problemas, ¿me entiendes? Por eso, procura poner nombres diferentes y creativos a las clases de tus codes.








¡Tu opinión importa!
Recuerda dar tu opinión acerca del tutorial cuando lo hayas leído o puesto a prueba. Dime qué te ha gustado, qué te ha parecido complicado, qué te ha funcionado, qué no... ¡Es la única manera para mejorar la calidad de los tutoriales!
campo2 Mensajes :
148


campo3 Blood :
495369


campo4 Frasesita :
brekekekex koax koax

otra rana

5 años
¡5 años juntos!
50 mensajes publicados
Ojo de águila
Detectaste un error. >: |
¡Encontrando fantasmas!
Participaste del evento 2023
Jarro de Caramelos
Participaste del evento 2023
Ayudante destacado
Has sugerido y ha sido implementado.
Soporte al coder
Has resuelto una duda en la zona de códigos
Soy maestro
Has subido un tutorial en la zona de códigos
¡Dix love!
¡Amamos Dix Inmortal!
Mano amiga
Has resuelto la duda de otro usuario ♥
Cinnamon roll
Too good for this world, too pure
¡Aportando!
Has subido 3 aportes a la zona códigos
Coder Supreme
He ganado en uno o varios Code Challenge
Challenger
Participo en los Code Challenges
The Witch
The Witch
Coder ⋆ Writer
Lun Abr 16, 2018 8:04 pm
campo2 Mensajes :
185


campo3 Blood :
754919


campo4 Frasesita :
Dont miss me, my dear

Cosas encima de otras y dimensiones | Resuelto 42

¡¡Dios mio Eine!!! es la segunda vez que me salvas de la catástrofe, muchísimas gracias, te ganas mi eterno agradecimiento y muchos abracitos Cosas encima de otras y dimensiones | Resuelto 2531292851

¡De verdad muchísimas gracias! Cosas encima de otras y dimensiones | Resuelto 1813106348
campo2 Mensajes :
185


campo3 Blood :
754919


campo4 Frasesita :
Dont miss me, my dear

Cosas encima de otras y dimensiones | Resuelto 42

150 mensajes publicados
¡Seis años!
¡Seis años juntos! ♥
Roshio
Roshio
Webmaster
Mar Abr 17, 2018 5:56 pm
campo2 Mensajes :
2486


campo3 Blood :
1304014


campo4 Frasesita :
I go b o o m
ᴅʏɴᴀᴍɪɢʜᴛ
. . .
Cosas encima de otras y dimensiones | Resuelto F0216a17-4a1a-4b5e-9b84-d699e8773f84-bakugou

Cosas encima de otras y dimensiones | Resuelto B1

Hola The Witch te paso tus codigos, perdona la demora.
El primero te ayude a mejorarlo un poco (vi que tenias problemas con el CSS con algunos espacios demas y quizas por eso no te lo reconocìa, tambien lo hice mas pequeño porque se salia del foro, espero no te moleste ;U; )

☆ Lo que la bruja trae ☆
☆ Take the potion of the witch ☆
Hola terroncitos de azúcar, primero que nada, gracias por tomarse el tiempo de pasar a ver esta humilde y nada sofisticada aportación, esperando que les sirva y les agrade el diseño, aquí se los dejo, puede usarse como relaciones ya que lo hice con esa idea, pero también puede ser otra cosa que necesiten. Ahora para que todos seamos felices, lean lo siguiente por favor.

  • No quites los créditos por favor.
  • Imagen grande de 540x150.
  • Colores modificables.
  • Imágenes pequeñas de 200x200.
  • Es totalmente gratis.
  • Doy las gracias a todo Dixinmortal por que gracias a este foro he aprendido mucho sobre codes y me han permitido hacer esto para ustedes.
  • Por favor no lo uses como base para otros codes




Código:
<table><tbody><tr><td><div class="img"><div class="bruja">☆ Lo que la bruja trae ☆</div></div></td><td><div class="cajon"> <div class="caja">☆ Take the potion of the witch ☆</div><div class="cajota">Hola terroncitos de azúcar, primero que nada, gracias por tomarse el tiempo de pasar a ver esta humilde y nada sofisticada aportación, esperando que les sirva y les agrade el diseño, aquí se los dejo, puede usarse como relaciones ya que lo hice con esa idea, pero también puede ser otra cosa que necesiten. Ahora para que todos seamos felices, lean lo siguiente por favor.</div><br /><div class="cajita"><div class"text"><ul class="a"><li>No quites los créditos por favor.</li><li>Imagen grande de 540x150.</li><li>Colores modificables.</li><li>Imágenes pequeñas de 200x200.</li><li>Es totalmente gratis.</li><li>Doy las gracias a todo Dixinmortal por que gracias a este foro he aprendido mucho sobre codes y me han permitido hacer esto para ustedes.<li>Por favor no lo uses como base para otros codes</li></ul></div></div> <div class="creditos"> <a href="https://witchalwayslies.tumblr.com/" class="linksito">@by The Witch</a></div></div></td> </tr></tbody></table>


<style>.cajon { border: 1px solid #ddd; padding:0 10px; width: 350px; height: 300px; background: transparent; overflow:auto; font-family: arial; font-size:11px; } .caja { text-align: center; color: #cc0000; text-transform: uppercase; letter-spacing: 1px; padding: 40px 0;} .cajota { margin-top: 5px; color: #000000; text-align: justify; letter-spacing: 1px; text-indent: 30px; } .cajita { background-color:#eee; padding: 20px 0; margin-top:10px;} .text { color: #000000; list-style-type: circle; } .creditos { text-align: center;font-size: 9px;} a.linksito {color: #000000;font-family: Playfair Display;text-decoration: none;font-size: 9px;letter-spacing: 2px;line-height: 1.8; margin-bottom: 5px;} a.linksito:hover { color: #ff4dff; transition: 0.3s} .img {border: 1px solid #ddd;width: 250px; height: 300px;margin-right: 5px; background: url('https://i.imgur.com/gh5SSUC.gif'); opacity: 0.6;filter: alpha(opacity=50);} .img:hover { opacity: 1.0; filter: alpha(opacity=100);} .bruja { padding-top:130px; position: relative; font-family: Gamja Flower;font-size: 15.9px;color: #fff; line-height: 21px; text-align: center; margin: 0 auto; letter-spacing: 3px;transition: 0.4s linear; opacity: 0; text-shadow: 0px 0px 4px #000; font-style: oblique;} .img:hover .bruja { opacity: 1; transition:0.5s linear;} div::-webkit-scrollbar { background-color: #fff; width: 7px; border:0; } div::-webkit-scrollbar-thumb { background: #ddd; width: 5px; border:0;}</style>

Sobre tu segundo codigo, le cambie algunos nombres a tus class porque sino se repetirian con el codigo anterior y no te leeria el css del segundo sino del primero ;)

Soy un título guapo(?)
Nombre hermoso de tu personaje
"Aquí va una frase muy rica y chula"
Nombre lindo
Jelly tootsie roll chocolate sweet sweet candy cake donut pudding. Sweet roll danish oat cake topping icing cookie cookie toffee candy canes. Marshmallow jelly tart. Sweet roll cheesecake cheesecake carrot cake jelly-o. Brownie halvah dragée chocolate cake oat cake icing I love pastry. Gummi bears brownie chocolate cake tart I love icing I love I love I love. Jelly tootsie roll chocolate sweet sweet candy cake donut pudding. Sweet roll danish oat cake topping icing cookie cookie toffee candy canes. Marshmallow jelly tart. Sweet roll cheesecake cheesecake carrot cake jelly-o. Brownie halvah dragée chocolate cake oat cake icing I love pastry. Gummi bears brownie chocolate cake tart I love icing I love I love I love.
Nombre lindo
Jelly tootsie roll chocolate sweet sweet candy cake donut pudding. Sweet roll danish oat cake topping icing cookie cookie toffee candy canes. Marshmallow jelly tart. Sweet roll cheesecake cheesecake carrot cake jelly-o. Brownie halvah dragée chocolate cake oat cake icing I love pastry. Gummi bears brownie chocolate cake tart I love icing I love I love I love.
Nombre lindo
Jelly tootsie roll chocolate sweet sweet candy cake donut pudding. Sweet roll danish oat cake topping icing cookie cookie toffee candy canes. Marshmallow jelly tart. Sweet roll cheesecake cheesecake carrot cake jelly-o. Brownie halvah dragée chocolate cake oat cake icing I love pastry. Gummi bears brownie chocolate cake tart I love icing I love I love I love.




Código:
<div class="cajone"><div class="relaciones">Soy un título guapo(?)</div><div class="imag"></div><div class="Fondito"><div class="titulo"> Nombre hermoso de tu personaje</div><div class="barrita"></div><div class="frase">"Aquí va una frase muy rica y chula"</div><table><tbody><tr><td><div class="img1"><img src="http://placehold.it/200x200" style="border-radius: 100px;"/><div class="nombre">Nombre lindo</div></div></td><td><div class="Texto">Jelly tootsie roll chocolate sweet sweet candy cake donut pudding. Sweet roll danish oat cake topping icing cookie cookie toffee candy canes. Marshmallow jelly tart. Sweet roll cheesecake cheesecake carrot cake jelly-o. Brownie halvah dragée chocolate cake oat cake icing I love pastry. Gummi bears brownie chocolate cake tart I love icing I love I love I love. Jelly tootsie roll chocolate sweet sweet candy cake donut pudding. Sweet roll danish oat cake topping icing cookie cookie toffee candy canes. Marshmallow jelly tart. Sweet roll cheesecake cheesecake carrot cake jelly-o. Brownie halvah dragée chocolate cake oat cake icing I love pastry. Gummi bears brownie chocolate cake tart I love icing I love I love I love.</div></td></tr></tbody></table><table><tbody> <tr><td><div class="img1"><img src="http://placehold.it/200x200" style="border-radius: 100px;"/><div class="nombre">Nombre lindo</div></div></td><td><div class="Texto">Jelly tootsie roll chocolate sweet sweet candy cake donut pudding. Sweet roll danish oat cake topping icing cookie cookie toffee candy canes. Marshmallow jelly tart. Sweet roll cheesecake cheesecake carrot cake jelly-o. Brownie halvah dragée chocolate cake oat cake icing I love pastry. Gummi bears brownie chocolate cake tart I love icing I love I love I love. </div></td></tr></tbody></table><table><tbody><tr> <td><div class="img1"><img src="http://placehold.it/200x200" style="border-radius: 100px;"/><div class="nombre">Nombre lindo</div></div></td><td><div class="Texto">Jelly tootsie roll chocolate sweet sweet candy cake donut pudding. Sweet roll danish oat cake topping icing cookie cookie toffee candy canes. Marshmallow jelly tart. Sweet roll cheesecake cheesecake carrot cake jelly-o. Brownie halvah dragée chocolate cake oat cake icing I love pastry. Gummi bears brownie chocolate cake tart I love icing I love I love I love. </div></td></tr></tbody></table></div></div><div class="creditos"><a href="https://witchalwayslies.tumblr.com/" class="hover">@by The Witch</a></div></div>

<style>.cajone { margin: 0 auto; width: 540px; } .relaciones{ font-size: 40px;color: #e60000; font-family: Playfair Display; text-align: center; letter-spacing: 3px; font-style: italic; padding:10px 0; } .imag { width: 540px; height: 150px; border:1px solid #ddd; background: url('http://placehold.it/540x150'); margin: 0 auto; opacity: 0.4;filter: alpha(opacity=50);}.imag:hover { opacity: 1.0;filter: alpha(opacity=100);} .Fondito {width: 540px;height: 500px; margin: 0 auto;border: 1px solid #ddd; overflow: auto; background: transparent; }.titulo { font-family: "Oswald";text-align: center;font-size: 16px;margin-top: 10px;padding: 5px;} .barrita {border: 1px solid  #e60000; height: 2px;width: 85%;margin: 0 auto;}.frase { text-align: center;font-size: 10px; font-family: "Playfair Display";margin-top: 5px;margin-bottom: 15px;}.img1, .img1 img { width: 200px;height: 200px; border: 1px solid;border-radius: 100px;opacity: 0.4;filter: alpha(opacity=50);} .img1:hover { opacity: 1.0;f ilter: alpha(opacity=100);} .nombre { width: 200px;height: 40px; padding-top: 35px;position: relative; margin-top: -150px;font-family: Gamja Flower; font-size: 23px;color: #e60000; line-height: 21px; text-align: center;letter-spacing: 3px; font-style: italic;transition: 0.4s linear; opacity: 0;}.img1:hover .nombre { opacity: 1; transition:0.5s linear; } .Texto { overflow: scroll; width: 290px; height: 200px; margin: 4px; padding: 10px; border: 1px solid #CCC; text-align: justify;}.creditos {display: block; padding: 6px; text-align: center;width: 500px; margin: 0 auto;} a.hover {color: #cc0000; font-family: 'Playfair Display', sans-serif; text-decoration: none;font-size: 11.4px; letter-spacing; 2px; line-height: 1.8; display:block!important; margin: 0 auto; width: 120px; position: relative;overflow: hidden; text-transform: uppercase; transition: color .4s cubic-bezier(0.11, 0.7, 0, 1);} a.hover:hover { color: #cc6600; transition: 0.2s} div::-webkit-scrollbar { background-color: #fff; width: 7px; border:0; } div::-webkit-scrollbar-thumb { background: #ddd; width: 5px; border:0;}</style>

Nota: Tu pones asi border: 1px solid; cuando lo mejor es seleccionar un color con el borde de esta forma, border: 1px solid #ddd; asi no te sale solo un borde negro sino puedes elegir el color que combine con tu tablilla.


PD. Algo sigue saliendo mal creo que es una class con nombre igual que me cambia la de la tablilla primera.. en cuanto llegue a casa vuelvo a revisar con calma Cosas encima de otras y dimensiones | Resuelto 3728603767
campo2 Mensajes :
2486


campo3 Blood :
1304014


campo4 Frasesita :
I go b o o m
ᴅʏɴᴀᴍɪɢʜᴛ
. . .
Cosas encima de otras y dimensiones | Resuelto F0216a17-4a1a-4b5e-9b84-d699e8773f84-bakugou

Cosas encima de otras y dimensiones | Resuelto 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
The Witch
The Witch
Coder ⋆ Writer
Dom Abr 22, 2018 7:55 pm
campo2 Mensajes :
185


campo3 Blood :
754919


campo4 Frasesita :
Dont miss me, my dear

Cosas encima de otras y dimensiones | Resuelto 42

Muchísimas gracias Ros, voy a seguir estos pequeños para que ya no me pase lo que antes, me han salvado al vida; ahora mismo edito los codes en el tema donde los había puesto, de verdad; gracias por tomarse el tiempo de revisarlos <3
campo2 Mensajes :
185


campo3 Blood :
754919


campo4 Frasesita :
Dont miss me, my dear

Cosas encima de otras y dimensiones | Resuelto 42

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