Help - Search - Members - Calendar
Full Version: help on making scrollbars on all my xanga entries
Forums > Resource Center > Support Center > Xanga Support > Xanga Resolved Topics
rockstarrxx
alright,
so im starting a new xanga and have a layout that im quite happy with at the moment. The only problem is that I would like each of my entries to have a scrollbar so that way it doesnt take as much space up, and it would look more organized.

here's my layout code and my site.

http://www.xanga.com/xx__rockstar_ect



<a href="http://www.xanga.com/private/home.aspx">home</a> <a href="http://www.xanga.com/private/subs.aspx">subs</a> <a href="http://www.xanga.com/CLAF">l&f</a> <a href="http://www.xanga.com/paperpink">pprpnk</a><br><img src="http://i16.piczo.com/view/1/6/v/j/b/v/n/y/a/v/6/x/img/i213297961_14039.jpg"><div align="center"><STYLE type="text/css">table.footer, .footer, #rblEprops, table.navigation, table.search, table.left, table.left th, hr {display:none;}body {background-image: url(none);background-position: bottom left;background-repeat: repeat;background-attachment: fixed;background-color: rgb(255, 255, 255);scrollbar-arrow-color: rgb(255, 173, 132);scrollbar-track-color: #FFFFFF;scrollbar-shadow-color: #FFFFFF;scrollbar-face-color: #FFFFFF;scrollbar-highlight-color: #FFFFFF;scrollbar-darkshadow-color: #FFFFFF;scrollbar-3dlight-color: #FFFFFF;}.left, .blogbody, table.footer, .standard, td, p {/* edits main text */font:normal 9px century gothic;color: #000000;text-transform:lowercase;letter-spacing:0px;text-align:justified;}.blogbody b, .standard b, p b, strong {/* edits bolded text*/font: normal 18pt georgia;letter-spacing:-2pt;color: rgb(0, 0, 0);text-transform: lowercase;}.blogbody u, .standard u {/* edits underlined text */text-decoration: none;font-weight:normal;color: #000000;border-bottom: 2px solid #000000;}.blogbody i, .standard i, em {/* edits italicized text */color:#000000;font: italic 10px georgia;text-transform:lowercase;}.blogbody s, .standard s {/* edits strikeouts */color: #000000;font: normal 9px century gothic;text-transform:lowercase;}a:link, .footernav.link, a.footernav:link, a.footernav:active {/* edits all links */color: #000000;font:normal 7px small fonts;text-transform: uppercase;text-decoration: none;}a:visited, a.footernav:visited {/* edits visited links */color: #000000;font:normal 7px small fonts;text-decoration: none;text-transform: uppercase;background-color: #FFFFFF;}a:hover {/* edits mouseovers on links*/font:normal 7px small fonts;text-transform: uppercase;text-decoration:none;cursor: crosshair;color:#000000;border:1px solid #000000;}input, select, textarea, iframe.htmleditor, .textfield, .button {/* edits buttons, dropdowns, textareas, etc. */border: 1px solid white;font:normal 7px small fonts;text-transform: uppercase;background-color: #FFFFFF;letter-spacing:0px;color: #000000;}table.blogbody {/* edits blog area */width: 380px;background-image: url(none);background-repeat: repeat;background-color:FFFFFF;border: 7px solid white;}table.left TD {font:normal 9px century gothic;color: white;text-align: center;width: 110px;border: 1px solid rgb(0, 0, 0);background-color: #FFFFFF;}table.announcements TH {border: 0px;}table.announcements {background-color: rgb(255, 255, 255);border:1px solid white;width:380px;}table.main {/* the width of your blog with modules */width: 200px;border:0px solid #FFFFFF;}div.blogheader, .caption {/* this edits the dates */display:none}table.left th, table.module th {/* -Module Title- */ FONT-FAMILY: georgia; FONT-WEIGHT: normal; FONT-SIZE: 18pt; COLOR: rgb(0, 0, 0); TEXT-TRANSFORM: none; LETTER-SPACING:-2pt; BACKGROUND-COLOR: white; TEXT-ALIGN: center; BORDER-BOTTOM: 4px solid rgb(0, 0, 0); BORDER-TOP: none; BORDER-RIGHT: none; BORDER-LEFT: none;}table.left TD, table.module td {/* -Module Body- */ BORDER-TOP: 4px solid rgb(0, 0, 0); BORDER-BOTTOM: none; BORDER-RIGHT: none; BORDER-LEFT: none; BACKGROUND-COLOR: white;}table.left, table.module { /* -Module Altogether- */ WIDTH: 180px; BORDER: 1px solid black; BACKGROUND-COLOR: white;}table.blogbody {/* -Blog Entries- */ WIDTH: 350px; BORDER-TOP: 4px solid black; BORDER-BOTTOM: 1px solid black; BORDER-RIGHT: 1px solid black; BORDER-LEFT: 1px solid black; BACKGROUND-COLOR: white;}hr {/* -Divider Below Your Entries- */ WIDTH: 350px; HEIGHT: 6px; BORDER: 1px solid white; COLOR: white;</style></div><table border=0 width="500"><tr><td valign="top" width="160"><table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="center" class="module">HI, IM JORDIE.</th></tr><tr><td valign="top" class="module">
Music is my life <br>
I live for my friends <BR>
I adore my family <BR>
Im a litte slow at times <BR>
I live in Canada <BR>
I love quotes & such <br>
<td></tr></table><br><table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="center" class="module">SISTER SITES</th></tr><tr><td valign="top" class="module">none yet. comment to be added, and I'll get to it when I can.</td></tr></table><br><table border="1" cellspacing="0" cellpadding="4" width="100%" class="module<br></td><td width="500" valign="top" align="left">


if anyone could help out that would be great.
thanks a bunch.
YourSuperior
You should check the scripts section. wink.gif
http://www.createblog.com/scripts/script.php?id=66
IVIike
This works really well _smile.gif

CODE
<style type="text/css">
.custom{
width:360px;
height:500px;
z-index:100;
overflow: auto;
border: 2px color solid;
background:Transparent;
}</style>
<!-- begin code provided by createblog.com from xanga.com/html_scripts-->
<script>
var tds = document.getElementsByTagName ('a');
for (var i = 0; i < tds.length; i++) {
timeString = tds[i].innerText;
if(timeString.match(/\d+:\d+ [ap]m\b/i)){
if(!tds[i].parentNode.parentNode.parentNode.parentNode.parentNode.tagName.match(/table/i)){break;}
table = tds[i].parentNode.parentNode.parentNode.parentNode.parentNode;
stuff = tds[i].parentNode.parentNode.parentNode.previousSibling.lastChild;
inner = stuff.innerHTML
stuff.innerHTML="";
stuff.insertAdjacentHTML('afterBegin','<div class="custom">'+inner+'</div>');
}
}
</script>
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.