Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje11-09-2012, 01:34 (UTC)    
Título del mensaje: [Resuelto] Problema con plantilla.

Hola! Mi página es www.CrashMundo.es.tl y tengo una duda. Ocurre que las imágenes de formato Png y Gif con fondo transparente en mi página se ven con fondo, la página les añade fondo a todo tipo de imágenes y quisiera saber como quitar esa característica de mi plantilla, por ello espero que alguna persona avanzada en este tema me pueda ayudar, de antemano, gracias.


Texto por encima de la página
Cita:
<style type="text/css">table[height ="102"] {margin-left:auto;margin-right:auto;}</style> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" /> <title> - HOME</title> <style type="text/css"> <!-- lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} div#nav_container {display:none;} h2#nav_heading {display:none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} { margin: 0; padding: 0; } body { background: #CCC; font: 70%/1.5em Verdana, Tahoma, arial, sans-serif; color: #000; text-align: center; } /* links */ a, a:visited { text-decoration: none; color: #000000; background: inherit; } a:hover { color: #000000; background: inherit; text-decoration: underline; } /* headers */ h1, h2, h3 { font-family: 'Trebuchet MS', Tahoma, Sans-serif; font-weight: Bold; } h1 { font-size: 130%; } h2 { font-size: 120%; text-transform: uppercase; color: #000000; } h3 { font-size: 120%; color: #666666; } /* images */ img { background: #FFFFFF; border: 0px solid #E5E5E5; padding: 0px; } img.float-right { margin: 5px 0px 10px 10px; } img.float-left { margin: 5px 10px 10px 0px; } h1, h2, h3, p { padding: 10px; margin: 0; } ul, ol { margin: 5px 20px; padding: 0 20px; } ul li { list-style-image: url(http://i.imgur.com/ufIk7.gif); } code { margin: 5px 0; padding: 10px; text-align: left; display: block; overflow: auto; font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ; /* white-space: pre; */ background: #FAFAFA; border: 1px solid #f2f2f2; } acronym { cursor: help; border-bottom: 1px solid #777; } blockquote { margin: 10px; padding: 0 0 0 28px; border: 1px solid #f2f2f2; background: #FAFAFA url(http://i.imgur.com/IFk1Q.gif) no- repeat 5px 5px; } /* start - table */ table { border-collapse: collapse; margin: 10px; } th strong { color: #FFF; } th { background: #93BC0C; height: 29px; padding-left: 12px; padding-right: 12px; color: #FFF; text-align: left; border-left: 1px solid #B6D59A; border-bottom: solid 2px #FFF; } tr { height: 30px; } td { padding-left: 11px; padding-right: 11px; border-left: 0px solid #FFF; border-bottom: solid 0px #ffffff; } td.first,th.first { border-left: 0px; } tr.row-a { background: #F8F8F8; } tr.row-b { background: #EFEFEF; } /* end - table */ /* form elements */ form { margin:10px; padding: 0 5px; border: 1px solid #f2f2f2; background-color: #FAFAFA; } label { display:block; font-weight:bold; margin:5px 0; } input { padding:2px; border:1px solid #eee; font: normal 1em Verdana, sans-serif; color:#777; } textarea { width:400px; padding:2px; font: normal 1em Verdana, sans-serif; border:1px solid #eee; height:100px; display:block; color:#777; } input.button { font: bold 12px Arial, Sans-serif; height: 24px; margin: 0; padding: 2px 3px; color: #FFF; background: #8EB50C url(http://i.imgur.com/eQBxt.jpg) repeat-x 0 0; border: none; } { background-color: transparent; border: none; margin: 0; padding: 5px 0 15px 0; width: 190px; } r: #777; height: 18px; padding: 2px; border: 1px solid{ margin: 0; padding: 0; } { width: 120px; colo #E5E5E5; vertical-align: top; } { width: 60px; height: 24px; padding: 2px 5px; vertical-align: top; } #wrap { width: 820px; background: #CCC url(http://img.webme.com/pic/c/crashmundo/barracentral.png) repeat-y center top; margin: 0 auto; text-align: left; } #content-wrap { clear: both; width: 760px; padding: 0; margin: 10px auto; } #header { width: 820px; position: relative; height: 103px; background: #6C2F03 url(http://img.webme.com/pic/c/crashmundo/bannercrashmundo.png) no-repeat center top; padding: 0; color: #FFF; /* font-size: 14px; */ } #header h1#logo-text { position: absolute; margin: 0; padding: 0; font: bolder 44px 'Trebuchet MS', Arial, Sans-serif; letter-spacing: -2px; color: #FFF; text-transform: none; /* change the values of top and left to adjust the position of the logo*/ top: 25px; left: 47px; } #header h2#slogan { position: absolute; margin: 0; padding: 0; font: normal 12px 'Trebuchet MS', Arial, Sans-serif; text-transform: none; color: #FFF; /* change the values of top and left to adjust the position of the slogan*/ top: 70px; left: 55px; } /* header links */ #header #header-links { position: absolute; top: 20px; right: 30px; color: #000000; font-size: 10px; } #header #header-links a { color: #FFF; text-decoration: none; } #header #header-links a:hover { color: #000000; } #menu { clear: both; margin: 0 auto; padding: 0; background: url(http://img.webme.com/pic/c/crashmundo/barramenu.png) repeat-x 0 0; font: bold 12px/37px Verdana, Arial, Tahoma, Sans-serif; height: 37px; width: 820px; } #menu ul { float: right; list-style: none; margin:0; padding: 0; } #menu ul li { display: inline; } #menu ul li a { display: block; float: left; padding: 0 10px; color: #FFF; text-decoration: none; } #menu ul li.last a { padding-right: 20px; } #menu ul li a:hover { color: #000000; } #menu ul li#current a { color: #FFFFFF; } #main { float: left; width: 70%; padding: 0; margin: 0 0 0 5px; display: inline; } #main h1 { margin-top: 10px; font: Bold 140% 'Trebuchet MS', Tahoma, Sans-serif; color: #88ac0b; padding: 5px 0 5px 25px; border-bottom: 1px solid #EFF0F1; background: #FFF url(http://i.imgur.com/yBitk.png) no-repeat 3px 50%; } .post-footer { background-color: #FAFAFA; padding: 5px; margin: 20px 10px 0 10px; border: 1px solid #f2f2f2; font-size: 95%; } .post-footer .date { background: url(http://i.imgur.com/FLdxS.gif) no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } .post-footer .comments { background: url(http://i.imgur.com/GO10V.gif) no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } .post-footer .readmore { background: url(http://i.imgur.com/nnEIO.gif) no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } /* Sidebar */ #sidebar { float: right; width: 26.5%; padding: 0; margin: 0; color: #68774A; } #sidebar h1 { margin-top: 10px; padding: 5px 5px; font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif; color: #E77729; } #sidebar ul.sidemenu { list-style: none; text-align: left; margin: 7px 4px 8px 0; padding: 0; text-decoration: none; background: url(http://img.webme.com/pic/c/crashmundo/rhitn.jpg) repeat-x left top; } #sidebar ul.sidemenu li { list-style: none; background: url(http://img.webme.com/pic/c/crashmundo/rhitn.jpg) repeat-x left bottom; padding: 4px 0 4px 5px; margin: 0 2px; color: #68774A; } * html body #sidebar ul.sidemenu li { height: 1%; } #sidebar ul.sidemenu li a { text-decoration: none; background-image: none; color: #666666; } #sidebar ul.sidemenu li a:hover { color: #E56E1D; } #footer { color: #C6DDEE; background: #995107 url(http://img.webme.com/pic/c/crashmundo/bannerabajo.png) no-repeat center top; clear: both; width: 820px; height: 65px; text-align: center; font-size: 92%; } #footer a { color: #FFF; text-decoration: none; } .float-left { float: left; } .float-right { float: right; } .align-left { text-align: left; } .align-right { text-align: right; } .clear { clear: both; } //--> </style> </head> <body id="hpb_cssonly"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> </head> <body> <div id="wrap"> <div id="header"> <h1 id="logo-text"></h1> <h2 id="slogan"></h2> <div id="header-links"> </div> </div> <div id="menu"> <ul> <li id="current"><a href="http://crashmundo.es.tl/">INICIO</a></li> <li><a href="http://crashmundo.es.tl/FORO/index.htm">FORO</a></li> <li><a href="http://crashmundo.es.tl/CHATEAR.htm">CHAT</a></li> <li><a href="http://crashmundo.es.tl/JUEGOS-OFICIALES.htm">SAGA</a></li> <li><a href="http://crashmundo.es.tl/DESCARGAS.htm">DESCARGAS</a></li> <li class="last"><a href="http://crashmundo.es.tl/CONTACTO.htm">CONTACTO</a></li> </ul> </div> <div id="content-wrap"> <div id="sidebar"> </br> <h1>Redes</h1> <center> <a target="_blank" title="Facebook" href="https://www.facebook.com/CrashMundo"><img alt="Facebook" border="0" src="http://img.webme.com/pic/c/crashmundo/facebook_crashmundo.png" onmouseover="this.src='http://img.webme.com/pic/c/crashmundo/facebook_crashmundo2.png';" onmouseout="this.src='http://img.webme.com/pic/c/crashmundo/facebook_crashmundo.png';" /></a> <a title="Chat" href="http://crashmundo.es.tl/CHATEAR.htm"><img alt="Chat" border="0" src="http://img.webme.com/pic/c/crashmundo/chatear.png" onmouseover="this.src='http://img.webme.com/pic/c/crashmundo/chatear2.png';" onmouseout="this.src='http://img.webme.com/pic/c/crashmundo/chatear.png';" /></a> <a target="_blank" title="YouTube" href="http://www.youtube.com/crashmundo"><img alt="YouTube" border="0" src="http://img.webme.com/pic/c/crashmundo/youtube_crashmundo.png" onmouseover="this.src='http://img.webme.com/pic/c/crashmundo/youtube_crashmundo2.png';" onmouseout="this.src='http://img.webme.com/pic/c/crashmundo/youtube_crashmundo.png';" /></a> </center> <h1>Afiliados</h1> <ul class="sidemenu"> <li><a href="http://iceberg-lab.blogspot.com/" target="_blank">Iceberg-Lab</a></li> <li><a href="http://crashandroll.foros.ws/" target="_blank">Crash and Roll</a></li> <li><a href="http://www.crashmania.net/" target="_blank">Crash Mania</a></li> <li><a href="http://comunidad-bandicoot.es.tl/" target="_blank">Comunidad Bandicoot</a></li> <li><a href="http://crashynews.wordpress.com/" target="_blank">Crashy News</a></li> <h1>MiniChat</h1> <script language="JavaScript" src="http://cbox.co.za/box/js.php?boxid=368446&boxtag=bmz2kz&srv=7&width=180&heightmain=300&heightform=75&frameborder=1&bordercolor=%23FFFFFF"></script> </ul> <div class="left-box"></div> <div class="left-box"></div> </div><div id="main">


Texto por debajo de la página:

Cita:
<div id="container"> <div id="header_container"> <div id="pre_header"></div> <div class="header"><h1 id="header"><span> </span></h1></div> <div id="post_header"></div> </div> <div id="nav_container"> </div> <div id="content_container"> <div id="pre_content"></div> <div id="counter"><span></span></div> <div id="post_content"></div> <div id="sidebar_content"></div> </div> </div> </form> <br /> </div> </div> <div id="footer"> <p> © 2010-2012 <strong>Crash Mundo</strong> </br><script id="_wauycx">var _wau = _wau || [];
_wau.push(["colored", "5jtxm7tu86mm", "ycx", "e36818000000"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/colored.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>
<style>div#sidebar_container {display:none}</style>
<style type="text/css"><!--body { background-attachment: fixed; background-image: url(http://img.webme.com/pic/c/crashmundo/fondodelapagina.jpg); background-repeat: repeat; background-position: top; }--></style>


Ultima edición por crashmundo el Mar Sep 25, 2012 3:03 am; editado 2 veces
Mensaje11-09-2012, 03:30 (UTC)    
Título del mensaje: Re: Problema con plantilla.

crashmundo escribió:
Hola! Mi página es www.CrashMundo.es.tl y tengo una duda. Ocurre que las imágenes de formato Png y Gif con fondo transparente en mi página se ven con fondo,


Hola,
Siempre va ser que si tienes imagen con fondo transparente va a reflejar el color o la imagen que allá atras de esa imagen, si la propia imagen no tiene color o imagen de fondo y es transparente es sencillo que será Translúcido la misma palabra lo dice todo, si sacas el color que hay atras será transparente.
Como reflejo tienes una imagen de fondo.

Saludos.
______________
Mensaje11-09-2012, 04:20 (UTC)    
Título del mensaje: Re: Problema con plantilla.

master-nemesis escribió:
crashmundo escribió:
Hola! Mi página es www.CrashMundo.es.tl y tengo una duda. Ocurre que las imágenes de formato Png y Gif con fondo transparente en mi página se ven con fondo,


Hola,
Siempre va ser que si tienes imagen con fondo transparente va a reflejar el color o la imagen que allá atras de esa imagen, si la propia imagen no tiene color o imagen de fondo y es transparente es sencillo que será Translúcido la misma palabra lo dice todo, si sacas el color que hay atras será transparente.
Como reflejo tienes una imagen de fondo.

Saludos.


Hola, ocurre que cuando le quito el color que está anterior a la imágen, esta pierde su ubicación y forma, no entiendo mucho el por qué .
Mensaje11-09-2012, 09:23 (UTC)    
Título del mensaje:

busca en tu css la etiqueta img y fijate que no tenga fondo, si lo tiene solo borralo y creo que sera suficiente. Lo mas comun es que sea
Código:
background: #algunos numeros o letras
background-color: #algunos numeros o letras
probablemente solo sea eso
______________
Mensaje24-09-2012, 22:26 (UTC)    
Título del mensaje:

No, no es eso, cuando borro background más el color la imágen se pierde, no aparece. además cuando pongo imágenes fuera de la plantilla (ej: flotando en esquinas) se les ve el fondo blanco a pesar de tener el fondo transparente. Ayuda por favor

Creo yo que es un problema de la plantilla, tiene algún código que hace aquella acción de no dejar transparentar las imagenes transparentes. Como soy ignorante en html y solo se conocimientos básicos no logro identificar que es


Ultima edición por crashmundo el Lun Sep 24, 2012 6:30 pm; editado 1 vez
Mensaje25-09-2012, 02:19 (UTC)    
Título del mensaje:

crashmundo escribió:
No, no es eso, cuando borro background más el color la imágen se pierde, no aparece. además cuando pongo imágenes fuera de la plantilla (ej: flotando en esquinas) se les ve el fondo blanco a pesar de tener el fondo transparente. Ayuda por favor

Creo yo que es un problema de la plantilla, tiene algún código que hace aquella acción de no dejar transparentar las imagenes transparentes. Como soy ignorante en html y solo se conocimientos básicos no logro identificar que es


es muy extraño que eso pase. ¿no ha intentado borrar simplemente esta linea de su codigo?
Código:
img { background: #FFFFFF; border: 0px solid #E5E5E5; padding: 0px; }
ya que esa linea es la que da el fondo a las imagenes, Ahora solo seria insertar una imagen que no lleve estilos incrustados o alguna clase que la afecte por ejemplo
Código:
<img title="una manzana mordida" src="http://img.webme.com/pic/d/darknet13/iweb-applelogo.png">

______________


Ultima edición por darknet13 el Lun Sep 24, 2012 10:20 pm; editado 1 vez
Mensaje25-09-2012, 05:33 (UTC)    
Título del mensaje:

Gracias! ya me ha funcionado, te lo agradezco mucho :D
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group