how how how???? Options

[jazzroni]

huh?

[jazzroni]

what do u mean?

[MewxIchigo]

what do u mean?

:sigh: this is gonna take awhile lol...what i mean is that u need to create a scrollbar for the entry like a separate little box for the entry with a scroll bar on the side...look at my site and you'll see hte i have a box for my entries to be in...u need to do that for ur entries...

[jazzroni]

ok now i got the scrollbar, but i dont know how to make it transparent

[kellyannie]

if you are using the transparent scrollbar script, it will only work if you are using DIV layers.. are you using div layers?

[jazzroni]

this is my new code...

CODE

<!-- begin code provided by createblog.com -->
<div style="overflow:auto; margin-top:10 px; margin-left:10 px">
<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;
}

.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 -->

[MewxIchigo]

umm i dun think u understand me at all lol...

[jazzroni]

tell me what to change in my code

[MrElsewhere]

http://www.createblog.com/forums/index.php?showtopic=30462

add that code somewhere.

[jazzroni]

ok it just not what i want!!! i added the new div code and i still cant make the scrollbar transparent!!!

[*mona lisa*]

the code i gave should have worked:

CODE

<style type="text/css">
div {
filter:chroma(color=#00FF00);
scrollbar-arrow-color: #00FF00;
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>

or use this if its not in a div:

CODE

<style type="text/css">
body {
filter:chroma(color=#00FF00);
scrollbar-arrow-color: #00FF00;
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>

and don't double post!

This post has been edited by gotnoheart: Dec 31 2004, 06:19 PM