More CSS Removal Codes!

Forum user Zbloger has been rocking the myspacelayoutsremixed forums with some great new codes you can use to remove portions of your myspace 2.0 layouts.

THIS WILL TAKE THE “ABOUT ME” TITLE OFF YOUR PAGE
.blurbAboutMe h4{display:none;}
.r{}

THIS WILL TAKE OF THE ANNOYING SMALL GREY TABLE WHICH SHOWS YOUR AGE, LOCATION AND EXTRA PHOTOS
div.profileDemographics {display:none;}
.r{}

THIS WILL REMOVE YOUR PHOTO
img.photo  {display:none;}
.r{}
THIS WILL HIDE THE TITLES OF ALL YOUR INTERESTS SECTIONS
li.interestGeneral h4{display:none;}
li.interestMusic h4{display:none;}
li.interestMovies h4{display:none;}
li.interestTelevision h4{display:none;}
li.interestBooks h4{display:none;}
li.interestHeroes h4{display:none;}
.r{}
THIS ONE WILL REMOVE THE BLUE BACKGROUND IN THE INTERESTS SECTION (i got this one from this forum, thank you so much)
div.interestsModule li {background-color: transparent;}

div.blogsModule li {display:none;}
.r{}

This will take the word “Blurbs” off the blurbs table:

div.blurbsModule span {display:none;}
.r{}

This will take the word “Interests” off the interests table:

div.interestsModule span {display:none;}
.r{}

Thanks Zbloger! and don’t forget to check out the forums for more myspace 2.0 layout tips!

The Forums are up!

Alright, it’s just a makeshift forum at the moment, but we’ll have Questions and Answers over there!

http://myspacelayoutsremixed.com/forums/index.php

Whoah.

Last night we had 2,800 views. Keep it up guys. In the meantime, I’m going to be releasing out first theme, and opening a forum for all of your questions.

-j

Subscribing To Myspace Remix

I never really established some way to subscribe to the website, mainly because I never do much subscribing myself, and I really don’t think about it. Oh well.

You are now able to subscribe to the website via RSS, officially at: http://feeds.feedburner.com/MyspaceDesignsRemixed

Stay tuned, a lot of blogging and myspace designing going on today.

Myspace Profile 2.0 Tool: CSS Edit 2.0

I’ve neve been a huge fan of Macrabbit’s CSS Edit, but it seems to work great when you are working on myspace layouts. Just open said layout in the CSS Edit 2.0 inspector, and start creating new styles.

I’ve noticed some inconsistences, most importantly that CSS Edit automatically jumps for ID’s instead of classes, but it’s an easy fix as far as I’m concerend.

Myspace 2.0 Layouts Creation Slow, Buggy

Hey, It’s not like we didn’t know about this already.

The editor is just super buggy at the moment. It would be a lot more beneficial if:

  • The Editor was coded with AJAX, so it would auto load when we add CSS
  • The preview below was the actual layout, and not the ‘preview layout’

Here’s what I’m working on right now. Total CSS time has been about an hour.

Removing Rounded Corners

Unfortunately Myspace didn’t supply us with a completely style-less theme, so we have to do that ourselves. One of the biggest steps is to remove the rounded corners from the base stylesheet:

div.moduleTop,
div.moduleTop div,
div.moduleBottom,
div.moduleBottom div { background-color: transparent; background-image: none; font-size:0px; }
div.moduleTop div div { height:5px; border-top: 0px; margin: 0px 5px; }
div.moduleBottom div div { height:5px; border-bottom: 0px; margin: 0; }
div.moduleMid2 { margin: 0px; }
div.moduleMid { border-left: 0px; }
div.moduleMid1 { border-right: 0px; }

More to come folks!

What DOESN’T work

So far the list shows…

  • Any form of linking stylesheets seems to break, linking or @import.
  • There’s still no support for Javascript (I believe this is a Terms of Use issue to avoid exploits though)
  • Although the CSS box in advanced theming operates well, inputting HTML in the normal “About Me” and “Interests” is still buggy and requires workarounds, though obviously, you no longer need to input your css in there anymore.

Myspace Profile’s Now Uses CSS Reset

If you haven’t checked out the new code in the profiles already, Myspace has implemented a CSS Reset (Eric Meyers flavor if I’m right):

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border:0;
font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit;
margin:0; outline:0; padding:0;
vertical-align:baseline;
}

table { border-collapse:collapse; border-spacing:0; }
caption, th, td { font-weight: normal; text-align: left; }
a { text-decoration:none; }
a:link, a:active, a:visited { color:#039; }
a:hover { color:#C00; text-decoration:underline; }
:focus { outline:0; }
blockquote:before, blockquote:after, q:before, q:after { content:”"; }
blockquote, q { quotes: “” “”; }

That said, I’m working on a special myspace reset css file that resets the entire design and it’s modules. Stay tuned.

What is Myspace Designs Remixed?

This is a little makeshift blog i’ve put together to document the new features and abilities of the Myspace Profile 2.0 for Professional Myspace Designers, and soon, to feature new designs.

As many professional designers know, designing myspace profiles have been a pain in the rear for years now. However, yesterday myspace released the 2.0 Profile editor, which is a total Godsend. Although still a bit buggy, the editor is much more flexible, W3C compatible and the code behind is quite semantic.

Stay tuned for more information.