klenwell information services : MoshiStylesheet2

Wiki source for MoshiStylesheet2

Show raw source

=====Moshi Stylesheet 2.0=====
return to CategoryMoshi

Available for download on the [[http://code.google.com/p/moshi/ | moshi code site]]. Please report any issues [[http://code.google.com/p/moshi/issues/list | here]].

===Release Notes===
Myspace Open Source Stylesheet Initiative

Version 2.0 : Myspace 2.0
Myspace Moshi Stylesheet
Jul 2007

Google Projects Page: http://code.google.com/p/moshi/
Blogger Page: http://myspacecivilized.blogspot.com/
Myspace Page: http://www.myspace.com/klenwell
Wiki Page: http://www.klenwell.net/is/CategoryMoshi
Author: Tom at klenwell@gmail.com

License: GPL 2.0
Warranty: None at all!


Before using this (especially for the first time), I urge you to read the following:

* Troubleshooting
- You can raise questions at the moshi blog, but I don't always check this daily
- I have a moshi questions page at the klenwell wiki -- I check this more frequently
- Report bugs at the moshi code page: http://code.google.com/p/moshi/issues/list

* Banner
- the <div class="moshi_banner"> block serves as the content of your banner
- .moshi_banner style settings control where and how your banner appears
- replace http://img143.imageshack.us/img143/3492/moshibannermq4.jpg in src setting with the url for your image
- replace http://code.google.com/p/moshi/ with url to which you want banner linked
- default settings are 200px high and 800px wide -- you can change these, but you
will need to change some of the other settings to position correctly (recommended
for experienced css designers only)

* Contact Table
- builds on the work of Mike D at www.mikeindustries.com/blog/archive/2006/04/hacking-myspace-layouts
- default settings show this image: http://img238.imageshack.us/img238/4976/moshicontactci4.png
- to display the myspace icons (which myspace recently redesigned to look a
little less ugly), make the following changes below:
1. change this line: .contactTable a img, .contactTable img { border: 0px; display:none; visibility:hidden; }
...to this: .contactTable a img, .contactTable img { border: 0px; }
2. change this line: .contactTable td table { background-image: url(http://img501.imageshack.us/img501/3002/moshicontactnygr6.jpg); }
...to this: .contactTable td table { background-image: url(); }

* Installation (IMPORTANT!)
- before you start, always a good idea to copy your current profile info to
a text file and save for backup, in case anything goes wrong
- paste stylesheet BELOW any other text in your myspace *About Me* section
- do NOT paste these comments -- start below the dotted line

* Change Log
* since 1.2
- updated font and layout rules
- new simplified banner model
- customized contact table by default

TOM stands for Template Object Model (not the guy who created myspace)

----------------------------------------------------------------------------- */