myspace stuff

enhancing your myspace layouts

The skins or tablets of your site and how the page elements are arranged is called your layout. Therefore, the layouts for your myspace are called myspace layouts. The appearance of your myspace page is controlled mainly by HTML and CSS. HTML stands for "Hypertext Markup Language" and controls the structure of your myspace layouts. CSS represents the terms "Cascading Style Sheet" and helps add flair to your myspace layouts.


HTML is written using tags which appear like:

<html>
  <head>
  </head>
  <body>
  </body>
</html>


Myspace layouts contain content. The content in your layout is all the information that you want to display about yourself or that you want to appear in your mysapce area. The way that you control how things information appears to the person viewing your myspace page is through CSS. With CSS you can change all sorts of attributes like font size, color, letter spacing, and line height just to name a few. CSS may also be referred to in an abbreviated form, "style" or "styles". CSS, or style, may be defined in the heading of the HTML document or it may be inline. Styles in the heading would appear between the <head> </head> tags listed above and would look something like:


<style type="text/css">
  <!--
  @import url(http://www.somesite.com/style/stylesheet.css);
  #content h1 {font-size: 22px; padding-top: 20px;}
  #content h2 {font-size: 18px; padding-top: 20px;}
  #content p {text-align: justify;}
  .rtpic {margin-left: 10px; margin-right: 5px; margin-bottom: 15px; margin-top 15px; float: right; border: 1px solid black;}
  .ltpic {margin-left: 5px; margin-right: 10px; margin-bottom: 15px; margin-top 15px; float: left; border: 1px solid black;}
  .bulletlist a:link {color: #c0c0c0;}
  .bulletlist a:visited {color: #c0c0c0;}
  .bulletlist a:hover {color: white;}
  .displayeffect table {border: 0px; width: 90%;}
  .displayeffect td {border: 1px solid black; text-align: left}
   -->
</style>


On the other hand, the same styles written inline for your myspace layouts would look like:


<p style="margin-top: 20px;">



To totally grasp CSS to really enhance your myspace layouts, you should get a deeper understanding of what each of the styles actually do. Different browsers have an impact as well. What displays one way on Internet Explorer may not display the same on Firefox, Netscape, Safarum, or AOL. Online tutorials can help but we find hard cover reference book more handy in the long run. That is unless you intend to just hack a small amount of code to get a quick effect on myspace layouts.




final myspace layouts notes

If you would like to dig deeper into HTML and CSS, there are a few good reference books listed below. While online tutorials such as this whet your appetite, having a reference book will only flatten the learning curve on your way to perfecting your myspace. Before long you will be pimping your myspace layouts! And the amazing thing is that HTML and style work for any HTML document. You can create your own web site by using all of that knowledge!





We hope you enjoyed this short introduction to myspace layouts. Tell your friends about this page and, if you found this reference helpful, place the link below on your mysapce layouts.