Full Version: module width.
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. ;)
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.
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..
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" />
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" />
Use this:
You can also change it to 45/55 if you want.
Just depends on your preference.
CODE
div.wrap {width:730px;}
div#col1_0 {width:40%;}
div#col1_1 {width:60%;}
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.
AMAZING! you have no idea how long i've been trying to do that, thanks so much!! 
Topic closed & moved.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.