Myspace 2.0, Seems like it's cutting time in half but is making things complica Options

[illriginal]

Ok...

Where to start..

First, I understand that Myspace is trying to give us some sort of flavor to styles and trying to make it easier for us to design our own pages. But I'm stuck and I'm gonna assume this is basically lack of resources.

These are the resources I'm currently using and maybe I'm reading through them too quickly that I'm missing the primary changes I'd like to make.

1. http://views-under-construction.blogspot.com/2009/03/myspace-20-div-layout-div-overlay.html

2. http://fixtatik.com/articles/myspace/creat...for-profile-2.0 (which honestly, is failing hardcore, or Myspace did a patch, and these mods are just bunk now)

3. http://www.createblog.com/forums/index.php...922&hl=divs (this is primarily for 1.0 but I get the jist of converting for 2.0)



Basically the problem is this... myspace has a default size to its page, if that makes sense. When I upload a test page/image, it sticks to one size. I'll go back into photoshop, resize it by like another 5 inches in width, reupload onto photobucket with a different image name, and change the div code so that it reflects the new edited image I just uploaded onto photobucket.

But the funny thing, the image itself looks like it got larger "BUT" the image does no expand further.

Here's what I currently have in my CSS:

CODE

div#module-1 {display:none;}
div.basicInfoDetails {display:none;}
div.blurbsModule h3 {display:none;}
div.blurbAboutMe h4 {display:none;}
div.blurbLikeToMeet {display:none;}

div.basicInfoDetails {min-height:0px; padding:0px;}
div.profileDemographics {min-height:0px; padding:0px; height:0px; width:0px;}
div.basicInfoModule {margin:0px; height:0px; padding:0px; min-height:0px; }
div.basicInfoModule div.moduleBody {height:0px; min-height:0px; margin-top:0px; margin:0px; padding:0px; }
div.contentMid2 {padding:0px;}

div.contentMid2 {position:relative;}

div.photo {display:none}

This is my myspace profile: http://www.myspace.com/hatrockpcnettech


The image is just a test and I added that water drop to see if the image is in fact becoming larger but just not sizing out like I want it to. Maybe I'm using the wrong code or just no code at all.

The two options I'd like to choose from is either:

A. make the whole page 1 solid background color but not hide the ads and also behind the top menu bar.

B. create a solid colored image as my background


I prefer option "A" since it's stupid to make an image of a solid color as my background when I can just make the div a solid color instead.


Please haaaalp!



EDIT:

Wow... finally after 3 hours of searching around and tryin different codes. I've got it!

CODE

body { background:#165b60; color:#2c111d; font:normal 10px/13px 'Lucida Grande', 'Lucida Sans', sans-serif; }

Ok so after figuring that out finally... to add divs for images, it should be the same code as 1.0, ya? Or am I mistaken?

[miguelS]

Ok so after figuring that out finally... to add divs for images, it should be the same code as 1.0, ya? Or am I mistaken?

Yes. Just separate your html and css. Should work fine.

[illriginal]

Yes. Just separate your html and css. Should work fine.

Ok but what is causing the images or maybe even the div to stay at a specific size? It doesn't matter how much larger I'm resizing it... because myspace is forcing it to stay within a certain boundary.


Just now I replaced the test image with a desktop background image that is obviously much larger than what it appears on my profile. It looks like it's been thumbed to about 75% of its actual size.

[miguelS]

It does that for every section.
Resize the wrap or contentMid2 div and it should allow it to stretch out.

Btw, you have a lot of redundant code.
You don't need these:

CODE

div.basicInfoDetails {min-height:0px; padding:0px;}
div.profileDemographics {min-height:0px; padding:0px; height:0px; width:0px;}
div.basicInfoModule {margin:0px; height:0px; padding:0px; min-height:0px; }
div.basicInfoModule div.moduleBody {height:0px; min-height:0px; margin-top:0px; margin:0px; padding:0px; }

div.photo {display:none}

[illriginal]

It does that for every section.
Resize the wrap or contentMid2 div and it should allow it to stretch out.

Btw, you have a lot of redundant code.
You don't need these:

CODE

div.basicInfoDetails {min-height:0px; padding:0px;}
div.profileDemographics {min-height:0px; padding:0px; height:0px; width:0px;}
div.basicInfoModule {margin:0px; height:0px; padding:0px; min-height:0px; }
div.basicInfoModule div.moduleBody {height:0px; min-height:0px; margin-top:0px; margin:0px; padding:0px; }

div.photo {display:none}

Heh... funny, I just caught that myself. Thanks for the good eye lol

Ok, I'm gonna check the code and fiddle around with what you mentioned.

[fixtatik]

The images get resized because of the autoResize class that Myspace has. I've found that a lot of times even resizing a div doesn't work the way it should. You just need to resize the images for that class (depending on what font size you've chosen, 9999em is like 120,000 pixels):

CODE

.autoResize img { max-width:9999em; }

[fixtatik]

^ Not only that, but the solution he got for a background color after 3 hours of searching was straight from it. :P