how how how???? Options

[jazzroni]

so this is my layout for now ===> http://www.xanga.com/vctestinglayout

but there isnt any scrollbar, and i was wondering how can i put the scrollbar like this site ===> http://www.xanga.com/home.aspx?user=dreamfordream

here's the code

CODE

<!-- begin code provided by createblog.com -->
<div align="center" valign="middle" style=" border: 0px solid #FFFFFF; height: 20px; width:622px;><a href="http://www.xanga.com/home.aspx?user=vctestinglayout"> | </a><a href="http://www.xanga.com">Xanga</a> **
<a href="http://www.xanga.com/guestbook.aspx?user=vctestinglayout">Guestbook</a> **
<a href="http://www.xanga.com/profile.aspx?user=vctestinglayout">About Me</a> **
<a href="http://www.xanga.com/CLAF/default.asp">Claf</a> **
<a href="http://www.xanga.com/private/SubscribeTo.aspx?user=vctestinglayout">Add me</a> **
<a href="http://www.xanga.com/private/home.aspx?user=vctestinglayout">Private</a> ** <a href="http://www.xanga.com/Private/subs.aspx">Read subs</a> ** <a href="http://www.xanga.com/logout.aspx">Log out</a> |</font></div>
   </div></td>
 </tr>
</table>
</div>
<DIV>&nbsp;</DIV>

<style type="text/css">
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
/* width of the comment page */
{width:245px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer
{display: none;}
</style>



<style type="text/css">

/* hocc by VC */

body {
scrollbar-arrow-color: #000000;
scrollbar-track-color: #fffaf0;
scrollbar-shadow-color: #000000
;
scrollbar-face-color: #fffaf0
;
scrollbar-highlight-color: #adff2f
;
scrollbar-darkshadow-color: #808080
;
scrollbar-3dlight-color: #c71585;
background-color: #ffffff
; background-image: url(http://img.photobucket.com/albums/v518/veronica2nd/hocc2.jpg);
background-attachment: fixed;
overflow-y: hidden;
}

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, body, table {
/* edits main text */
font:normal 8pt arial;
line-height:14px;
color:#000000;
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 */
display:none;
}

table.navigation TD{
display:none;
}

div.blogheader, .caption {
/* edits the dates */
font: bold 12pt arial;
font-weight: 400;
line-height: 13px;
text-transform:lowercase;
color: #cccccc;
background-color: #666666; filter:alpha(opacity=80);
padding: 4px 4px 4px 4px;
padding-left:0px;
width: 100%;
text-align: center;
border-top: 5px double #2f4f4f;
border-bottom: 1px dashed #2f4f4f;

}

a:link, .footernav.link, a.footernav:link, a.footernav:active, a:visited, a.footernav:visited, {
/* edits all links */
color:#660000;
text-decoration: none;
font:normal 8pt arial;
letter-spacing: 0px;
font-weight:400;
}

a:hover {
/* edits when user mouseovers the links */
color: #000000;
text-decoration: none;
font-weight: bold;
font-size:8pt;
letter-spacing: 0px;
}

input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 0px solid #FFFFFF;
font:normal 8pt arial;
background-color: transparent;
letter-spacing:0px;
color: #6666CC;
filter:alpha(opacity=80);
}

table.blogbody {
/* this edits the other the place where the blog is */
background-color: 99aabb;
width: 619;
border: 0px solid black;
color: #000000;
}

table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 618;
filter:alpha(opacity=80);
}

hr {
/* horizontal divider */
color:black;
height:2px;
}

strong, em, u {
/* edits bold, italics, underline */
color: #6D96B0;
letter-spacing:0px;
height:0px;
}

table.blogbody tr td{
/* this edits the left margin of blog */
width: 0px;
padding: 0px;
}

table.blogbody div.smalltext{
/* this edits the blog entry footer */
text-align: right;
background-color:transparent;
width:510;
height:25px;
padding-bottom:2px;
padding-top:20px;
padding-right:2px;
padding-left:2px;
letter-spacing:0px;
}

blockquote {
background-color: white;
border: 0px #ffffff solid;
padding: 1px 1px 1px 1px;
text-align: justify;
font-size: 7pt;
letter-spacing: 0px;
font-family: arial;
filter:alpha(opacity=80);
}

#pnlEnabled table, #htmleditor, #lblTimeZone{
/* do not edit this part */
/* unless you know what to do */
width: 290;
background-color:#CCCCCC;
filter:alpha(opacity=80);
}

.#rblEprops{display: none;}

#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
/* edits the comment box */
{width: 619;
background-transparent;
filter:alpha(opacity=80);
}


</style>

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

thanks...

[kellyannie]

you have to add more stuff.. when you start posting there will be a scrollbar

[jazzroni]

no, i have 2 posting there...

[HelloSunshine]

^
but you'll still have to post more..then it'll be like that...

[jazzroni]

i posted more, if u tried to highlight everything (not right click, select all) u will see i have 3 posts on there...

[kellyannie]

ooh i think its cuz you don't have the overflow:auto thing on your div tag

[jazzroni]

um... where should i put it?

[kellyannie]

just add overflow:auto; inside your div tag

[jazzroni]

no it didnt work

[jazzroni]

can anyone rewrite the code for me? and i still have no idea how to make the scrollbar transparent... sorry i'm such an idiot...

[largosama]

oo transparent:

CODE

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

filter:chroma (color=COLOR);

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

into your CSS style sheet

Then, fill out the scrollbar colors matching the chroma color.

[*mona lisa*]

yes, this is the full code for transparent scrollbars:

CODE

<!-- begin code provided by createblog.com -->
<style type="text/css">
div {
filter:chroma(color=#00FF00);
scrollbar-arrow-color: #FFFFFF;
scrollbar-face-color: #00FF00;
scrollbar-3dlight-color: #00FF00;
scrollbar-darkshadow-color: #00FF00;
scrollbar-highlight-color: #00FF00;
scrollbar-shadow-color: #00FF00;
scrollbar-track-color: #00FF00;
}
</style>
<!-- end code provided by createblog.com -->

[jazzroni]

no, the transparent scrollbar thing didnt work... and i still dont know how to get the scrollbar in the page!!!!!! can someone REWRITE the code for me please? thanks...

[jazzroni]

anyone?

[baller30]

i think you have to add the overflow:auto here:

CODE

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

div.blogbody {
filter:chroma(color=#00FF00);
scrollbar-arrow-color: #FFFFFF;
scrollbar-face-color: #00FF00;
scrollbar-3dlight-color: #00FF00;
scrollbar-darkshadow-color: #00FF00;
scrollbar-highlight-color: #00FF00;
scrollbar-shadow-color: #00FF00;
scrollbar-track-color: #00FF00;
overflow:auto;
}


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

that should work try it and let me know

[jazzroni]

it's STILL didnt work :(

[jazzroni]

can anyone help me? please...?

[baller30]

are you trying to get the whole blog body to scroll or each entry itself.

one thing I noticed about your code though was that I didn't see a div layer for your blog body; do you have one at all

edit: I checked your code and you don't have a div for the entries. that may be your problem put his in your page at the bottom of CUSTOM HEADER

CODE

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

<div style="overflow:auto; margin-top:YOUR NUMBER HERE; margin-left:YOUR NUMBER HERE">

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

[jazzroni]

i'm trying to get the whole blog body to scroll... how can i do that?

[jazzroni]

seems like no one wanna help me :(

[MewxIchigo]

can i try?

[MewxIchigo]

umm first u need to make the entry into a blog with a scrollbar then u can get the code to make it the scroll bar like the other one...ur entries aren'tin a blog that's why it can't have a scroll bar like the other site..

[jazzroni]

can anyone rewrite the code for me? i really have no idea what everyone's talking about :( thanks...

[jazzroni]

ok, i got the scrollbar showed up finally, but i couldnt get it to transparent... HOW can i do that?

[MewxIchigo]

can anyone rewrite the code for me? i really have no idea what everyone's talking about :( thanks...

lol iono how to fix the code cuz i've never made a layout before so iono...my point is that u didn't put the entry as in a blog check this example xanga of mine out and you'll see a point i hope..lol example see where the girls entry thing is she has a scroll bar for her entry...you didn't create a scrolll bar for the entries that's why u have to create a scroll bar first and then edit the scrollbar to w/e u want..