Log In · Register

 
 
Closed TopicStart new topic
Friends and Comments Scrollbox
bkgrfx
post Mar 16 2010, 02:34 PM
Post #1


Newbie
*

Group: Member
Posts: 4
Joined: Nov 2009
Member No: 751,592



I'm trying to position my friends and comments in a scroll box in the area I have assigned for it on the background, but I'm not sure how to do it. Can Anyone help?

CODE
<style> .contactTable {display: none;} </style> <style> .profileInfo{display:none;} </style> <style> .latestBlogEntry {display:none;} </style> <style> .interestsAndDetails{display:none;} </style> <style> .userProfileDetail{display:none;} </style> <style> .orangetext15{display: none;} </style> <style> .userProfileURL { display:none; } </style>
<style> body { background-color: 000000; background-image:; background-position: bottom right; background-repeat: no-repeat; background-attachment: fixed; scrollbar-arrow-color:2e0e0e; scrollbar-track-color: 000000; scrollbar-shadow-color: 000000; scrollbar-face-color:2e0e0e; scrollbar-highlight-color:000000; scrollbar-darkshadow-color:000000; scrollbar-3dlight-color:000000;} table, tr, td {background-color: transparent; border: 0px; padding:2;} table table {border: 0px;} table table table table{border: 0px;} {The actual modules} table table table {border: 1px solid; border-color: 000000; background-color: 000000; } {sets the default style for the body, table data, list data, divisions and text areas} body,table, td, li, p, div, textarea {font:normal 9px arial; color:FFFFFF; font-weight:none; border:0px; text-transform: none; line-height:12px;} {class for the basic font for the page} .text {font:normal 9px arial; color:FFFFFF; font-weight:none; border:0px; text-transform: none; line-height:12px;} {style for the number of comments you have. The actual ..} .redtext{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase; } {style for the number of friends you have.} .redbtext{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase; } {”Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Friend’s Comments” style} .orangetext15{font-family: arial; color: FFFFFF; font-weight: bold; font-size: 20px; letter-spacing: -2px;} {”General”, “Music”, “Movies”, “Television”, “Books”, “Heros”, “Status”, “Here for”, “Hometown”, “Body Type”, “Ethnicity”, “Religion”, “Sign”, “Smoke/Drink”, “Children”, “Education”, “Occupation”, and “Income” title style} .lightbluetext8{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase; } {”Contacting”, “Interests”, “Details”, and “Schools” title styling} .whitetext12{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} {”In your extended network” style} .blacktext12{font-family: arial; color: FFFFFF; font-weight: bold; font-size: 20px; letter-spacing: -2px; } {Stylizing of your name above your picture } .nametext{font-family: arial; color: FFFFFF; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;} {date stamp on comments} .blacktext10{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} {This is how all anchor points will be displayed; anchor points appear before all links.} a{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase; } a:link{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} a:active{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} a:visited{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} a:hover{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} {”View all friends” and “invite more” link style} a.redlink{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} a.redlink:link{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} a.redlink:active{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} a.redlink:visited{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase; } a.redlink:hover{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} {2 links in very top on the left, and the 13 links above your picture with make the navigation bar} a.navbar{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:link{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:active{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:visited{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:hover{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} {Default Links} a:link, a.man{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;} a:active{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} a:visited{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} a:hover{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} {bolded words} .standard b, p b, B, strong { font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase; } </style> <div class="bg" style="position: absolute; left:50px; top:230px; width:900; height:1885px; overflow: hidden;"> <img src="http://img688.imageshack.us/img688/9141/filmlayout.png" /> </div> <div> .friendsandcomments { position:absolute; top:2625px; left: 50%; margin-left:-355px; filter:chroma(color=blue); scrollbar-arrow-color: f1f1f1; scrollbar-base-color: blue; scrollbar-dark-shadow-color: blue; scrollbar-track-color: blue; scrollbar-face-color: blue; scrollbar-shadow-color: blue; scrollbar-highlight-color: blue; scrollbar-3dlight-color: 840000; }

<div class="VIDEOS" style="position: absolute; left:105px; top:1319px; width:350px; height:250px; overflow: auto;"><center>

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="249" width="330">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/reQ2IBlZSx0&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/reQ2IBlZSx0&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1" height="249" width="330" wmode="transparent" />
</object><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="249" width="330">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/zmXRJFdau-U&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/zmXRJFdau-U&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1" height="249" width="330" wmode="transparent" />
</object><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="249" width="330">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/DigbqMohU3A&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/DigbqMohU3A&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1" height="249" width="330" wmode="transparent" />
</object><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="249" width="330">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/h4GRAV2Y3tg&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/h4GRAV2Y3tg&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1" height="249" width="330" wmode="transparent" />
</object><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="249" width="330">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/rxDVWx8nvls&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/rxDVWx8nvls&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1" height="249" width="330" wmode="transparent" />
</object><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="249" width="330">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/wneW7JJH73o&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/wneW7JJH73o&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1" height="249" width="330" wmode="transparent" />
</object>
</div>

<div class="BIOGRAPHY" style="position: absolute; left:590px; top:1312px; width:249px; height:273px; overflow: auto;"><center>

PUT BIO HERE. PLEASE PUT BIO HERE. THIS IS WHERE THE BIO GOES. BIO IS SHORT FOR BIOGRAPHY.PLEASE PUT BIO HERE. PUT BIO HERE PLEASE PLEASE AND THANK YOU PLEASE PUT YOUR BIO HERE NOW.

</div>
Reason for edit: Please use [codebox] tags instead of [code] tags when posting longer codes. - Mike
 
Mickey
post Mar 17 2010, 03:52 PM
Post #2


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



Try this.
 
bkgrfx
post Mar 18 2010, 05:25 PM
Post #3


Newbie
*

Group: Member
Posts: 4
Joined: Nov 2009
Member No: 751,592



it's still not working
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: