module width., 2.0 Options

[thisbxtchisloca]

anyone know how to change the width of my 2.0 layout? ever since i had 2.0 you can never scroll on my playlist..just want it a little wider please. thanks. ;)

[miguelS]

And as an alternate to Mike's suggestions, you could adjust the column width ratio, but the code would depend on how many columns your profile has.

[thisbxtchisloca]

here's the link to my page, i'm thinking i would want to change it to about as wide as the ad goes out.. http://www.myspace.com/517250615

and here's the coding..

CODE

.r{}
div[class~="module"] { border:none;}
div[class~="moduleTop"],
div[class~="moduleTop"] div,
div[class~="moduleBottom"],
div[class~="moduleBottom"] div { background-color: #000000; background-image: url(http://profile.myspace.com/rc.ashx?bg=000000&r=6&w=2000&s=FFFFFF&sw=1); font-size:0px;}
div[class~="moduleTop"] div div,
div[class~="moduleBottom"] div div { background-image:none;}
div[class~="moduleTop"] div div { height:5px; border-top: 1px solid #000000; margin: 0px 5px;}
div[class~="moduleBottom"] div div { height:5px; border-bottom: 1px solid #000000; margin: 0 5px;}
div[class~="moduleMid2"] { margin: 0 5px;}
div[class~="moduleMid"] { border-left: solid #000000 1px;}
div[class~="moduleMid1"] { border-right: solid #000000 1px;}
div.moduleTop { background-position: top left;}
div.moduleTop div { background-position: top right;}
div.moduleBottom { background-position: bottom left;}
div.moduleBottom div { background-position: bottom right;}
div.wrap {width:700px;}
.dolliecrave { position: absolute; top: 0px; left: 0px;}
div.contentTop {background-color:#000000;
background-image:url(http://i154.photobucket.com/albums/s273/dressupmyspace/pinkforsure/myspace-layouts/layoutbackground2.gif);
padding-top:15px; background-repeat:no-repeat; background-position:top right;}
#topnav {background:#000000;}
#topnav a {color:#FFFFFF; font-family:arial; font-size:11px; letter-spacing:0pt; text-transform:lowercase; font-weight:normal;}
#topnav ul {border-right:0;}
#topnav ul li {border-left:0;}
#topnav ul li a:hover {background-color:transparent; color:#C0C0C0; text-decoration:none;background-image:url(http://i154.photobucket.com/albums/s273/dressupmyspace/pinkforsure/myspace-layouts/transparent2.png);}
#topnav ul li.dropDown:hover a, #topnav ul.subMenu a:link {text-transform:lowercase;
background-color:transparent; color:#C0C0C0; text-decoration:none;
background-image:url(http://i154.photobucket.com/albums/s273/dressupmyspace/pinkforsure/myspace-layouts/transparent2.png);}
#topnav li.dropDown:hover ul.subMenu a:hover,#topnav li.hover ul.subMenu a:hover, #topnav ul.subMenu a {background-color:transparent; color:#C0C0C0; text-decoration:none;
background-image:url(http://i154.photobucket.com/albums/s273/dressupmyspace/pinkforsure/myspace-layouts/transparent2.png);
text-transform:lowercase;height:12px;line-height:12px;}
#topnav ul li.dropDown:hover a,#topnav ul li a:hover {background-color:transparent; color:#FFFFFF; text-decoration:none;
background-image:url(http://i154.photobucket.com/albums/s273/dressupmyspace/pinkforsure/myspace-layouts/transparent2.png);
text-transform:lowercase;}
#topnav ul.subMenu, #topnav ul li.hover a,#topnav ul li.hover a:hover {background-color:transparent; color:#FFFFFF;
text-decoration:none;
background-image:url(http://i154.photobucket.com/albums/s273/dressupmyspace/pinkforsure/myspace-layouts/transparent2.png);
text-transform:lowercase;}
#topnav ul, #topnav ul li {border: none;}
#topnav ul li.dropDown:hover a,
#topnav ul li.hover a, #topnav ul a:hover, #topnav ul li.hover a:hover {color: #FFFFFF;}
#topnav ul.subMenu {border: 0;}
#topnav li.dropDown:hover ul.subMenu a:hover,
#topnav li.hover ul.subMenu a:hover {color: #C0C0C0;}
div#header, div#googlebar { background: #000000 }
div#googlebar, div.wrap {background-color: #000000;}
body {background-image:url(http://i159.photobucket.com/albums/t147/sw33t_t3mptation/love/HOTPURPcheetah.jpg); background-attachment:fixed;
background-position:top left; background-repeat:repeat; background-color:#000000;}
div#header, div#googlebar {background-color:#000000;}
div[id~=footer] a {font-family:arial; font-size:10px; font-weight:normal; text-decoration:none; text-transform:lowercase;}
div[id~=footer] div {padding:10px 0;}
div.moduleBody a, a:link, a:active, a:visited {color:#FFFFFF; font-family:arial; font-size:10px; letter-spacing:0; text-decoration:none; text-transform:none; font-weight:normal;}
div.moduleBody a:hover, a:hover {color:#404040; font-family:arial; font-size:10px; letter-spacing:0; text-decoration:none; text-transform:none; font-weight:normal;}
div.moduleBody {background-color:#000000; color:#FFFFFF; font-size:10px; font-family:arial; font-size:10px; text-transform:none;}
div.moduleMid, div.moduleTop div div, div.moduleBottom div div { background-color:#000000;color:#FFFFFF;}
div.profileDemographics {background-color:#000000; border:0; padding:0;}
div.basicInfoModule div.basicInfoDetails
h2 {font-family: arial; font-size:25px; letter-spacing:-2pt; font-weight:normal; text-transform:lowercase;}
h3.moduleHead {font-size:11px; font-family: arial; letter-spacing:0px; text-transform: uppercase; font-weight: bold;
border-bottom:1px solid; border-bottom-color:#101010;background-color:#181818;color:#FFFFFF;}
h4 {font-size:10px; font-family: arial; letter-spacing: 0px; text-transform: lowercase; font-weight: bold;
border-bottom:1px solid; border-bottom-color:#101010;background-color:#181818;color:#FFFFFF;}
div.detailsModule li strong {background-color:#000000; color:#FFFFFF; font-family:arial; font-size:10px;
letter-spacing:0; text-transform:lowercase; border:0; font-weight:normal; display:block; float:left; width: 80px;
line-height:12px; margin-right:9px; padding-left:2px;}
strong {font-size:10px; font-family: arial; letter-spacing:0px; text-transform: lowercase; font-weight: bold;}
div.commentsModule p.datePosted {background-color:#000000; color:#FFFFFF; font-size:8px; font-family:small fonts;
font-weight:normal; text-transform:uppercase; float:left; width:85px; line-height:9px; margin-right:9px; padding-left:2px;}
ul.profileUserAlbum li
{ background-color:#000000; padding:1px; border: 1px solid; border-color:#0E0E0E;}
<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNjQxNzc1NDU3NTAmcHQ9MTI2NDE3NzU4MzY*MCZwPTUzMjUxJmQ9bGF5b3V*cyZnPTEm
z1iMGQyMDU4NWExMjg*/OTAzYmVmYzJiOWFlZjc5YmE3NSZvZj*w.gif" />

[miguelS]

Use this:

CODE

div.wrap {width:730px;}
div#col1_0 {width:40%;}
div#col1_1 {width:60%;}

You can also change it to 45/55 if you want.
Just depends on your preference.

[thisbxtchisloca]

AMAZING! you have no idea how long i've been trying to do that, thanks so much!!

[Mickey]

Topic closed & moved.