SmashArticles.com
Search For
Keywords  
  Advance Search
Smash Articles | Smash Ebooks | Smash Blog | Smash Web Directory | Smash SEO Tools

Articles

Submit Your Article
Latest Articles
Popular Articles
Top Rated Articles
RSS Feed for Articles ROR Feed for Articles

Ebooks

Latest Ebooks
Popular Ebooks
Top Rated Ebooks
Authors
Cover Gallery
RSS Feed for Ebooks ROR Feed for Ebooks


Web Directory

Submit Your Website


Partner

Articles directory

Sign up for Newsletter

Email
 

Add This Article To:
Del.icio.us Digg Google Spurl
Blink Furl Y! MyWeb
Back to CSS

How to create a Myspace layout?


by Anthony Stillmann

This might seem tricky but it is actually pretty easy. The only thing you need is basic knowledge in HTML and CSS.

It's time start code. Instead of begin the layout with tags such as , and , just start with the <STYLE> tag right on. This is because Myspace.com has already prepared that job for you.</p><p> There's already class-names that will be used in the profile code, wether you modifie them or not. These are:</p><p> nametext<br /> whitetext12<br /> lightbluetext8<br /> orangetext15<br /> blacktext12<br /> redtext<br /> redbtext<br /> blacktext10</p><p> edit them and then you can go for the tag-properties. Tags that are used in the profile are:</p><p> body<br /> a<br /> div<br /> font<br /> span<br /> input<br /> tbody<br /> table<br /> tr<br /> td</p><p> Edit the properties of them like you use to do when you edit CSS. Here's an example of how this can look like:</p><p> <STYLE> font {font-size:11pt; font-family:arial} a:hover {color:b7012b} </STYLE> <BODY></p> You get the idea. If you want to see more design examples then just check out <a href="http://free-myspace-background.blogspot.com/">Myspace Background</a>. Just start coding and have fun! </font></p></td> </tr> <tr> <td height="20"></td> </tr> <tr> <td><font style="font-size:16px" face="Arial, Helvetica, sans-serif"><strong>About the Author</strong> </font></td> </tr> <tr> <td height="10"></td> </tr> <tr> <td><font style="font-size:12px" face="Arial, Helvetica, sans-serif"> A proffesional myspace-layout-creator. </font></td> </tr> <tr> <td height="10" colspan="2"> </td> </tr> </table> <table align="left" cellpadding="0" cellspacing="0" width="90%"> <tr> <td colspan="2" background="images/dottedline.jpg" height="10"> </td> </tr> <tr> <td width="21%" height="21"> <strong>Reviews</strong></td> <td width="79%"> <a href='http://www.smasharticles.com/reviewarticle.php?category=CSS&articleid=197' class='link4' title='Rate/Review this Articles'>Be the first to review/rate this Article</a></td> </tr> <tr> <td colspan="2" background="images/dottedline.jpg" height="10"> </td> </tr> </table> </font> <!-- site content end --> </td> <td width="3" ></td> <td width="1" bgcolor="C64747"></td> <td width="150" valign="top" align="center"> <table cellpadding="0" cellspacing="0"> <tr> <td> <script type="text/javascript"><!-- google_ad_client = "pub-1632718777606339"; google_ad_width = 120; google_ad_height = 600; google_ad_format = "120x600_as"; google_ad_type = "text_image"; //2007-04-10: smasharticles google_ad_channel = "2337585202"; google_color_border = "FFFFFF"; google_color_bg = "FFFFFF"; google_color_link = "CC0000"; google_color_text = "000000"; google_color_url = "006699"; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td height="10"><hr color="C64747" noshade size="1"></td> </tr> <tr> <td align="center"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td align="center"> <table> <tr> <td><a href="http://www.smasharticles.com" class="linkSmall" title="Home - SmashArticles.com">Home</a></td> <td><span style="font-size:7px">|</span></td> <td><a href="http://www.smasharticles.com" class="linkSmall" title="Browse Articles">Articles</a></td> <td><span style="font-size:7px">|</span></td> <td><a href="http://www.smasharticles.com/smashebooks.html" class="linkSmall" title="Browse Ebooks">Ebooks</a></td> <td><span style="font-size:7px">|</span></td> <td><a href="http://www.smasharticles.com/community" class="linkSmall" title="Smash Community">Community</a></td> <td><span style="font-size:7px">|</span></td> <td><a href="http://www.smasharticles.com/webdirectory/" class="linkSmall" title="Smash Web Directory">Web Directory</a></td> <td><span style="font-size:7px">|</span></td> <td><a href="http://www.smasharticles.com/seotools.php" class="linkSmall" title="Smash Search Engine Optimization Tools">SEO Tools</a></td> <td><span style="font-size:7px">|</span></td> <td><a href="http://www.smasharticles.com/submit/article.html" class="linkSmall" title="Submit your Article">Submit Your Article</a></td> <td><span style="font-size:7px">|</span></td> <td><a href="http://www.smasharticles.com/webdirectory/submit.php" class="linkSmall" title="Submit your Website">Submit Your Website</a></td> </tr> </table></td> </tr> <tr> <td align="center"> <table width="741" cellpadding="0" cellspacing="0"> <tr align="center"> <td style="width:89" ><a href="http://www.smasharticles.com/recentarticles.php" class="linkSmall" title="Latest Articles">Latest Articles</a></td> <td style="width:5"><span style="font-size:7px">|</span></td> <td style="width:158" ><a href="http://www.smasharticles.com/populararticles.php" class="linkSmall" title="Popular Articles">Popular Articles</a></td> <td style="width:10"><span style="font-size:7px">|</span></td> <td style="width:136" ><a href="http://www.smasharticles.com/topratedarticles.php" class="linkSmall" title="Top Rated Articles">Top Rated Articles</a></td> <td style="width:9"><span style="font-size:7px">|</span></td> <td style="width:163"><a href="http://www.smasharticles.com/articlesrss.php" class="linkSmall" title="RSS Feed for Articles">RSS Feed for Articles</a></td> <td style="width:8"><span style="font-size:7px">|</span></td> <td style="width:169"><a href="http://www.smasharticles.com/articles_ror.xml" class="linkSmall" title="ROR Feed for Articles">ROR Feed for Articles</a></td> </tr> </table></td> </tr> <tr> <td align="center"> <table cellpadding="0" cellspacing="0"> <tr align="center"> <td style="width:87" ><a href="http://www.smasharticles.com/recentebooks.php" class="linkSmall" title="Latest Ebooks">Latest Ebooks</a></td> <td style="width:10"><span style="font-size:7px">|</span></td> <td style="width:150" ><a href="http://www.smasharticles.com/popularebooks.php" class="linkSmall" title="Popular Ebooks">Popular Ebooks</a></td> <td style="width:12"><span style="font-size:7px">|</span></td> <td style="width:104"><a href="http://www.smasharticles.com/topratedebooks.php" class="linkSmall" title="Top Rated Ebooks">Top Rated Ebooks</a></td> <td style="width:12"><span style="font-size:7px">|</span></td> <td style="width:104" ><a href="http://www.smasharticles.com/ebookauthors.php" class="linkSmall" title="Ebooks Authors">Ebook Authors</a></td> <td style="width:14"><span style="font-size:7px">|</span></td> <td style="width:86" ><a href="http://www.smasharticles.com/covergallery.php" class="linkSmall">Cover Gallery</a></td> <td style="width:9"><span style="font-size:7px">|</span></td> <td style="width:163"><a href="http://www.smasharticles.com/ebooksrss.php" class="linkSmall" title="RSS Feed for Ebooks">RSS Feed for Ebooks</a></td> <td style="width:8"><span style="font-size:7px">|</span></td> <td style="width:169"><a href="http://www.smasharticles.com/ebooks_ror.xml" class="linkSmall" title="ROR Feed for Ebooks">ROR Feed for Ebooks</a></td> </tr> </table></td> </tr> <tr> <td align="center"> <table style="height:15" width="800" cellpadding="0" cellspacing="0"> <tr align="center"> <td style="width:65"><a href="http://www.smasharticles.com/sitemap.php" class="linkSmall" title="Smash Articles - Site Map">Site Map</a></td> <td style="width:9"><span style="font-size:7px">|</span></td> <td style="width:34" ><a href="http://www.smasharticles.com/faq.php" class="linkSmall" title="Smash Articles - Frequently Asked Questions">FAQ</a></td> <td style="width:21"><span style="font-size:7px">|</span></td> <td style="width:98" ><a href="http://www.smasharticles.com/privacy.php" class="linkSmall" title="Smash Articles - Privacy Policy">Privacy Policy</a></td> <td style="width:18"><span style="font-size:7px">|</span></td> <td style="width:98" ><a href="http://www.smasharticles.com/disclaimer.php" class="linkSmall"title="Smash Articles - Disclaimer">Disclaimer</a></td> <td style="width:18"><span style="font-size:7px">|</span></td> <td style="width:117" ><a href="http://www.smasharticles.com/advertise.php" class="linkSmall" title="Advertise with Smash Articles">Advertise With Us</a></td> <td style="width:31"><span style="font-size:7px">|</span></td> <td style="width:157" ><a href="http://www.smasharticles.com/about.php" class="linkSmall" title="About SmashArticles.com">About SmashArticles.com</a></td> <td style="width:23"><span style="font-size:7px">|</span></td> <td style="width:98" ><a href="http://www.smasharticles.com/contact.php" class="linkSmall" title="Contact SmashArticles.com Team">Contact Us</a></td> <td style="width:31"><span style="font-size:7px">|</span></td> <td style="width:30" ><a href="http://www.smasharticles.com/links.php" class="linkSmall" title="Resource Links">links</a></td> </tr> </table></td> </tr> <tr> <td align="center"> <table style="height:15" width="200" cellpadding="0" cellspacing="0"> <tr align="center"> <td><a href="http://www.smasharticles.com/linkspartner.php" class="linkSmall" title="Link Partners">Partners</a></td> <td style="width:31"><span style="font-size:7px">|</span></td> <td><a href="http://www.smasharticles.com/linkresources.php" class="linkSmall" title="Resources">Resources</a></td> </tr> </table> </td> </tr> <tr> <td> </td> </tr> <tr> <td align="center"><span style="color:#C64747;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px">Copyright © 2006 SmashArticles.com</span></td> </tr> </table> <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script> <script type="text/javascript"> _uacct = "UA-2252677-1"; urchinTracker(); </script> </td> </tr> </table> </body> </html>