Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje21-07-2011, 23:10 (UTC)    
Título del mensaje: Problema con la transparencia en CSS

Hola estoy adaptando una plantilla que encontre aquí para una web de tarot y desearia que en lugar de color blanco todo el fondo fuese transparente para poner una imagen y se transparentara en toda la página, ahora solo se ve un poco por arriba y abajo os paso codigo css por si alguien puede ayudarme, pues supongo que solo es canviar un código pero no se encontrar cual es.
gracias.

Texto por encima

Cita:
<!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' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<div class='navbar section' id='navbar'>
<div class='widget Navbar' id='Navbar1'></div>
<div id='layout_wrapper'>
<div id='layout_edgetop'></div>
<div id='layout_container'>


<!--[if lte IE 7]>
<style type="text/css">
html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/
</style>
<![endif]-->

<div id="menucase">

<div id="stylefour">

<ul>

<li><a href="http://tarotagata.es.tl/" class="current">Inicio</a></li>

<li><a href="http://tarotagata.es.tl/Tarot.htm">Tarot</a></li>

<li><a href="http://tarotagata.es.tl/foro.htm">ForoICS</a></li>

<li><a href="http://tarotagata.es.tl/noticias.htm">Noticias</a></li>

<li><a href="http://tarotagata.es.tl/tutoriales.htm">Tutoriales</a></li>

<li><a href="http://tarotagata.es.tl/videotutoriales.htm">[VideoTutoriales]</a></li>


<li><a href="http://tarotagata.es.tl/codigos.htm">Codigos Para Tu Web</a></li>
<li><a href="http://tarotagata.es.tl/contacto.htm">Contacto</a></li>
</ul>

</div>

</div>




<div class='clear'></div>
<!-- Head -->
<div id='header-wrapper'>
<div class='header section' id='header'><div class='widget Header' id='Header1'>
<div id='header-inner'><div class='titlewrapper'>

</div>

</div>
</div></div>
<div class='clear'></div>
</div>
<div id='top_separator'></div>
<div id='navigation'>
<div id='tabs'>

</div>
<div class='spacer h5'></div>
<div id='content-wrapper'>



Código CSS

Cita:
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
* {
margin: 0;
padding: 0;
}

body {
background: url(http://www.fondos10.net//wp-content/uploads/images//fondos10.net-fantasia-64.jpg);
font: normal 13px Verdana;
color: #2a2a2a;
padding-bottom: 1em;
}

a {
color: #0066AA;
}

a:hover {
color: #003366;
}

p {
padding: 0.1em 0 0.8em;
}

h1 {
font: normal 1.8em Georgia,Tahoma,sans-serif;
}

h2 {
font: normal 1.5em Georgia,sans-serif;
}

h3 {
font: bold 1em Tahoma,sans-serif;
}

html {
height: 100%;
padding-bottom: 1px;
}

ul,ol {
margin: 0 0 1em 1.6em;
}
ul ul, ol ol {
margin: 0.3em 0 0.3em 1em;
}
img {
border: none;
}

img.bordered {
background: #FFF;
padding: 1px;
border: 5px solid #DDD;
}

img.left {
margin-right: 1em;
}

img.right {
margin-left: 1em;
}

small,.small {
font-size: 0.8em;
}

big,.big {
font-size: 1.2em;
}

#layout_wrapper {
margin: 10px auto 0;
width: 1018px;
}

#layout_container {
background: #FFF;
padding: 5px 5px;
border: solid #c4c4c4 0.15em;
margin: 5px;
}

#layout_edgetop, #layout_edgebottom {
background: url(BARRA SOBRE HEADER) no-repeat left top;
display: block;
height: 10px;
font-size: 0;
line-height: 0;
}

#layout_edgebottom {
background-position: left bottom;
}

/*-- Menu --*/

.jqueryslidemenu{
font: normal 12px Verdana;
background: #aeaeae url(http://i41.servimg.com/u/f41/12/61/44/13/dibujo12.jpg);
height: 26px;
width: 995px;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #202020 url(http://img209.imageshack.us/img209/1263/photoshopi.png) ; /*background of tabs (default state)*/
color: white;
padding: 6px 8px;
border-right: 1px solid #C0C0C0;
color: #2d2b2b;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background: black; /*tab link background during hover state*/
color: white;
}

/*1st sub level menu*/
.jqueryslidemenu ul li ul{
color: #383026;
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: #383026;
}

/* ######### CSS classes applied to down and right arrow images ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/*-- (Cabezal) --*/
#header-wrapper {
background: #bababa url(http://i41.servimg.com/u/f41/12/61/44/13/dibujo12.jpg) no-repeat left top;
background-position: center top;
width: 995px;
height: 180px;

}
#header-wrapper h1 {
font: normal 2.4em sans-serif;
letter-spacing: -1px;
color: #507A9A;
float:left;
}
#header-wrapper h1 a {
color: #507A9A;
text-decoration: none;
}
#header-wrapper h1 a:hover {
color: #305A7A
}
#header-wrapper p {
padding: 1.4em 0 0;
font: normal 1.1em sans-serif;
color: #667799;
float:right;
}


#layout_edgebottom {
background-position: left bottom;
}

/*-- (Contenido) --*/
.h5 {
height: 0px;
}

/* Contenido */
#content {
background: #fffefe;
width: 972px;
float: left;
border: #DDD solid 0.1em;
margin-top: 5px;
padding: 10px 10px 5px;
}
#content a {
}
#content a:hover {
}


.date-header {
color: #999999;
padding-top: 1px;
font-size: 0.85em;
float:right;
}
.post-footer, p.comment-footer {
padding: 4px 5px 3px;
background: #F5F5F5;
color: #666;
border-top: 1px solid #E5E5E5;
font-size: 0.8em;
}
.post-footer a{
color: #567;
}
.post-footer a:hover{
color: #002;
}
.post-footer .comment-link {
background: url() no-repeat left center;
padding-left: 18px;
float:right;
}
.post_bottom {
background: url(BARRA ABAJO DE FOOTER) no-repeat left top;
display: block;
height: 5px;
font-size: 0;
line-height: 0;
}
.feed-links {display:none;}
.blog-pager {margin:10px 0; font-size:0.8em;}



/*-- Footer --*/
#footer {
background: #c4c4c4; repeat-x left top;
padding: 120px 160px 60px;
font-size: 0.85em;
color: #FAFCFF;
text-align:center;
}

#footer {
color: #FFF;
padding: 12px 18px 12px;
}

#footer a {
color: #FFF;
text-decoration: none;
}

#footer a:hover {
color: #FFE;
text-decoration: underline;
}

.left {
float: left;
}

.right {
float: right;
}

.clear,.clearer {
clear: both;
}

.clearer,.spacer {
display: block;
font-size: 0;
line-height: 0;
}


h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
margin:0;
padding:0;
}

hr {
border:none;
border-top:1px solid #CCCCCC;
height:1px;
margin-bottom:25px;
}

#stylefour{
position:relative;
display:block;
height:39px;
font-size:11px;
font-weight:bold;
background:transparent url(bgOFF.gif) repeat-x top left;
font-family:Arial,Verdana,Helvitica,sans-serif;
border-top:4px solid #B30000;
}

#stylefour ul{
margin:0;
padding:0;
list-style-type:none;
width:auto;
}

#stylefour ul li{
display:block;
float:left;
margin:0;
}

#stylefour ul li a{
display:block;
float:left;
color:#666;
text-decoration:none;
padding:11px 20px 0 20px;
height:23px;
background:transparent url(bgDIVIDER.gif) no-repeat top right;
}

#stylefour ul li a:hover,#stylefour ul li a.current{
color:#B30000;
background:#fff url(bgON.gif) no-repeat top right;
}



[/quote]
Mensaje22-07-2011, 00:14 (UTC)    
Título del mensaje: Re: Problema con la transparencia en CSS

por enpezar,tienes imagenes qe no van es OTROS TEMAS , se le recomienda que mande a un MOD a correr el Tema hacia PROBLEMAS GENERALES .

y alrespecto de su diseño , tiene imagenes sin subir


}
.post_bottom {
background: url(BARRA ABAJO DE FOOTER) no-repeat left top;
display: block;
height: 5px;
font-size: 0;
line-height: 0;
}
.feed-links {display:none;}
.blog-pager {margin:10px 0; font-size:0.8em;}



/*-- Footer --*/
#footer {
background: #c4c4c4; repeat-x left top;
padding: 120px 160px 60px;
font-size: 0.85em;
color: #FAFCFF;
text-align:center;
}

#footer {
color: #FFF;
padding: 12px 18px 12px;
}

#footer a {
color: #FFF;
text-decoration: none;
}

#footer a:hover {
color: #FFE;
text-decoration: underline;
}

.left {
float: left;
}

.right {
float: right;
}

.clear,.clearer {
clear: both;
}

.clearer,.spacer {
display: block;
font-size: 0;
line-height: 0;
}


h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
margin:0;
padding:0;
}

hr {
border:none;
border-top:1px solid #CCCCCC;
height:1px;
margin-bottom:25px;
}

#stylefour{
position:relative;
display:block;
height:39px;
font-size:11px;
font-weight:bold;
background:transparent url(bgOFF.gif) repeat-x top left;
font-family:Arial,Verdana,Helvitica,sans-serif;
border-top:4px solid #B30000;
}

#stylefour ul{
margin:0;
padding:0;
list-style-type:none;
width:auto;
}

#stylefour ul li{
display:block;
float:left;
margin:0;
}

#stylefour ul li a{
display:block;
float:left;
color:#666;
text-decoration:none;
padding:11px 20px 0 20px;
height:23px;
background:transparent url(bgDIVIDER.gif) no-repeat top right;
}

#stylefour ul li a:hover,#stylefour ul li a.current{
color:#B30000;
background:#fff url(bgON.gif) no-repeat top right;
}
Mensaje22-07-2011, 13:40 (UTC)    
Título del mensaje:

Gracias por tu respuesta, aun que me ayuda poco en mi problema
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group