Scroll Bar Removal - Forums

Scroll Bar Removal, On Modules

YourSuperior View Profile View Subprofile	Apr 23 2005, 08:52 PM Post #1
;) Group: Staff Alumni Posts: 9,573 Joined: Feb 2005 Member No: 99,124	Ok, I made another layout for my xanga I have scroll bars on my modules on the left side. I tried using the scripts for the scroll bar removal here on cb, but they remove the scrollbars for the whole xanga page. I only want the module scroll bars off. CODE <!-- begin code provided by createblog.com --><br /><!--Alvin Skin--><br /><!--April 22, 2005--><br /><div id="alvin" style="position:static; margin-left: 0px; margin-top: 0px; border: 0px solid #000000; width: px; height: px; background: transparent; overflow: auto;"><img src="http://tinyurl.com/av5jv"></div><br /><br /><div id="left modules" style="position:static; margin-left: -430px; margin-top: -10px; border: 0px solid #000000; width: 192px; height: 100%; background: transparent; overflow: auto;"><body style="overflow-y: hidden"><P align="left"><br />Name: Alvin Ward<br><br />Member Since: February 2004<br><br />Hobbies: Composing Concert Band and Orchestra Music<br><br />Talking on the internet, and text messaging<br><br /><br /><img src="http://www.blogupload.com/14449/navi01.gif"><br><br />><a href="http://www.xanga.com/claf">CLAF</a><br><br />><a href="http://www.xanga.com/siginin.aspx">Sign In</a><br><br />><a href="http://www.xanga.com/logout.aspx">Sign Out</a><br><br />><a href="http://www.xanga.com/guestbook.aspx?user=circusclown09">Guestbook</a><br><br />><a href="http://www.xanga.com/">Xanga.com</a><br><br />><a href="http://www.createblog.com/">CreateBlog</a><br></P><br /></div><br /><br /><div id="Blog" style="position:static; margin-left: 320px; margin-top: -200px; border: 0px solid #000000; width: 399px; height: 100%; background: transparent; overflow: auto;"><br /><br /><style type="text/css"><br /><br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {<br />/* edits main text /<br />font: 8pt arial;<br />line-height: 10pt;<br />color: #ffffff;<br />letter-spacing: 0px;<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: creampuff;<br />text-transform: normal;<br />font-size: 20pt;<br />line-height: 20pt;<br />font-weight: bold;<br />letter-spacing: -2px;<br />color: #99CCFF;<br />text-align: left;<br />border-bottom: 1px #603811 solid;<br />}<br /><br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br />/ edits all links /<br />color: #FFFFFF;<br />font: bold 8pt arial;<br />line-height: 10pt;<br />text-decoration: none;<br />}<br /><br />a:visited, a.footernav:visited, {<br />/ edits the links that the user has visited /<br />color: #FFFFFF;<br />font: bold 8pt arial;<br />text-decoration: none;<br />text-transform: uppercase;<br />line-height: 10pt;<br />}<br /><br />a:hover {<br />/ edits when user mouseovers the links /<br />color: #000000;<br />font: bold 8pt arial;<br />text-decoration: none;<br />cursor: hand;<br />border-bottom: 1px dashed #ffffff;<br />line-height: 10pt;<br />}<br /><br />input, select, textarea, .textfield, .button {<br />/ this edits the buttons, dropdowns, etc. /<br />font: normal 8pt arial;<br />color: #ffffff;<br />background-color: transparent;<br />letter-spacing: 0px;<br />line-height: 10pt;<br />border: solid 2px #000000;<br />}<br /><br />table.blogbody {<br />/ this edits the other the place where the blog is /<br />width:;<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 #000000;<br />}<br /><br />table.navigation, table.main {<br />/ the width of your blog with modules */<br />width: px;<br />}<br /><br />#rblEprops, #pnlEnabled table, #pnlEprops table { <br />width: auto !important;<br />}<br /><br />table.navigation, table.footer, .mainleft {<br />display: none;<br />}<br /><br /><!--<br />BODY<br />{<br />scrollbar-face-color: #D9B898;<br />scrollbar-highlight-color: #D9B898d;<br />scrollbar-3dlight-color: #D9B898;<br />scrollbar-darkshadow-color: #D9B898;<br />scrollbar-shadow-color: #603811;<br />scrollbar-arrow-color: #000000;<br />scrollbar-track-color: #D9B898;<br />}<br />--><br /></style><br /><!--End Alvin Skin--><br /><!-- end code provided by createblog.com -->
[Up]	[Quote]

Replies

Pulchritude View Profile View Subprofile	Apr 23 2005, 09:00 PM Post #2
Tu es laid. Group: Official Member Posts: 3,913 Joined: Feb 2005 Member No: 106,675	did you try putting the remove scroll bar code inside the div? for your left modules.. or you can make your height bigger.
[Up]	[Quote]

Posts in this topic

Maestro Scroll Bar Removal Apr 23 2005, 08:52 PM

azn.peace.maker did you try putting the remove scroll bar code ins... Apr 23 2005, 09:00 PM

Maestro Ok, I got that fixed by changing the width of the ... Apr 23 2005, 09:08 PM

azn.peace.maker QUOTE(alvin_ward155 @ Apr 23 2005, 6:08 PM)Ok... Apr 23 2005, 09:11 PM

Maestro Both of them. Apr 23 2005, 09:14 PM

azn.peace.maker then try increasing both the width and height.. Apr 23 2005, 09:15 PM

Maestro That didnt work. Apr 23 2005, 09:18 PM

azn.peace.maker uhh... try this then CODE<div id="Blog... Apr 23 2005, 09:25 PM

Maestro Neither of those worked. Apr 23 2005, 09:29 PM

azn.peace.maker QUOTE(alvin_ward155 @ Apr 23 2005, 6:29 PM)Ne... Apr 23 2005, 09:50 PM

Maestro Nvm thanks, I got it!!! A mod can cl... Apr 23 2005, 09:53 PM

mona lisa QUOTE(alvin_ward155 @ Apr 23 2005, 10:53 PM)N... Apr 23 2005, 09:57 PM

« Next Oldest · Xanga Resolved Topics · Next Newest »

1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)

0 Members: