Log In · Register

 
Stop opacity from altering text and images
akche
post Jul 16 2008, 11:32 AM
Post #1


Newbie
*

Group: Member
Posts: 4
Joined: Jul 2008
Member No: 667,281




The opacity of my tables is also dimming the text and causing the images to be opaque. Are there any codes to stop this?
 
 
Start new topic
Replies (1 - 4)
nikx618
post Jul 16 2008, 05:48 PM
Post #2


asdfghjkl;
******

Group: Official Designer
Posts: 1,121
Joined: Jul 2008
Member No: 665,416



delete a code that
has

td table [something like this]
and anything that says "moz opacity:100%;"
anything like that.
just delete it, &i think itll be fine.
if not, post up your code here, &ill try to find
it, and delete it.
 
akche
post Jul 17 2008, 11:03 AM
Post #3


Newbie
*

Group: Member
Posts: 4
Joined: Jul 2008
Member No: 667,281



QUOTE(nikx618 @ Jul 16 2008, 05:48 PM) *
delete a code that
has

td table [something like this]
and anything that says "moz opacity:100%;"
anything like that.
just delete it, &i think itll be fine.
if not, post up your code here, &ill try to find
it, and delete it.


CODE
<style>.profileInfo {background-color:999999;
border-width: 1px;
border-color: 444444;
border-style: solid;
filter:alpha(opacity=60);
opacity:0.6;
-khtml-opacity:0.6;
display:transparent;}</style>

<style>
body {
background-color: 000000;
background-image: url(http://img140.imageshack.us/img140/5605/backgroundat7.gif);
background-position: center center;
background-repeat: repeat;
background-attachment: fixed;
}
table, tr, td {
background-color: transparent;
border: 0px;
}
table table {
border: 0px;
}
table table table table{
border:0px;
}
table table table {
border-width: 1px;
border-color: 444444;
border-style: solid;
background-color: transparent;
}
table table table td {
background-color: 111111;
filter:alpha(opacity=60);
opacity:0.6;
-khtml-opacity:0.6;
}
table table table table td {
filter:none;
}</style>
<style>
{ Text Properties }
table, tr, td, li, p, div {font-family:arial !important; font-size:12px !important; color:FFFFFF !important; }
.btext, .orangetext15, .nametext, .whitetext12 {font-family:helvetica !important; font-size:14px !important; color:FFFFFF !important; font-weight:bold; font-style:normal; }
.blacktext10, .blacktext11, .blacktext12, .lightbluetext8, .redtext, .redbtext, .text {font-family:arial !important; color:FFFFFF !important; font-weight:bold; font-style:normal; }

{ Link Properties }
a:active, a:visited, a:link {font-family:arial !important; color:666666 !important; font-weight:normal; font-style:normal; }
a:hover {font-family:arial !important; color:666666 !important; font-weight:normal; font-style:normal; }

{ Tweaks }
div table td font {display: none;}

</style>
 
Smarmosaur
post Jul 17 2008, 11:15 AM
Post #4


AKA RockIt Studios
******

Group: Official Member
Posts: 2,286
Joined: Jun 2006
Member No: 421,809



i'm guessing you still want the translucent background, correct?
all you need to do is remove the opacity parts and link the table backgrounds to a translucent image. you can make one, find one, or use one of mine, here(75%), or here(50%).

so, replace your entire about me code with this, and change both of the LINKHERE's with the link to whatever picture you want.
CODE
<style>.profileInfo {background-color:999999;
border-width: 1px;
border-color: 444444;
border-style: solid;
background-image: url("LINKHERE");
background-repeat: repeat;
}

body {
background-color: 000000;
background-image: url(http://img140.imageshack.us/img140/5605/backgroundat7.gif);
background-position: center center;
background-repeat: repeat;
background-attachment: fixed;
}
table, tr, td {
background-color: transparent;
border: 0px;
}
table table {
border: 0px;
}
table table table table{
border:0px;
}
table table table {
border-width: 1px;
border-color: 444444;
border-style: solid;
background-color: transparent;
}
table table table td {
background-image: url("LINKHERE");
background-repeat: repeat;
}
table table table table td {
filter:none;
}</style>
<style>
{ Text Properties }
table, tr, td, li, p, div {font-family:arial !important; font-size:12px !important; color:FFFFFF !important; }
.btext, .orangetext15, .nametext, .whitetext12 {font-family:helvetica !important; font-size:14px !important; color:FFFFFF !important; font-weight:bold; font-style:normal; }
.blacktext10, .blacktext11, .blacktext12, .lightbluetext8, .redtext, .redbtext, .text {font-family:arial !important; color:FFFFFF !important; font-weight:bold; font-style:normal; }

{ Link Properties }
a:active, a:visited, a:link {font-family:arial !important; color:666666 !important; font-weight:normal; font-style:normal; }
a:hover {font-family:arial !important; color:666666 !important; font-weight:normal; font-style:normal; }

{ Tweaks }
div table td font {display: none;}

</style>
 
nikx618
post Jul 17 2008, 11:47 AM
Post #5


asdfghjkl;
******

Group: Official Designer
Posts: 1,121
Joined: Jul 2008
Member No: 665,416



QUOTE(RockItStudios @ Jul 17 2008, 09:15 AM) *
i'm guessing you still want the translucent background, correct?
all you need to do is remove the opacity parts and link the table backgrounds to a translucent image. you can make one, find one, or use one of mine, here(75%), or here(50%).

so, replace your entire about me code with this, and change both of the LINKHERE's with the link to whatever picture you want.

i see you got help... but, if you need anything
pm me[:
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: