Scrollbar..., transparent help... Options

[Genocide]

a'ight,

im makin a layout and im tryin to add transparent scrollbarz so i went HERR and juss copy and pasted tha code

i changed tha colorz to make what i want transparent and what i wanted visible but when i preview tha page it juss showz me my standard scrollbar i have on every webpage (like my home page and even this page)...

im not too sure what to do now...

This will only work on layouts using divs. This involves creating a style for the div's scrollbars and defining its colors using css. Then you will apply the chroma filter to make parts or all of the scrollbar transparent.

thatz what it sayz to start off tha page...im not sure if im usin a stylesheet of "divs" or not...juss a standard one, for example

<!-- begin code provided by createblog.com --><br /><center><font style="font-size: 11px; color: #FEF0DB; line-height: 13pt; font-family: verdana; letter-spacing: 0px">Baby don’t cry, I hope you got ya head up. Even when the road is hard, never give up.</head></font><br /></center><br /><style type="text/css"><br />body {<br />background-color: #0A0A0A;<br />background-image: url(http://tinypic.com/atn3ty.jpg);<br />background-repeat: no-repeat;<br />background-attachment: fixed;<br />background-position: center;<br />scrollbar-arrow-color: #FEF0DB;<br />scrollbar-track-color: #0A0A0A;<br />scrollbar-shadow-color: #8B5A2B;<br />scrollbar-face-color: #0A0A0A;<br />scrollbar-highlight-color: #8B5A2B;<br />scrollbar-darkshadow-color: #0A0A0A;<br />scrollbar-3dlight-color: #0A0A0A;<br />}<br /><br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {<br />/* edits main text */<br />font: normal 8px verdana;<br />line-height: 10px;<br />color: #FEF0DB;<br />letter-spacing: 0px;<br />text-align: justify;<br />}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #8B5A2B;<br />}<br /><br />.blogbody i, .standard i, p i, em {<br />font-weight: italic;<br />color: #FEF0DB;<br />}<br /><br />table.footer TD {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<br />text-align: center;<br />}<br /><br />div.blogheader, .caption {<br />/* edits the dates */<br />font-family: book antiqua;<br />text-transform: uppercase;<br />font-size: 10px;<br />line-height: 12px;<br />font-weight: regular;<br />height: 1px;<br />color: #FEF0DB;<br />letter-spacing: 0px;<br />text-align: center;<br />background-color: #transp;<br />border: 1px solid #8B5A2B;<br />border-bottom: none;<br />width: 100%;<br />padding-top: 5px;<br />}<br /><br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br />/* edits all links */<br />color :#8B5A2B;<br />text-decoration: none;<br />font: normal 8px verdana;<br />line-height: 10px;<br />}<br /><br />a:visited, a.footernav:visited,  {<br />/* edits the links that the user has visited */<br />color: #8B5A2B;<br />text-decoration: line-through;<br />font: normal 8px verdana;<br />line-height: 10px;<br />}<br /><br />a:hover {<br />/* edits when user mouseovers the links */<br />color: #FEF0DB;<br />text-decoration: none;<br />font: normal 8px verdana;<br />line-height: 10px;<br />}<br /><br />input, select, textarea, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 1px solid #8B5A2B;<br />font: normal 8px verdana;<br />background-color: #0A0A0A;<br />letter-spacing: 0px;<br />line-height: 12px;<br />color: #FEF0DB;<br />}<br /><br />table.left {<br />/* this edits the menu module */<br />border: 1px solid #8B5A2B;<br />width: 175px;<br />font: normal 8px verdana;<br />line-height: 10px;<br />}<br /><br />table.blogbody {<br />/* this edits the other the place where the blog is */<br />border: 1px solid #8B5A2B;<br />background-color: #transp;<br />width: 100%;<br />font: normal 8px arial;<br />line-height: 10px;<br />color: #FEF0DB;<br />}<br /><br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />background-image: none;<br />font: normal 10px book antiqua;<br />font-weight: regular;<br />color: #FEF0DB;<br />line-height: 12px;<br />text-transform: uppercase;<br />border: none;<br />border-bottom: 1px solid #8B5A2B;<br />text-align: center;<br />background-color: #0A0A0A;<br />}<br /><br />table.left TD {<br />/* on your menu module, this edits the body part of it */<br />border: none;<br />background-color: #0A0A0A;<br />font: normal 8px verdana;<br />line-height: 10px;<br />color: #FEF0DB;<br />}<br /><br />table.search TD, table.search, table.announcements {<br />/* border of search bar (if you have it) */<br />background-color: #0A0A0A;<br />border: 1px solid #8B5A2B;<br />}<br /><br />table.search TD, table.announcements TH {<br />/* this should be left alone */<br />/* unless you know what to do */<br />border: 0px solid #000040;<br />}<br /><br />table.navigation, table.main, table.footer {<br />/* the width of your blog with modules */<br />width: 525px;<br />}<br /><br />hr {<br />/* horizontal divider */<br />border: 1px solid #8B5A2B;<br />}<br /></style><br /><br /><script language=JavaScript><br /><!--<br />//blink boxes - xanga.com/add_ons<br />//by sean f http://www.xanga.com/seanmeister<br />//fixed to work with new security measures by<br />//hotaru_01 http://www.xanga.com/hotaru_01<br />// customize by changing the values below<br />// these are the various colors, in quotes, seperated by commas<br />var blinkColors = new Array("#FEF0DB","#0A0A0A","#8B5A2B");<br />// the border color<br />var blinkBorderColor = "#8B5A2B"<br />// the border width, in pixels<br />var blinkBorderWidth = 1;<br />// the # of rows<br />var blinkRows = 1;<br />// the # of columns<br />var blinkCols = 3;<br />// the width of the entire box, in pixels or %<br />var blinkWidth = 525;<br />// the height of each row, in pixels<br />var blinkRowHeight = 5;<br />// speed of blinking, in milliseconds<br />var blinkRate = 3;<br />// do not edit below this line<br />st=setTimeout;<br />document.write("<table id='blinkbox' width='" + blinkWidth +"' border = 0 cellspacing='" + blinkBorderWidth + "' cellpadding=0 bgcolor='" + blinkBorderColor +"'>");<br />for (r = 0; r < blinkRows; r++){<br />document.write("<TR>");<br />for (c = 0; c < blinkCols; c++){<br />document.write("<TD height='" + blinkRowHeight + "'></TD>");<br />}<br />document.write("</TR>");<br />}<br />document.write("</table>");<br />// ... and this makes it blink<br />function blinkIt() {<br />changecell = Math.floor(Math.random() * (blinkCols * blinkRows));<br />changecolor = Math.floor(Math.random() * blinkColors.length);<br />bb = document.getElementById("blinkbox");<br />bbtd = bb.getElementsByTagName("td");<br />bbtd[changecell].style.backgroundColor = blinkColors[changecolor];<br />st('blinkIt()', blinkRate);<br />}<br />blinkIt();<br />//--><br /></script><br /><br><br /><a href="http://www.xanga.com/Phat_Patizzle" target="_blank">Layout By Ya Boy Phat Pat!</a><br /><!-- end code provided by createblog.com -->

thatz tha sheet i used for a Tupac layout...

please help mayn

[OhXiet_ItzDonnA]

I dont think u need a transparent scrollbar. I think div layouts are when ur entries dont roll down the page and not "in a box" Did you see the example there? You'll know what I'm talkin about.