Table Backgrounds semi-transparent with full opacity Text!
Posted: 03 August 2005 05:02 AM   [ Ignore ]
Newbie
Rank
Total Posts:  3
Joined  2005-08-03

Hey guys,
I’m helping out my gf on making her blog. She wants the background of her posts to have a white-semi-transparent background but the text should not be affected by that.

Now I’ve been 2 days on it and haven’t figured how to apply it to her blog. She’s using Xanga. So if anyone could help me out, I’d greatly appreciate.

If you want to check what I mean the address to the blog is http://www.xanga.com/home.aspx?user=Destinys0o0Angel .

As I said, the tables have to be semi-transparent white but the text in the tables at full opacity.

I think it’s got to do with the CSS styling but heaven knows. And since it’s Xanga, the CSS displayed from IE and FireFox are different from what you actually have to enter.

I’ll make a new post with the code since it doesn’t fit into here…

Profile
 
 
Posted: 03 August 2005 05:02 AM   [ Ignore ]   [ # 1 ]
Newbie
Rank
Total Posts:  3
Joined  2005-08-03

<style type”=text/css>

/* edit to your liking */

U {font-family: century gothic; color: #C2C2C2; letter-spacing:; font-size: 11px; font-style: border; border-bottom: 1pt solid #E7589F;}

P {font-family:century gothic; color:#C2C2C2; font-size: 8pt; text-align:justify;}

B, STRONG {font-family:century gothic; font-weight: heavy; color: #C2C2C2; :none; font-size: 11px; letter-spacing:0pt}

i, EM {font-family:century gothic; color: #602040; :none; font-size: 11px;}

</style>

<FONT style=“FONT-WEIGHT: bold; FONT-SIZE: 40pt; COLOR: #FF80BF ; LINE-HEIGHT: 20pt; FONT-FAMILY: Arial; LETTER-SPACING: -5pt”>Every girl has her dream</FONT>
<FONT style=“FONT-WEIGHT:none; FONT-SIZE: 40pt; COLOR: #C2C2C2; LINE-HEIGHT: 20pt; FONT-FAMILY: edwardian script ITC; LETTER-SPACING: 0pt”>Every rose has its color</head></font>

<script>document.title=“Have you ever stopped,”;</script><script>window.status=“to smell the roses?”;</script>

<BODY style=“border-bottom: #FF80BF
18t solid; border-top: #FF80BF
18t solid; border-left: #C2C2C2
18t solid; border-right: #C2C2C2
18t solid”></TBODY>


<style type=“text/css”>
/* just love you. */
/* by Morgan (girlie_layoutsx3) */
body {
background-color: #transp;
background-image: url(http://img.photobucket.com/albums/v232/Lina_DA/tea-rose-pink2.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
scrollbar-arrow-color: #C2C2C2;
scrollbar-track-color: #ffffff;
scrollbar-shadow-color: #FF80BF;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FF80BF;
scrollbar-darkshadow-color: #C2C2C2;
scrollbar-3dlight-color: #9933333;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 11px Century Gothic;
line-height:12px;
color: #FF80BF;
letter-spacing:2px;
text-align:justify;
}
table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;
}
div.blogheader, .caption {
/* edits the dates */
font-family: Century Gothic;
text-transform:;
font-size:13px;
font-weight: bold;
letter-spacing: 2px;
color: #FF80BF;
background-color: #transp;
text-align: center;
border: 1px dashed #C2C2C2;
border-bottom: 1px dashed #C2C2C2;
width: 330px;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#bbbbbb;
font:normal 11px Century Gothic;
text-decoration: none;
}
a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
color:#C2C2C2;
font:normal 11px Century Gothic;
line-height:10px;
text-decoration: none;
}
a:hover {
/* edits when user mouseovers the links */
color:#FF80BF;
font:bold 11px century gothic;
text-decoration: underline overline;
}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px dashed #C2C2C2;
font:normal 11px century gothic;
color: #FF80BF;
background-color: #transp;
letter-spacing:0px;
}
table.left {
/* this edits the menu module */
border: 1px dashed #C2C2C2;
font-weight: normal;
width:160px;
  background-color: #transp;
}
table.blogbody {
/* this edits the other the place where the blog is */
background-color: #transp;
border: 1px dashed #bbbbbb;
border-top:1px dashed #bbbbbb;
width:330px;
}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
font-family: Century Gothic;
text-transform: ;
font-size:13px;
font-weight: bold;
letter-spacing: 2px;
color: #FF80BF;
background-color: #transp;
text-align: center;
border: 1px dashed #bbbbbb;
border-bottom: 1px dashed #bbbbbb;
}
table.left TD {
/* on your menu module, this edits the body part of it */
background-color: #transp;
border:  1px dashed #bbbbbb;
border-top: 1px dashed #bbbbbb;
}
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: #transp;
border: 1px dashed #bbbbbb;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 0px solid #d6f4ea;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 480px;
}
hr {
/* horizontal divider */
border: 0px solid #FFFFFF;
}
table.footer {display: none;}</style>

<br>[removed]
<!—
//blink boxes - xanga.com/add_ons
//by sean f http://www.xanga.com/seanmeister

//fixed to work with new security measures by
//hotaru_01 http://www.xanga.com/hotaru_01

// customize by changing the values below
// these are the various colors, in quotes, seperated by commas
var blinkColors = new Array(“FF80BF”,“ffffff”,“757575”,“FFBFDF”);
// the border color
var blinkBorderColor = “transparent”
// the border width, in pixels
var blinkBorderWidth = 1;
// the # of rows
var blinkRows = 1;
// the # of columns
var blinkCols = 50;
// the width of the entire box, in pixels or %
var blinkWidth = 50;
// the height of each row, in pixels
var blinkRowHeight = 20;
// speed of blinking, in milliseconds
var blinkRate = 10;

// do not edit below this line
st=setTimeout;
[removed](”<table id=‘blinkbox’ width=’” + blinkWidth +”’ border = 0 cellspacing=’” + blinkBorderWidth + ”’ cellpadding=0 bgcolor=’” + blinkBorderColor +”’>”);
for (r = 0; r < blinkRows; r++){
[removed](”<TR>”);
for (c = 0; c < blinkCols; c++){
[removed](”<TD height=’” + blinkRowHeight + “‘></TD>”);
}
[removed](”</TR>”);
}
[removed](”</table>”);
// ... and this makes it blink
function blinkIt() {
changecell = Math.floor(Math.random() * (blinkCols * blinkRows));
changecolor = Math.floor(Math.random() * blinkColors.length);
bb = document.getElementById(“blinkbox”);
bbtd = bb.getElementsByTagName(“td”);
bbtd[changecell].style.backgroundColor = blinkColors[changecolor];
st(‘blinkIt()’, blinkRate);
}
blinkIt();
//—>
</script>

Profile
 
 
Posted: 03 August 2005 05:03 AM   [ Ignore ]   [ # 2 ]
Newbie
Rank
Total Posts:  3
Joined  2005-08-03
<center>-<i>-</i><b>-</b>-<i>-</i><b>-</b>-<i>-</i><b>-</b>-<i>-</i><b>-</b>-<i>-</i><b>-</b>-<i>-</i><b>-</b>-<i>-</i><b>-</b>-<i>-</i><b>-</b>-<i>-</i><b>-</b>-<i>-</i><b>-</b>-<i>-</i><b>-</b>-</center>




<
style type="text/css">

table.blogbody {
/* this edits the other the place where the blog is */

inputselecttextarea, .textfield, .button 
.module, .module, .blogbodytable.footer, .standard, .modulemodulefontcolortdp, .content, .smalltext{
font
-familycentury gothic;
font-size8pt;
color#E7589F;
text-align:justify;
}

.search, .searchbarborder, .footerhrbanner{ displaynone}

.navigation { displaynonefont-weightnone !importantwidth100% !importantfont-size10px;}

.navigation div { displaynonefloatrightfont-weightnone !important}

</style>

<
style type"=text/css>

/* edit to your liking */

texttable.left, td.mainleft, table.left, table.navigation, table.search{display:none}

table.blogbody tr td {width:0px; padding: 0px;}

table.module { border: 1px dashed #C2C2C2; width:165px; background-color: #transp; }

table.module th { font:8pt century gothic;

color: #E7589F;

border-top: 0px solid #ffffff;

border-bottom: 4px solid #F78AB5;

border-left: 0px solid;

border-right: 0px solid; }

table.module td { background-color: #transp;

border-top: 4px solid #C2C2C2;

border-left: 0px solid #000000;

border-right: 0px solid #F45EA1;

border-bottom: 0px solid #F45EA1;

;}

<style></style></style> 

Those 2 posts are the CSS style entered into Xanga.

Profile
 
 
Posted: 30 January 2011 02:44 PM   [ Ignore ]   [ # 3 ]
Newbie
Rank
Total Posts:  1
Joined  2011-01-30

Look, they know what they looked about to leave the bottom so no idea, thanks for the tip! I use quite a few of my designs
AR CONDICIONADO | ACOMPANHANTES | LINGERIE | AR CONDICIONADO CARRO | PEÇAS

Profile
 
 
Posted: 04 February 2011 01:58 PM   [ Ignore ]   [ # 4 ]
Newbie
Rank
Total Posts:  3
Joined  2011-02-04

no more code added, only

<style type="text/css">

table.blogbody {
/* this edits the other the place where the blog is */

inputselecttextarea, .textfield, .button 
.module, .module, .blogbodytable.footer, .standard, .modulemodulefontcolortdp, .content, .smalltext{
font
-familycentury gothic;
font-size8pt;
color#E7589F;
text-align:justify;
}

.search, .searchbarborder, .footerhrbanner{ displaynone}

.navigation { displaynonefont-weightnone !importantwidth100% !importantfont-size10px;}

.navigation div { displaynonefloatrightfont-weightnone !important}

</style

______________________________________
_____Kohler Generators_____

Profile
 
 
   
 
 
‹‹ CSS Email Form Help      Iframe like ››