Últimos temas
02. Libro de firmasVie Dic 14, 2018 6:30 pmcellet
NEOARGHIA +18 (ÉLITE)Miér Dic 05, 2018 12:07 pmRoshio
[Duda] Resuelto | Eliminar fondo Miér Nov 21, 2018 1:35 pmangiee
[Duda] El css se pierde.Vie Oct 19, 2018 3:57 pmangiee
élite + brothersites
vududoll ➹ reviews

Comparte
Ver el tema anteriorIr abajoVer el tema siguiente
avatar
Coder ⋆ Writer
el Lun Abr 16, 2018 7:44 pm
Mensajes :
119


Blood :
49325


Frase :
Dont miss me, my dear



¡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  
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
, 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>




Última edición por Nympha el Lun Abr 16, 2018 8:01 pm, editado 3 veces
Ver perfil de usuario
Mensajes :
119


Blood :
49325


Frase :
Dont miss me, my dear



avatar
Coder
el Lun Abr 16, 2018 7:51 pm
Mensajes :
72


Blood :
51865


Frase :

he never knew what i was made of


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.
Ver perfil de usuario
Mensajes :
72


Blood :
51865


Frase :

he never knew what i was made of


avatar
Coder ⋆ Writer
el Lun Abr 16, 2018 8:04 pm
Mensajes :
119


Blood :
49325


Frase :
Dont miss me, my dear



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

¡De verdad muchísimas gracias!
Ver perfil de usuario
Mensajes :
119


Blood :
49325


Frase :
Dont miss me, my dear



avatar
webmaster
el Mar Abr 17, 2018 5:56 pm
Mensajes :
1985


Blood :
589808


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

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



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
Ver perfil de usuario
Mensajes :
1985


Blood :
589808


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

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



avatar
Coder ⋆ Writer
el Dom Abr 22, 2018 7:55 pm
Mensajes :
119


Blood :
49325


Frase :
Dont miss me, my dear



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
Ver perfil de usuario
Mensajes :
119


Blood :
49325


Frase :
Dont miss me, my dear



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