Como puedo añadirle opacidad a esta tabla (adjunto el css)

[sergimbo]

Hola! Soy nuevo y me he registrado porque en el foro onde estaba no me contestaban a mis dudas. Espero haber acertado registrandome aqui

Bueno al grano. Resulta que estoy editando el css de un tema y quiero añadirle opacidad a las tablas. Resulta que dentro del apartado /* === Tables === */ hay muchos apartados y no se donde poner el filter. Me gustaria que me ayudarais pues llevo ya un tiempo peleando.

PD: Aqui os adjunto el css del tema para que lo podais ver y decirme que tengo que editar.

h t t p://w w w. m e g a u p l o a d . c o m / ? d = 8 F L 8 A X Q 1

( Sin los espacios)


Gracias

[mayid]

Lo mejor va a ser que leas un poco sobre atributos class e id para tags html . Teniendo eso en claro no es dificil identificar una tabla y diferenciarla de otra.

Basicamente, busca en el html que tabla queres modificar. Fijate que atributo id y que atributos de clase tiene, y luego buscala en tu css. Esto es certero.

No tenes una version online para ver el codigo fuente? Podes linkearla sin escribir "h t t p://", partiendo de las 3w.

[sergimbo]

Código:

/* === Tables === */

.tbl-title {
	color: #00e7ff;
	margin-top: 6px;
}

.tbl-h-c {
	background: url('./images/tbl_h_c.gif') bottom left repeat-x;
	height: 30px;
	font-weight: bold;
	font-size: 1.3em;
	text-align: center;
	vertical-align: middle;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
}

.tbl-h-l {
	background: url('./images/tbl_h_l.gif') bottom left no-repeat;
	padding-left: 27px;
}

.tbl-h-r {
	background: url('./images/tbl_h_r.gif') bottom right no-repeat;
	padding-right: 27px;
}

.tbl-f-c {
	background: url('./images/tbl_f_c.gif') bottom left repeat-x;
	height: 12px;
	font-size: 0.1em;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
}

.tbl-f-l {
	background: url('./images/tbl_f_l.gif') bottom left no-repeat;
	padding-left: 10px;
}

.tbl-f-r {
	background: url('./images/tbl_f_r.gif') bottom right no-repeat;
	padding-right: 10px;
}

th {
	color: #FFCC33;
	background-color: #111111;
	background-image: url('./images/bg_th.gif');
	font-size: 1.1em;
	font-weight: bold;
	white-space: nowrap;
	padding: 7px 5px;
}

td {
	padding: 2px;
}

td.profile {
	padding: 4px;
}

td.np {
	padding: 0px;
}

td.np-body {
	background-color: #111111;
	padding: 0px;
}

.tablebg {
	background-color: #111111;
	border: solid 1px #555555;
}

.tablebg th{
	color: #FFCC33;
	background: #111111 url('./images/bg_th.gif') top left repeat-x;
	font-size: 1.1em;
	font-weight: bold;
	height: 26px;
	padding: 0 5px;
	border: solid 1px #181818;
	border-right-color: #444444;
	border-bottom-color: #444444;
	white-space: nowrap;
}

.cat {
	color: #0088FF;
	background-color: #111111;
	background-image: url('./images/bg_th.gif');
	border: solid 1px #181818;
	border-right-color: #444444;
	border-bottom-color: #444444;
	height: 26px;
	margin: 0;
	padding: 0;
	text-indent: 4px;
}

.cat h4 a, .cat h4 a:visited {
	color: #FFCC33;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

.cat h4 a:hover, .cat h4 a:active {
	color: #DD2222;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: underline;
}

.cat-bottom {
	background: #111111 url('./images/bg_catbottom.gif') top left repeat-x;
	border: solid 1px #181818;
	border-right-color: #222222;
	border-bottom-color: #222222;
	height: 28px;
	min-height: 28px;
	text-align: center;
	padding: 0px;
}

.catdiv {
	background-color: #111111;
	background-image: url('./images/bg_th.gif');
	border: solid 1px #181818;
	border-right-color: #444444;
	border-bottom-color: #444444;
	height: 26px;
	margin: 0;
	padding: 0;
}

.rtl .catdiv {
	background-color: #111111;
	background-image: url('./images/bg_th.gif');
}

.row1, .row2, .row3, .row4 {
	border: solid 1px #181818;
	border-right-color: #222222;
	border-bottom-color: #222222;
	padding: 4px;
}

.row1 {
	background-color: #080808;
}

.row2 {
	background-color: #121212;
}

.row3 {
	background-color: #232323;
}

.row4 {
	background-color: #323232;
}

.row-post-top {
	background-color: #111111;
	border: solid 1px #181818;
	border-right-color: #222222;
	border-bottom-color: #222222;
	vertical-align: top;
}

.row-post-body {
	background: #000000 url('./images/bg_post.gif') top left repeat-x;
	border: solid 1px #181818;
	border-right-color: #222222;
	border-bottom-color: #222222;
	vertical-align: top;
}

.row-post-bottom {
	color: #666666;
	background: #000000 url('./images/bg_postbottom.gif');
	border: solid 1px #181818;
	border-right-color: #222222;
	border-bottom-color: #222222;
	vertical-align: middle;
	font-size: 1.0em;
	line-height: 1.2em;
	white-space: nowrap;
	padding: 1px;
}

.spacer {
	background-color: #FF8800;
	background-image: url('./images/bg_spacerow.gif');
	border: solid 1px #181818;
	border-right-color: #222222;
	border-bottom-color: #222222;
	height: 4px;
	padding: 0;
}

hr {
	color: #232323;
	background-color: #232323;
	border-width: 0;
	height: 1px;
}

.legend {
	text-align: center;
	margin: 0 auto;
	border: solid 1px #181818;
	background-color: #111111;
}

[sergimbo]

de estas, cual edito para ponerle la transparencia?

[sergimbo]

Ya lo he solucionado yo solito. Gracias por nada