Tutorial: How to apply various background styles
Q: How do I set the background color for a single note?
Let’s say you want your landing page to look different from the rest of your website. I accomplished this on MapsElf by making the default BodyImage.png an insane spiral. This appears nowhere except where I have added BKG-IMAGE to $blogBkgOpt
—i.e., just for the home page.
Q: How do I set the background color of your whole site?
Let’s say you want your whole site to display the default background color specified in the Styles Dash. Since all content notes inherit from normal_note, this is a one-step procedure:
- Just add BKG-COLOR to the
$blogBkgOpt
of normal_note.
Q: How do I override the background color of a certain category?
Let’s say you want all posts inside of Buddhism to have a different color? Since cat_note already includes BKG-COLOR, background coloring is already active:
- Just give the cat-note in question a new
$blogBkgColor
.
Q: How do I add a background texture to a certain category and its posts?
Let’s say you also want the Buddhism category page and its child posts to share the same texture:
- Just add BKG-BEQUEATH to the
$blogBkgOpt
of the Buddhism cat-note.
Q: How do I make everything white except category pages?
This is a great way to set apart categories from posts, and categories from one another. For example, the background color of this blog is white for everything except category pages, which use the default color set in the Styles Dash. All you have to do is:
- Make sure BKG-COLOR is NOT in the
$blogBkgOpt
of the normal_note prototype - Add BKG-COLOR to the
$blogBkgOpt
of the cat_note prototype.