ayda con tablas semitrasparentes para el myspace

El Garavo

Lanero Regular
11 May 2005
80
buenas a todos, estoy creando el layout del myspace de mi banda de rock, www.myspace.com/condicionadversa y llevo un buen rato navegado en busca de un código en html para hacer que las tablas donde se sitúa el texto sean semitransparentes y así se observe el fondo pero también algo de opacidad para que se vean las letras blancas cuando están sobre alguna región blanca del fondo.
sobre el fondo desearía saber que tamaño o resolución le coloco para que se vea bien en la amyoria de exploradores y resoluciones de pantalla y no cortado como me quedo.

si es posible también algunas ideas (y el codigo) para mejorarlo sin llegar a ser muy extravagante, sino que sea moderno y muy estilizado y poco saturado de elementos.

este es el codigo que usé que obtuve con un editor de joombly POSDTA: no se casi nada de html jejje agradeceria toda la ayuda que me puedan brindar
style type="text/css"
body {
background-color: rgb(10, 10, 10);
background-image: url(http://img214.imageshack.us/img214/8695/vytvkqztjt1.jpg);
background-position:middle center;
background-repeat:repeat-y;
background-attachment:scroll;
}
table, tr, td {
background-color: transparent;
border: 0px;
}
table table {
border: 0px;
}
table table table table{
border:0px;
}
table table table {
border-width:0px;
border-color:rgb(102, 102, 102);
border-style:solid;
background-color: transparent;
}
table table table td {
background-color:rgb(134, 9, 9);
}
table table table table td {
filter:none;
}
body, div, span, td, p, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .blacktext10, .blacktext12 {
font-family:Verdana;
font-size:12px;
color:rgb(182, 171, 171);
font-weight:normal;
font-style:normal;
text-decoration:none;
}
.nametext {
padding: 5px;
font-family:Verdana;
font-size:19px;
color:rgb(247, 242, 242);
font-weight:bold;
font-style:normal;
text-decoration:none;
display: block;
}
.whitetext12, .orangetext15 {
font-family:Verdana;
font-size:15px;
color:rgb(212, 207, 205);
font-weight:bold;
font-style:normal;
text-decoration:none;
}
a.navbar:link, a.navbar:active, a.navbar:visited, a.man:link, a.man:active, a.man:visited, a, a:link, a:active, a:visited, a.text:link, a.text:active, a.text:visited, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.redlink:link, a.redlink:active, a.redlink:visited {
color:rgb(131, 149, 185);
font-weight:bold;
font-style:normal;
text-decoration:none;
}
a.navbar:hover, a.man:hover, a:hover, a.text:hover, a.searchlinksmall:hover, a.redlink:hover {
color:rgb(131, 149, 185);
font-weight:bold;
font-style:normal;
text-decoration:none;
}
.badge {
position: absolute;
left: 1px;
top: 1px;
}
/style
<a href="http://www.joombly.com/" target="_blank"><img src="http://i136.photobucket.com/albums/q179/joombly/advertising/button.gif" alt="Perfil Generado por http://www.joombly.com/" style="position:absolute; left:0px; top: 0px; border:0; z-index:9;" ></a>
 

Los últimos temas