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
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
*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
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>