MySpace 2.0...I'm so late!!!

Recently I had the opportunity to customize a MySpace page, for Danah Cameron. Though I've always wanted to customize a MySpace account I've often feared using CSS to manipulate a webpage heavily designed using tables.

However, from the experience I've decided to add MySpace customization to the list of services I offer and I started looking more into how to use CSS to achieve this. Only to find that MySpace has decided to make their layouts tabless and added ajax to the member interface. They have joined the web 2.0 movement (in terms of design).

With the 2.0 layouts pages will load faster and members have more control over the look and feel of their MySpace pages. In Tom's blog - on Nov.10.2008 - he highlight that the new 2.0 layouts are "fully W3C compliant" and incompatible with Internet Explorer 6. Which is great! My only disappointment is that the 2.0 layout is not available for musicians, flimmakers or comedian profiles.

To learn more about MySpace 2.0 Layouts CLICK HERE and HERE. You can also get additional themes from PYZAM and I'll be sure to have some on the PXL Junkie soon.

3 Free Nike Basketball Myspace 1.0 Layouts

I had some time on my hands recently and decided to do some Nike Baketball MySpace Layouts using images of LeBron James and his new shoe "The 6."


To use the layouts follow the steps below:

1. Select All the Layout Code.
2. Right-click and select Copy.
3. Login to your Myspace Account and click Edit Profile.
4. In the About Me section, right click and select Paste.
5. Click Save All Changes and your done!

MySpace Layout - NikeBasketball 01

Get MySpace Code:

<style type="text/css">body { background-color: 9c6c31; background-attachment: fixed; background-image: url(http://i413.photobucket.com/albums/pp216/pxljunkie/myspace/nike_bball_01/ab9a8b53.jpg); background-position: top center; background-repeat: no-repeat; margin-top: 10px; } table, tr, td { border-collapse: collapse; padding: 0; } a, .nametext, .redbtext, .redlink, .columnsWidening a { color: 8d110f !important; } a.text, .lightbluetext8 { color: 4f575a !important; } .profileWidth { margin: 0 auto; } .masthead { width: 800px; height: 250px; background-color: black; position: absolute; margin: -700px 0 0 -350px; background-image: url(http://i413.photobucket.com/albums/pp216/pxljunkie/myspace/nike_bball_01/910321cf.jpg); background-position: top left; background-repeat: no-repeat; } a img { border: none; } .credit { position: absolute; z-index: 1; top: 0; left: 0; margin-top: 195px; } div div table { margin-bottom: 0 !important; } body div table { margin-bottom: 250px !important; } table, tr, td { background-color:transparent; border:none; border-width:0; } .nametext small { display: none; } .blacktext12 { font-size: 0px !important; background-image: url(http://i413.photobucket.com/albums/pp216/pxljunkie/myspace/nike_bball_01/4b59a054.jpg); background-position: top left; background-repeat: no-repeat; width: 435px; height: 250px; display: block; } .userProfileURL a { font-weight: normal !important; color: fff !important; display: block; margin-top: -10px; } .profileInfo, .nametext, table tr td.text, table tr td, table tr, .contactTable, .btext { font-weight: normal !important; color: fff !important; } .contactTable { background-image: url(http://i413.photobucket.com/albums/pp216/pxljunkie/myspace/nike_bball_01/c6eadcdf.jpg); background-position: 0 40px; background-repeat: no-repeat; height: 160px; } .contactTable a { width: 126px; height: 20px; display: block; margin-bottom: 10px; } .contactTable a img { display: none; } .contactTable .whitetext12, .whitetext12, .userProfileURL strong { font-size: 12px !important; text-align: left !important; text-transform: uppercase !important; color: 000 !important; display: block; width: 294px !important; background-color: 4f575a !important; padding: 3px !important; } .latestBlogEntry .btext, .friendSpace span.orangetext15, .friendsComments span.orangetext15, span.orangetext15 { font-size: 12px; font-weight: bold !important; text-align: left !important; text-transform: uppercase; color: 000 !important; display: block; width: 435px; background-color: 4f575a; padding: 3px !important; margin-bottom: 2px; } .friendsComments table { border: none; }</style><div class="masthead"></div><a href="http://www.msplinks.com/MDFodHRwOi8vcHhqdW5raWUuYmxvZ3Nwb3QuY29tLw==" title="designed by pxl junkie" target="_blank"><img src="http://i413.photobucket.com/albums/pp216/pxljunkie/myspace/4277c60b.gif" class="credit" /></a>

MySpace Layout - NikeBasketball 02

Get MySpace Code:

<style type="text/css">body { background-color: 9c6c31; background-attachment: fixed; background-image: url(http://i413.photobucket.com/albums/pp216/pxljunkie/myspace/nike_bball_02/5972867e.jpg); background-position: top center; background-repeat: no-repeat; margin-top: 10px; } table, tr, td { border-collapse: collapse; padding: 0; } a, span.nametext, .redbtext, .redlink, .columnsWidening a { color: 84888b !important; } a.text, .lightbluetext8 { color: 84888b !important; } .profileWidth { margin: 0 auto; } .masthead { width: 800px; height: 250px; background-color: black; position: absolute; margin: -700px 0 0 -350px; background-image: url(http://i413.photobucket.com/albums/pp216/pxljunkie/myspace/nike_bball_02/6e4b8d87.jpg); background-position: top left; background-repeat: no-repeat; } a img { border: none; } .credit { position: absolute; z-index: 1; top: 0; left: 0; margin-top: 192px; } div div table { margin-bottom: 0 !important; } body div table { margin-bottom: 250px !important; } table, tr, td { background-color:transparent; border:none; border-width:0; } .nametext small { display: none; } .blacktext12 { font-size: 0px !important; background-image: url(http://i413.photobucket.com/albums/pp216/pxljunkie/myspace/nike_bball_02/86247fb7.jpg); background-position: top left; background-repeat: no-repeat; width: 435px; height: 250px; display: block; } .userProfileURL a { font-weight: normal !important; color: fff !important; display: block; margin-top: -10px; } .profileInfo, .nametext, table tr td.text, table tr td, table tr, .contactTable, .btext { font-weight: normal !important; color: fff !important; } .contactTable { background-image: url(http://i413.photobucket.com/albums/pp216/pxljunkie/myspace/nike_bball_02/22ba34a0.jpg); background-position: 0 40px; background-repeat: no-repeat; height: 160px; } .contactTable a { width: 126px; height: 20px; display: block; margin-bottom: 10px; } .contactTable a img { display: none; } .contactTable .whitetext12, .whitetext12, .userProfileURL strong { font-size: 12px; text-align: left !important; text-transform: uppercase; color: 000 !important; display: block; width: 294px; background-color: 8d110f; padding: 3px !important; } .latestBlogEntry .btext, .friendSpace span.orangetext15, .friendsComments span.orangetext15, span.orangetext15 { font-size: 12px; font-weight: bold !important; text-align: left !important; text-transform: uppercase; color: 000 !important; display: block; width: 435px; background-color: 8d110f; padding: 3px !important; margin-bottom: 2px; } .friendsComments table { border: none; }</style><div class="masthead"></div><a href="http://pxjunkie.blogspot.com" title="designed by pxl junkie"><img src="http://i413.photobucket.com/albums/pp216/pxljunkie/myspace/4277c60b.gif" class="credit" /></a><br />

MySpace Layout - NikeBasketball 03

Get MySpace Code:

<style type="text/css">body { background-color: 9c6c31; background-attachment: fixed; background-image: url(http://i413.photobucket.com/albums/pp216/pxljunkie/myspace/nike_bball_03/fdb38406.jpg); background-position: top center; background-repeat: no-repeat; margin-top: 10px; } table, tr, td { border-collapse: collapse; padding: 0; } a, span.nametext, .redbtext, .redlink, .columnsWidening a { color: 828a8f !important; } a.text, .lightbluetext8 { color: 828a8f !important; } .profileWidth { margin: 0 auto; } .masthead { width: 800px; height: 250px; background-color: black; position: absolute; margin: -700px 0 0 -350px; background-image: url(http://i413.photobucket.com/albums/pp216/pxljunkie/myspace/nike_bball_03/81d913bc.jpg); background-position: top left; background-repeat: no-repeat; } a img { border: none; } .credit { position: absolute; z-index: 1; top: 0; left: 0; margin-top: 192px; } div div table { margin-bottom: 0 !important; } body div table { margin-bottom: 250px !important; } table, tr, td { background-color:transparent; border:none; border-width:0; } .nametext small { display: none; } .blacktext12 { font-size: 0px !important; background-image: url(http://i413.photobucket.com/albums/pp216/pxljunkie/myspace/nike_bball_03/d4e41d02.jpg); background-position: top left; background-repeat: no-repeat; width: 435px; height: 250px; display: block; } .userProfileURL a { font-weight: normal !important; color: fff !important; display: block; margin-top: -10px; } .profileInfo, .nametext, table tr td.text, table tr td, table tr, .contactTable, .btext { font-weight: normal !important; color: fff !important; } .contactTable { background-image: url(http://i413.photobucket.com/albums/pp216/pxljunkie/myspace/nike_bball_03/ed970cbc.jpg); background-position: 0 40px; background-repeat: no-repeat; height: 160px; } .contactTable a { width: 126px; height: 20px; display: block; margin-bottom: 10px; } .contactTable a img { display: none; } .contactTable .whitetext12, .whitetext12, .userProfileURL strong { font-size: 12px; text-align: left !important; text-transform: uppercase; color: fff !important; display: block; width: 294px; background-color: 3d0d0d; padding: 3px !important; } .latestBlogEntry .btext, .friendSpace span.orangetext15, .friendsComments span.orangetext15, span.orangetext15 { font-size: 12px; font-weight: bold !important; text-align: left !important; text-transform: uppercase; color: fff !important; display: block; width: 435px; background-color: 3d0d0d; padding: 3px !important; margin-bottom: 2px; } .friendsComments table { border: none; } .blacktext10 { color: 3d0d0d; }</style><div class="masthead"></div><a href="http://pxjunkie.blogspot.com" title="designed by pxl junkie"><img src="http://i413.photobucket.com/albums/pp216/pxljunkie/myspace/4277c60b.gif" class="credit" /></a>

Joost Away

Joost recently announced that they will be discontinuing their standalone application, for Windows based PCs and Intel Macs, on December 19, 2008. This is a result of their new website - created in October of this year - which provides user with all they need to watch programs on the P2PTV network.