June 19, 2004

Using Typepad Styles With MT

This tutorial is out of date and will not be updated. ~Elise Mar 1, 2007

Movable Type offers several default stylesheet templates to use with your MT website. If you are like me, not a web designer and only possessing a cursory knowledge of CSS, you may not want to stray too far from the defaults. But then that doesn't leave us with a lot of choice in the number of default styles from which to choose. Fortunately, Typepad (Six Apart's hosted service based on Movable Type) has several default styles that will work with the new Movable Type templates.

I've tested the following Typepad styles on the new default MT3 templates, with the sidebar on the right hand side, and they appear to work fine. If you have changed your MT3 templates layout at all, for example to move the sidebar to the left side, you may need to make adjustments in the stylesheet. If you would like to use these styles with MT2.661 or an earlier version, see Applying MT3 Styles to MT2.x.

parchment.gif

Parchment



greengrass.gif

Green Grass


khaki.gif

Khaki


stripes.gif

Stripes


If you have access to a Typepad account (either through a friend or with a trial account) you can experiment with creating stylesheets for your MT weblog. Create a new test weblog in Typepad, make the style customizations you want - colors, borders, font styles and sizes, and publish your test weblog. When viewing the weblog, do a "View Source" from your browser commands to find the stylesheet URL. Open up the stylesheet in a new browser, copy the style sheet code and paste it into a new index stylesheet template for your Movable Type weblog. Point your Main Index template to the new stylesheet to test if the stylesheet is working with your blog. If it works, you can replace your original stylesheet code with the new code and repoint the Main Index template back to your orginal stylesheet URL.

Note that if your Typepad test blog doesn't have the same layout as your Movable Type blog, some adjustments may need to be made. I find this process easier if you create a test blog in Typepad with the same layout (sidebar location, number of columns) as your Movable Type blog.

Technorati Tags: Has this tutorial been helpful? Please consider linking to Learning Movable Type at http://www.learningmovabletype.com/ . Thanks!

Posted by Elise Bauer on June 19, 2004 to Tutorials for Old Versions of MT
| Email to a friend | Printer-friendly version

Email to a friend

Email this article to:


Your email address:


Message (optional):