see-through entry and side module b/g? Options

[deadroses89]

--> My xanga <-- Ok, you see how my background for my blog entrys, and my side module are black? Is there a way to make it so they're still somewhat black but like a see through color so you can still see the checkers through it but make it look like it has a black film behind it instead of solid black? Sorry if there's script up for this, I looked and didn't see, I'd really appreciate your help!

[deadroses89]

I've seen it on other xanga's before, does no one know how to do it?

[BiGxSiLLy15]

this will make your blogs transparent:

<!-- begin code provided by createblog.com -->
<STYLE>
/*
transparent blog
*/

.blogbody, {
/* opacity maximum 100 */
filter: alpha(style=0,opacity=60);
}
</STYLE>
<!-- end code provided by createblog.com -->


and this will make ur modules transparent:


<style type="text/css">
table.left {
/* this edits the menu module */
FILTER: alpha(opacity=80);
}
</style>

change the opacity to whatever u want

[addictedtoxangie]

those didn't work for me! :(

[BiGxSiLLy15]

it didn't? it worked when i tested it

[addictedtoxangie]

nope, it didn't work.

[BiGxSiLLy15]

if you already have a script for .blogbody, { then you can just add filter: alpha(style=0,opacity=60); to that, and same with the table.left { script... otherwise i dunno why its not working it works for me

[pureheart_tsai]

how would u change the background color of the blog body and make it semi-transparent? thnx

[C.Lime.Jello.]

Input into custom header.
And change the variables.

CODE

<!-- begin code provided by createblog.com -->

<style type="text/css">
table.blogbody {
/* this edits the other the place where the  blog is */
 border: 1px dashed #008000;
 background-color: #Transparent;
 width: 400px;
 filter: alpha(style=0,opacity=60);
 }
</style>

<!-- end code provided by createblog.com -->

[deadroses89]

that makes it completely transparent, but what I was asking was if there's a way to make it semi-transparent, make it look like there's a black plastic film laying between the words and the background?

[pureheart_tsai]

Darn, that didn't get the results I wanted. Plz take a look at this example, this is how I wanted it to turn out. Thnx.

Example

[deadroses89]

Darn, that didn't get the results I wanted. Plz take a look at this example, this is how I wanted it to turn out. Thnx.

Example

the b/g is still solid... please anyone if you know what I'm talking about help me

[C.Lime.Jello.]

You have to fiddle with the variables to get the look you want.....
60% isn't the best to work with sometimes. Make it higher to increase the strength of the black part. And.... As for that other person.... A solid blog background?
All you have to do is take out the opacity lines.

[deadroses89]

You have to fiddle with the variables to get the look you want.....
60% isn't the best to work with sometimes. Make it higher to increase the strength of the black part. And.... As for that other person.... A solid blog background?
All you have to do is take out the opacity lines.

k, now I'm trying to make it like a purple film, {my xanga} and whether I set the opacity to 95 or 5 its still a completely solid purple. (right now I just have it on completely transparent because the solid purple looks stupid but you can see what I mean)

[ForbiddenXL]

I'm having some trouble with the filter: opacity on my xanga. When you move your mouse over to the lower part of the subscription section, a part of the profile section will dissappear. Same thing happens with the blogtable. The only way I can fix this is to just take out the opacity. Is there any way to fix this problem with my modules tranparent?

http://www.xanga.com/private/home.aspx?user=Forbiddenxl

here's my code:

CODE

<!-- begin code provided by createblog.com -->
<!-- begin code provided by createblog.com -->
<script type='text/javascript'>
// intro splash page by micron
// for more xanga scripts and help go to createblog.com

// change this url to an image of your choice
var image = "http://img.photobucket.com/albums/v38/Thiensbro/FXLSplash.jpg";

function enterSite() {
document.getElementById('splash').style.display = 'none';
var content = document.getElementsByTagName("center");
for (var i=0; i<content.length;i++) {
content[i].style.display = 'block';
}
return false;
}

if (document.title.slice(-10) == 'Xanga Site') {
document.write('</span></center><style type="text/css"> center {display:none;} .image {border:1px solid #dcdcdc;} </style><table height="100%" width="100%" id="splash"><tr><td align="center" valign="middle" style="text-align:center !important;"><a href="#" onclick="return enterSite();"><img src="'+ image +'" border="0" class="image"></a></td></tr></table><center><span>');
}
</script>
<!-- end code provided by createblog.com -->

<img src="http://img.photobucket.com/albums/v38/Thiensbro/FXLHeader.jpg">
<style type="text/css">
body { background-color: #0033cc;
background-image: url("");
scrollbar-arrow-color: #000000;
scrollbar-face-color: #0033cc; /* transparent */
scrollbar-3dlight-color: #000000;cursor:crosshair; /* transparent */
scrollbar-darkshadow-color: #ffffff; /* transparent */
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-track-color: transparent; /* transparent */
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 12px georgia,serif;
line-height:12px;
color: #ffffff;
letter-spacing:0px;
text-align:justify;
}

.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #ffffff;
}

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: georgia,serif;
text-transform: uppercase;
font-size:17px;
font-weight: bolder;
line-height: 18px;
color: #000000;
letter-spacing: 1px;
background-color: #0033cc;
background-image: url("");
text-align: center;
border: 1px double #3300cc;
letter-spacing:-3px;
border-width: 1px 1px 0px 1px;
 padding-right: 3px;
}

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color: #ffffff;
font: normal 12px Comic Sans MS;line-height: 12px;
text-decoration: none;
}

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
color: #ffffff;
font: normal 12px Comic Sans MS;
line-height: 12px
text-decoration: none;
}

a:hover {
/* edits when user mouseovers the links */
color: #ffffff;
font:normal 12px georgia,serif;
line-height:12px;
text-decoration:none;cursor:crosshair;
}

input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px double #3300cc;
font:normal 12px georgia,serif;
background-color: #0033cc;
letter-spacing:0px;
 color: #ffffff;
filter: alpha(style=0,opacity=70);
}


table.left {
/* this edits the menu module */
border: 1px double #3300cc;
width:160px;
 background-color: #0033cc;
FILTER: alpha(opacity=75);
}

table.blogbody {
/* this edits the other the place where the  blog is */
border: 1px double #3300cc;
background-color: none;
background-image: url("http://img95.exs.cx/img95/3190/PostBG4.jpg");
background-repeat:no-repeat;
background-position:bottom right;
background-attachment:fixed
width:450px;
border-width: 1px 1px 1px 1px;
/* filter: alpha(opacity=70); */
}

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-color: #0033cc;
background-image: url("");
font: bold 12px tahoma;
text-transform: lowercase;
color: #ffffff;
border: 1px double #3300cc;
letter-spacing: 1px;
border-width: 0px 0px 1px 0px;
text-align: center;
FILTER: alpha(opacity=75);
}
table.left TD {
/* on your menu module, this edits the body part of it */
background-image: url ();
background-color: #0033cc;
background-image: url("");
border: none;
}

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: #0033cc;
border: 1px double #3300cc;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 1px double #3300cc;
}
table.navigation, table.main {
/* the width of your blog with modules */
width: 630px;
}
hr {
/* horizontal divider */
border: 1px dashed #d8d8bf;
}

body {
/* background image */
 background-image:url("http://img71.exs.cx/img71/3451/FXLBackground3.jpg");
 background-repeat:no-repeat;
 background-position:bottom right;
 background-attachment:fixed
 }


</style>
<!-- end code provided by createblog.com -->

[addictedtoxangie]

there's nothing on your site.

[deadroses89]

ok, this is exactly what the code looks like in my custom header, but the purple background is completely solid, yesterday I went to my xanga and it was actually transparent and I thought "YES!! this looks so cool!!" but then I didn't change anything and went to my site later and it was solid again!! Could it be that I have another code on my site that makes it so this one can't work or something?

CODE

<!-- begin code provided by createblog.com -->

<style type="text/css">
table.blogbody {
/* this edits the other the place where the  blog is */
border: 2px dashed #000000;
background-color: #9966cc;
filter: alpha(style=0,opacity=45);
width: 500px;
}
</style>

<!-- end code provided by createblog.com -->

[addictedtoxangie]

change the opacity to like 60 or 70.

[deadroses89]

change the opacity to like 60 or 70.

k, now its on 70 and its STILL completely solid, this is frustrating

my xanga

[ForbiddenXL]

Your script seems right it should work.....

About mines, I messed up and it deleted my layout, I had to redo it, it should be done now. So feel free to check it out.

[deadroses89]

Your script seems right it should work.....

About mines, I messed up and it deleted my layout, I had to redo it, it should be done now. So feel free to check it out.

maybe it SHOULD work, but it doesn't is there any reason why it wouldn't work for some people?

[C.Lime.Jello.]

It doesn't work in Mozilla.
Works perfectally in IE.... But in Mozilla it's solid.
That may or may not be why it doesn't work.

[deadroses89]

It doesn't work in Mozilla.
Works perfectally in IE.... But in Mozilla it's solid.
That may or may not be why it doesn't work.

Oh, I use mozilla so that would be why I can't see it, but if people are viewing my site in IE it'll show as transparent?

[deadroses89]

Ok now using IE my entries show up as see through, but there's a picture I posted in the bottom entry of my xanga and is there a way so that it won't be translucent but the background still will be?

yet again, the link to my xanga