Click here

Customizing a MySpace Page for a Band

By Lee Underwood

http://www.htmlgoodies.com/beyond/css/article.php/11160_3697201_4/Customizing-a-MySpace-Page-for-a-Band.htm (Back to article)

Click here

Conclusion

That's about it. Be sure to see the finished page below, along with the complete style sheet. You can dig deeper and really go crazy, if you like. In many cases it will take a bit of code, using descendant selectors. If you discover additional tips and techniques, be sure to let me know. I'm always looking for new techniques for my band's page.

Page Views

Style Sheet

<style type="text/css">
body {
  font: 1px verdana, Arial, Helvetica, sans-serif; line-height: 1px; background: #BD968C;
}
table {
  background-color: transparent;
  border: none;
}
.contactTable {
  border-color: transparent;
}
table tbody tr td {
  background-color: #FAE3B4;
  border: none;
}
a img {
  border: none;
}
a.navbar:link, a.navbar:visited {
  color:000;
}
#musicnav a {
  color:#9C0031;
}
.text {
  color:#990033;
  font:500 8pt verdana,arial,sans-serif,helvetica;
}
.whitetext12 {
  color: #9C0031;
  font: bold 9pt verdana,arial,sans-serif,helvetica;
}
.orangetext15 {
  color: #990033;
  font: bold 11pt verdana,arial,sans-serif,helvetica;
}
.lightbluetext8 {
  font: 10pt verdana,arial,sans-serif,helvetica;
  color: #B58673;
  font-weight: bold;
  text-decoration: underline;
}
.nametext {
  background-image: url(http://shamar.org/img/casey.gif);
  height: 70px; width: 200px;
  padding: 0px 0px 1px 0px;
  display: block;
  margin: 1px 0px 1px 0px;
  background-repeat: no-repeat;
  overflow: hidden;
  color: #FAE3B4;
}
table tr td font strong {
  color: #990033;
}
</style>

This article originally appeared on WebReference.com.