what's wrong? Options

[jazzroni]

ok, i'm trying to make a layout for my friend and this is the layout ===> http://www.xanga.com/vctestinglayout

here's what i'm trying to do: make the scrollbar transparent, make the left module transparent, set an image to the title bar, set an image to the blog entry part. how can i do that? here's the code. thanks.







<center>
<style type=text/css>
/* Music for life - H for Hocc*/
/* by vclayouts2004 */

body {
background-image: url(http://img.photobucket.com/albums/v518/veronica2nd/beige011.jpg);
scrollbar-arrow-color: #994400;
scrollbar-track-color: #ffffff;
scrollbar-shadow-color: #662222;
scrollbar-face-color: #ffdddd;
scrollbar-highlight-color: #993333;
scrollbar-darkshadow-color: #660000;
scrollbar-3dlight-color: #990000;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 11px georgia;
line-height:12px;
color:#661122;
letter-spacing:0px;
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: georgia;
text-transform: lowercase;
font-size:14px;
line-height:14px;
font-weight:bold;
color:#661122;
letter-spacing:2px;
background-color: #transparent;
text-align: right;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#000000;
font: bold 8pt georgia
text-decoration: none;
}
.blogbody b, .standard b, p b, strong {
font-weight: bold;
color: #661122;
}
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
text-decoration: line-through;
color:#000000;
font: bold 8pt arial
}
a:hover {
/* edits when user mouseovers the links */
cursor: crosshair;
text-decoration: none;
border-top: 1px dashed #336699;
border-bottom: 1px dashed #336699;
text-transform: uppercase;
height: 3;
color:#339933;
font: normal 8 pt georgia
}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 0px solid #66330;
font:normal 11px georgia;
background-color: #FFFFFF;
letter-spacing:0px;
color: #663333;
}
table.left {
/* this edits the menu module */
border: 1px dashed #660000;
width:160px;
background-color: #transparent;
}
table.blogbody {
/* this edits the other the place where the blog is */
border: 1px dashed #660000;
background-color: #transparent;
width:400px;
}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-color: #transparent;
font: 11px georgia;
color: #336699;
text-align: right;
border: none;
}
table.left TD {
/* on your menu module, this edits the body part of it */
background-color: #transparent;
border: none;
}
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: #transparent;
border: 1px dashed #336600;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 1px solid #ff0000;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 500px;
}
hr {
/* horizontal divider */
border: 1px solid #663333;
}
</style>

<img src="http://img.photobucket.com/albums/v518/veronica2nd/hoccbanner.jpg">

[jazzroni]

also, i'm trying to make the background not moving, but when i put "bgproperties=fixed" and it didnt work... please help me...

[kellyannie]

this will make your menu background transparent:

CODE

<!-- begin code provided by createblog.com -->
<style type="text/css">
table.left {
/* this edits the menu module */
background-color:transparent;
}
</style>
<!-- end code provided by createblog.com -->

this will let you put a pic in the blog bg

CODE

<!-- begin code provided by createblog.com -->
<style type="text/css">
table.blogbody {
/* this edits the other the place where the  blog is */
background-image: url(IMG URL HERE);
background-repeat:no-repeat;
background-position:center;
}
</style>
<!-- end code provided by createblog.com -->

go here for the transparent scrollbar:
http://www.createblog.com/forums/index.php?showtopic=30462


and I don't know what you mean by putting a pic to the title bar? can you explain?
oh, if you mean the titles where it says like "Subscriptions" n stuff use this:

CODE

<!-- begin code provided by createblog.com -->
<style type="text/css">
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
 background-image: url(IMG URL HERE);
}
</style>
<!-- end code provided by createblog.com -->

to make ur background fixed at this to your bg code:
background-attachment:fixed;

and please do not double post, there is an edit button if you need to add something

[misskay]

This is your scrollbar :

CODE

<!-- begin code provided by createblog.com -->
scrollbar-arrow-color: #994400;
scrollbar-track-color: #ffffff;
scrollbar-shadow-color: #662222;
scrollbar-face-color: #ffdddd;
scrollbar-highlight-color: #993333;
scrollbar-darkshadow-color: #660000;
scrollbar-3dlight-color: #990000;

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

well to make it transparent put #XXXXXX instead of whats there, so it will look like this:

CODE

<!-- begin code provided by createblog.com -->
scrollbar-arrow-color: #XXXXXX;
scrollbar-track-color: #XXXXXX;
scrollbar-shadow-color: #XXXXXX;
scrollbar-face-color: #XXXXXX;
scrollbar-highlight-color: #XXXXXX;
scrollbar-darkshadow-color: #XXXXXX;
scrollbar-3dlight-color: #XXXXXX;
<!-- end code provided by createblog.com -->

the one i just put up makes the whole thing transparent even the arrows

[jazzroni]

the #XXXXXX didnt work...

[gelionie]

the #XXXXXX didnt work...

you're suppose to put numbers or letters or a mix of them instead of the Xs...
e.g. white is #FFFFFF

//edit: sorry I don't know what's the code for transparent

[jazzroni]

omg im so confused right now... i just need to make my scroll bar transparent that's all... can anyone help me?

[kellyannie]

did you try using the one in the scripts??

[jazzroni]

yea but it didnt work... maybe i didnt do it right... can someone re-write the code for me from the code that on my post please? thanks...

[misskay]

the hex code for transparent is #xxxxxx, so i don't understand why it didn't work

[kellyannie]

just to let you know, the transparent scrollbar script that is in the Xanga Scripts section will not work unless you have DIV layers, and the xanga you posted didn't so thats why that script didn't work

[jazzroni]

can u write the code for me then?