Here's the first few tips to making your own XHTML/CSS profile design:
- Use Firefox for developing your profile (it's free to download). Many times the custom code will hide or otherwise make the submit button inaccessible on your profile edit pages and you'll need to use Firefox to view the page without style (look in the main menu bar under View > Page Style > No Style). If you've never viewed the MySpace page without style, it takes a moment to orientate yourself. I also recommend downloading the Developer's ToolBar.
- When you're constructing your XHTML, be sure to use Class over ID because MySpace strips out the pound symbol and you want be able to refer to the element on the style sheet.
- You can host images on other servers and some are free
- You can use flash, Javascript and more for some cool features.
- You can make your own navigation bar by copying the link location and id from the links on your default profile page. Links such as the add to friends link have both an href and an ID, make sure to grab them both. I strongly recommend at least a home and add to friends link. I also recommend the email and instant message links.
- You can make your own forms, such as a comment box, by simply using the same form elements, values, and post path.
- You only need one opening and closing style tag
I'll be posting many more tips to come and I encourage you to check back and learn more Ninja Tricks. Once you've developed a profile that you think is Ninja level,
submit your work.