Log In · Register

 
 
Closed TopicStart new topic
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?
 
nikx618
post Jul 16 2008, 05:48 PM
Post #2


asdfghjkl;
******

Group: Official Designer
Posts: 1,410
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,398
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,410
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
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members: