Saturday, January 14, 2006

About a Banner ...

Here's another 'How To ...' ... in case you want a banner-image in the Sodomy non sapiens (or in any other template):



[ Banner Image ] [ Background Image ]

Terms of (ab)Use: please, do not use (or link to) my images (templates are provided without images!). Thank you for being civilized.

Sunday, January 08, 2006

Sodomy non sapiens (mkII)

Hmmm ... don't know if I'll come to an end with this one :-(

( I'm buggered if I know. ) ... Yes, ready :-)



[ view ] [ .htm * ] [ .txt ]

This is a fixed, intentionally small, layout.
All font-sizes are set in em!

For printing an em is defined as the width of the M (uppercase) in the current face and point size. For screens an em is the current point size. In CSS an em is relative: it inherits the size information from it's parent.

Update (Tuesday, January 17, 2006):

I made this a FIXED layout, intentionally with a 760px Container-width. Therefore the effective space in the Content box (the post area) is rather small. If used for an existing blog please be aware it is likely to fail - the posted images (etc.) will probably prove too wide for this box.
I've already noticed a few blogs, published using this template, where the BlogMaster/Mistress has changed the #container width to 900px! That's good. (Not my choice - but okay, of course :-) ) Just that one adjustment makes it a layout for >=1024, but that'll be enough to 'port' (almost) every existing blog, without making a mess!

Update (Thursday, January 19, 2006):

Q: If you wanted to make a background for yourself, how would one insert it into the template?

A: The same way as inserting a banner/header background-image (see How To ... Banner Image)
body {
background:#333 url("http:// YOUR-URL / YOUR-IMAGE.jpg") repeat center fixed;
}
I'll describe the Properties (briefly) in How To ... CSS Background Properties.

*) Mind: the *.htm template looks a bit odd in MIE, because of the long Blogger tags. It generates perfect, though :-)