myspace civilized
phidias showing frieze of parthenon to his friends
basic typography
My "recivilized" profile has been a bit of a mess all morning as I've struggled to dissect the stylesheet rules for myspace profile typefacing. It brought one insight: myspace profile editing is less a question of design than it is one of engineering. For this reason, I imagine it is a question more men find interesting than women, who I'd guess prefer -- like my sister -- simply to find a website that gives them a theme they more or less identify with. In any event, just a bit of speculation that could I suppose be tested if anyone really cared.

Back to the question at hand. After a couple hours works, I think I have finally pieced together most the basic settings for controlling typesetting on a myspace profile. I used a method I'm calling "Font-color Emission Tomography" (based on Positron Emission Tomography). Here is my stylesheet, with elements configured to highlight their differences rather than provide any sort of nice aesthetic harmony:

<a href="http://myspacecivilized.blogspot.com/">myspacecivilized.blogspot.com</a><br>
stylesheet version : 0.2 &lt; myspace font-color emission tomography<br>
<br>


<style type="text/css">

NOTE { ** FONT-COLOR EMISSIONS TOMOGRAPHY ** }
NOTE { unstylable fonts... MySpace URL box, page footer }

NOTE { basic text typeface }
body, table, td { font-family:Garamond, Georgia, serif; font-size:14px; color:red; }

NOTE { basic links (bold by default) }
a, a:link, a:visited, a.searchlinksmall { font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:12px; color:yellow; }
a:hover, a.searchlinksmall:hover { color:black; text-decoration: none; }

NOTE { headers... in order -- left-side, blog and friend count, other right-side, view friend }
.whitetext12, .btext, .orangetext15, a.redlink:link
{ font-family:Impact, Charcoal, sans-serif; font-size:20px; color:green; }

NOTE { blurbs headline }
table table table .orangetext15 { font-family:"MS Serif", "New York", serif; font-size:24px; color:cyan; }

NOTE { friend space, about me headers }
table table table table .orangetext15 { font-family:Arial, sans-serif; font-size:16px; color:wheat; }

NOTE { subheaders and labels }
.blacktext12, .lightbluetext8, .redtext, .redbtext
{ font-family:Garamond, Georgia, serif; font-size:20px; color:indigo; }

NOTE { namebox header }
.nametext { font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 24px; color:lime; }
NOTE { namebox text }
.text { font-family:Verdana, Geneva, sans-serif; font-size:14px; color:blue; }

NOTE { upper navbar links -- above ad banner }
font { font-family:Impact, Charcoal, sans-serif; font-size:10px; color:green; }
a font:hover { color:black; text-decoration: none; }

NOTE { upper navbar links -- below ad banner }
a.navbar:link, a.navbar:visited { font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:12px; color:orange; }
a.navbar:hover { color:black; text-decoration: none; }

NOTE { lower navbar links }
a.text:link, a.text:visited, a.redlink:link, a.redlink:visited { font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:12px; color:violet; }
a.text:hover, a.redlink:hover { color:black; text-decoration: none; }




NOTE { reset styles }
form {border-width:0px;background-color:none;}
input {background-color:transparent !important}
table, tr, td, table table, table table td {border-width:0px; background-color: transparent;}
table table table {margin:0px; width: 100% !important;}
table table table td {background-color:transparent;margin:0px;padding:0 26px 15px 26px}
table table table table {border-width:0px;background-color:transparent;padding:0px;margin:0px; background-image: none;}


NOTE { some background styling for visibility }
body{background-color:000000;}
table{background-color:333333;}
body table{background-color:999999;}
table table{background-color:cccccc;}
table table table{background-color:ffffff;}

</style>


The Wikipedia entry on typography is one of its prouder moments and worth a look.

keywords: font, typeface, typesetting, typography

Labels:

comments

backlinks

add your own comment