Forum index / Photoshop, Editing & Design / Need Help

Need Help

7 posts · page 1 of 1

post #1

04 August 2007, 21:50 UTC#1

here is the design

myspace.com/ssshhhccc

I want to make the tables to be transperent and the pics and text to be regular

here is the code

QUOTE

<div class="banner">
<img src="http://img403.imageshack.us/img403/2498/fdfdyw6.gif">
</div>

<style type="text/css">body {
background-color:efcc51;
background-image:url('http://img183.imageshack.us/img183/4738/untitled6wy7.jpg');
background-position:center center;
background-repeat:no-repeat;
background-attachment:fixed;
}
table, tr, td {background:transparent; border:0px;}
table table table {background:transparent;}
table table table td {
background-color:efcc51;
filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -khtml-opacity:1;
}
table table table table td {filter:none;}
table table table {
border-width:2px;
border-color:000000;
border-style:solid;
}
table table table table {border:0px;}
input {background-color:transparent !important;}
td, span, div, input, a, table td div div font,
body div table tbody tr td font {font-family:Verdana !important;}
td, span, div, input, table td div div font,
body div table tbody tr td font {color:000000 !important;}
.nametext, .whitetext12, .lightbluetext8, .orangetext15, .blacktext12,
.redtext, .redbtext, .blacktext10, .btext {color:000000 !important;}
a {color:000000 !important; text-decoration:none !important; text-transform:none !important; font-weight:normal !important; font-style:normal !important;}
a:hover {color:000000 !important; text-decoration:none !important; text-transform:none !important; font-weight:normal !important; font-style:normal !important;}
img {border:0px;}
.contactTable {
width:300px !important; height:150px !important; padding:0px !important;
background-image:url("http://img341.imageshack.us/img341/530/addlf1.gif");
background-attachment:scroll; background-position:center center;
background-repeat:no-repeat; background-color:transparent; border:0px;}
.contactTable table, table.contactTable td { padding:0px !important;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px !important;}
.contactTable a {display:block; height:28px; width:115px;}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}</style>

please I need this badly

Extazy

post #2

05 August 2007, 11:38 UTC#2

any help?

Extazy

post #3

05 August 2007, 22:06 UTC#3

I cant believe no one will help me out

I suppose to go to the army this tuesday and I need to get it fixed

<3

iammarcmason

post #4

05 August 2007, 23:07 UTC#4

try changing

table table table td {
background-color:efcc51;

to

table table table td {
background-color:transparent;

not sure if that will work but I dont see why not

Extazy

post #5

05 August 2007, 23:19 UTC#5

thats not exactly what I wanted

I wanted to keep the color of the table but to be transperent for 50 %

how should I do it?

nickstatler

post #6

06 August 2007, 05:32 UTC#6

if I knew anything about it I would help you out. sucks you have to go to the army and shit. good luck.

iammarcmason

post #7

06 August 2007, 08:38 UTC#7

QUOTE

<div class="banner">
<img src="http://img403.imageshack.us/img403/2498/fdfdyw6.gif">
</div>

<style type="text/css">body {
background-color:efcc51;
background-image:url('http://img183.imageshack.us/img183/4738/untitled6wy7.jpg');
background-position:center center;
background-repeat:no-repeat;
background-attachment:fixed;
}
table, tr, td {background:transparent; border:0px;}
table table table {background:transparent;}
table table table td {
background-color:efcc51;
filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;"
(opacity=50)
}
table table table table td {filter:none;}
table table table {
border-width:2px;
border-color:000000;
border-style:solid;
}
table table table table {border:0px;}
input {background-color:transparent !important;}
td, span, div, input, a, table td div div font,
body div table tbody tr td font {font-family:Verdana !important;}
td, span, div, input, table td div div font,
body div table tbody tr td font {color:000000 !important;}
.nametext, .whitetext12, .lightbluetext8, .orangetext15, .blacktext12,
.redtext, .redbtext, .blacktext10, .btext {color:000000 !important;}
a {color:000000 !important; text-decoration:none !important; text-transform:none !important; font-weight:normal !important; font-style:normal !important;}
a:hover {color:000000 !important; text-decoration:none !important; text-transform:none !important; font-weight:normal !important; font-style:normal !important;}
img {border:0px;}
.contactTable {
width:300px !important; height:150px !important; padding:0px !important;
background-image:url("http://img341.imageshack.us/img341/530/addlf1.gif");
background-attachment:scroll; background-position:center center;
background-repeat:no-repeat; background-color:transparent; border:0px;}
.contactTable table, table.contactTable td { padding:0px !important;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px !important;}
.contactTable a {display:block; height:28px; width:115px;}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}</style>

not sure if it is possible to have the text at full opacity as all child element will inherit the dimished opactiy.

anyways hope that helps bro.