SCROLL BARS:
every entry
right side module

CUSTOM HEADER

<CENTER> <FONT style="FONT-WEIGHT: none; FONT-SIZE: 50pt; COLOR: #FFBFBF; LINE-HEIGHT: 17pt; FONT-FAMILY: century schoolbook; LETTER-SPACING: -3pt">&hearts;</font><br><FONT style="FONT-WEIGHT: none; FONT-SIZE: 20pt; COLOR: #ff0080; LINE-HEIGHT: 20pt; FONT-FAMILY: Broadway; LETTER-SPACING: -3pt"><i>BeSt fRiEnDs fOreVer iS wHaT wE aLl sAiD </i></font> <CENTER><FONT style="FONT-WEIGHT: none; FONT-SIZE: 50pt; COLOR: #FFBFBF; LINE-HEIGHT: 17pt; FONT-FAMILY: century schoolbook; LETTER-SPACING: -3pt">&hearts;</font> </style> <div right="left"> <a href=http://www.xanga.com/private/home.aspx>You</a> <a href=http://www.xanga.com/KissKiss_Layouts>KKL</a> <a href=http://www.xanga.com>XANGA</a> <style type="text/css"> body { background-color: #ffffff; background-image: url(http://i47.photobucket.com/albums/f183/Puluani/lovely/5.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: bottom right ; scrollbar-arrow-color: #000000; scrollbar-track-color: #ffffff; scrollbar-shadow-color: #ff0080; scrollbar-face-color: #ff0080; scrollbar-highlight-color: #ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-3dlight-color: #FF0080; } .left, .blogbody, table.footer, .standard, td, p { /* edits main text */ font:normal 9px VERDANA; color: black; letter-spacing:0px; text-align:left; } .blogbody b, .standard b, p b, strong { /* edits bolded text in your entry */ font-weight: normal; font-family: Verdana; color:FFBFBF; size: 10px } .blogbody u, .standard u, { text-decoration: none; font-weight:normal; color:black; border-bottom: 2px double #FFBFBF; } .blogbody i, .standard i, em { text-decoration:bold; color:FFBFBF; font-weight:normal; } table.footer TD { /* this makes the footer at the bottom centered */ /* leave it alone unless you know what to do*/ text-align: right; } div.blogheader, .caption { /* edits the dates */ font-family: century schoolbook; text-transform: NONE; background-color: #000000; font-size: 11px; font-weight: BOLD; line-height: 13px; letter-spacing: -1px; color: #ffffff; text-align: right; padding: 3px; width: 230px; border: 1px solid #000000; border-bottom:0px solid #000000; background-image: url(); background-position:bottom left; background-repeat:repeat; background-attachment:fixed; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color: #FFBFBF; font:normal 7px small fonts; text-transform: uppercase; text-decoration: none; padding: 0px; border:0px solid #000000; background-color: transparent; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color: #ff0080; font:normal 7px small fonts; text-decoration: crosshair; text-transform: uppercase; padding: 0px; border:1px solid #000000; background-color: transparent; } a:hover { /* edits when user mouseovers the links */ font:normal 8px small fonts; text-decoration: LINE THROUGH; text-transform: uppercase; letter-spacing: 1px; padding: 0px; cursor: nw-resize; color: #000000; border-bottom:1px solid #000000; background-color: transparent; } input, select, textarea, iframe.htmleditor, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px solid #FFBFBF; font:normal 7px small fonts; text-transform: uppercase; background-color: #ffffff; letter-spacing:0px; color: #FFBFBF; } table.blogbody { /* this edits the other the place where the blog is */ border: 1px solid #000000; border-top:0px solid #000000; width: 230px; background-color: #FFFFFF; background-image: url(); background-repeat: no-repeat; background-position: bottom right; } table.left { /* this edits the menu module */ border: 1px solid #5c5c5c; width: 200px; background-color: #FFFFFF; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-image: url(); background-color: #FFFFFF; font: 13px century schoolbook; text-transform:none; text-align: right; color: #000000; border:0px solid #000000; letter-spacing:0px; background-image: url(); background-position:bottom left; background-repeat:no-repeat; background-attachment:fixed; } table.left TD { /* on your menu module, this edits the body part of it */ font:normal 9px verdana; color: #000000; text-align: center; border:0px solid #000000; width: 200px; background-color: #FFFFFF; background-image: url(); } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #ffffff; border: 0px solid #BFDFFF; background-image: url(); } table.search TD, table.search, { /* DONT TOUCH */ display: none; } table.search TD, table.announcements TH { /* DONT TOUCH */ width: 210px; text-align: center; } table.announcements { /* DONT TOUCH */ width: 210px; text-align: center; } table.navigation { /* DONT TOUCH */ display: none; width: 210px; text-align: center; } table.footer { /* DONT TOUCH */ display: none; } table.footer TD { /*centers bottom footer*/ text-align: center; } table.main, { /* DONT TOUCH */ width: 210px; border: px solid #; text-align: center; } hr { /* DONT TOUCH */ display: none; } table.footer TD { /* DONT TOUCH */ display: none; } div.smalltext{ /* DONT TOUCH */ width: 210px; padding: 3px; color: ff0080; text-align: center; font-family: verdana; font-size: 5pt; } hr { /* horizontal divider */ border: 1px solid #FFBFBF; } </style> <!-- begin code provided by createblog.com --> <style type="text/css"> table.navigation, table.footer { display:none; } </style> <!-- end code provided by creatblog.com --> <script>document.title="BEST FRIENDS";</script>

WEBSITE STAT

<!-- Script by Paul Chen --><td id="customRight" style="display:none" vAlign="top" width="200"> <!-- module:start --> <table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1"> <tr><th class="left" vAlign="top" align="center"> <b>ABOUT ME</B> </th></tr> <tr><td class="left" vAlign="top"> <P><div style="width:140px;height:100px;overflow:auto;border-width:2px;border-color:000000;border-style:solid;"> *WRITE WHATEVER HERE* </P> </td></tr> </table> <br/> <!-- module:end --> <!-- module:start --> <table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1"> <tr><th class="left" vAlign="top" align="center"> <b>The Title</B> </th></tr> <tr><td class="left" vAlign="top"> <div style="width:140px;height:100px;overflow:auto;border-width:2px;border-color:000000;border-style:solid;"> WRITE WHATEVER YOU WANT HERE <br></td></tr> </table> <br/> <!-- module:end --> </td> <script> extra=false; j=document.getElementById('MoreoverModule1_lblModuleTitle') if(j){extra=true} index=0; var mytds = document.getElementsByTagName('td'); var i = 0; for(i=0;i<mytds.length-1;i++){ if(mytds[i].width=="200"){ index++; if(index==(extra ? 2 : 1)){break;}} } var sidebar = (extra ? mytds[i]: mytds[i].parentNode) var tsibpc = document.getElementById('customRight'); var rightSide = tsibpc.cloneNode(true); rightSide.style.display = "block"; sidebar.appendChild(rightSide); </script> <!-- from xanga.com/html_scripts--> <style type="text/css"> .custom{ width:200px; height:200px; 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><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> <!--End Script by Blogring.net-->