Entire Right Side Layout Scrolls!!

Original post: http://abrax.us/layouts/ScrollRight.php

Put your about me where it says "put your about me here"..

you're welcome to change anything you'd like in the code as long as you KNOW what you're doing =] there are A LOT of things you can change to personalize it to your liking.

enjoy =]

Important: I will no longer submit codes to Createblog (this site gets on my nerves sometimes lol), instead I will put them as blogs on Myspace.
I already have a 'rounded corners in 2.0 tutorial'.

<style> body {background-color:black;} table.rail {display:none;} div td {background-color:ffcc99;} tr, td div td {background-color:transparent;} table.blurbs {display:none;} div.rightSideScroll {width:465px; overflow:auto; height:350px;} div.rightSideScroll {border:1px solid; border-color:000000;} </style> </td></tr></table> </td></tr></table> <div class="rightSideScroll"> <table class="newBlurbs"><tr><td> <table><tr><td> <div style="background-color:ffcc99;"> <span class="orangetext15">Blurbs</span> </div><br /> <span class="orangetext15">About Me:</span><br /> Put you About me here! Put you About me here! Put you About me here! Put you About me here! Put you About me here! Put you About me here! <style> table.profileInfo td td.text {visibility:visible;} table.profileInfo td.text a img {visibility:visible !important;} .ImgOnlineNow, table.profileInfo td.text div img {visibility:visible;} table.contactTable, table.userProfileURL {display:none;} table.interestsAndDetails, table.userProfileDetail, table.userProfileSchool, table.userProfileNetwork, table.userProfileCompany {display:none;} </style> <style> table.extendedNetwork, table.latestBlogEntry {display:none;} br {line-height:0px;} div br, td td td br {line-height:11px;} </style> <style> td.text td.text span.whitetext12 {display:none;} table.friendSpace table, table.blurbs, table.blurbs td.text {background-color: transparent;} table.blurbs span.orangetext15 {display:none;} </style> <style> .bodyContent tr {background-color:transparent;} .bodyContent td div div a.text {color:white;} .bodyContent td div div {color:pink;} .bodyContent td div font {color:white;} </style>

GOD thats a good code

luciiLMAO just got TOLD.
aha.
nice code by the way:D

@ luciiLMAO: I don't get the point of your comment but okay.
If what you were trying to accomplish with it was to show me that your way is easier then you failed. Yes, that will make your 'about me' scroll but that's it. This 'script' will make your ENTIRE right side scroll which includes your 'about me', 'i'd like to meet', friends and comments sections.

< style >
div.rightSideScroll {width:465px; overflow:auto; height:350px;}
< /style >


< div class="rightSideScroll" >
about me here

it made my who i'd like meet show back up after it was meant to stay hidden :(

you gave the entire layout, not just the scrolling part.
can you, or someone, simplify this?

LOVE IT :)

oh wow :)

I LOVE KATAMARI!!!

wewerebornforthis:

to remove the black border around the scrollbox change this part of the code..
div.rightSideScroll {border:1px solid; border-color:000000;}

to this

div.rightSideScroll {border:0px solid; border-color:000000;}

and about the navigation image..i would have to see ur profile to look at ur code to see why that's happening =]

View all »

Author	PeRRiiN
Submitted on	Sep 1, 2008
Page views	27,131
Favorites	177
Comments	28
Reviewer	manny-the-dino
Approved on	Sep 1, 2008

scroll, right, side, column, scrollbar