CSS Primer for the E2 Zen Theme

created by Simulacron3
(idea) by Simulacron3 (12 hr) (print)   (I like it!) 2 C!s Sat Aug 11 2007 at 3:33:47

This is not the official E2 CSS manual, but I hope it fills a need until something official comes out. It will explain CSS and it's use here on E2, and get you started on creating your own E2 style sheets. Be warned, though, that it is not 'for dummies'.

I am on a mission, a bungling attempt to learn Cascading Style Sheets (CSS) and make an E2 Zen theme. I will get lost in the jungle, bump into trees in the dark, fall off cliffs and get chased from caves by huge rolling boulders.

I will stop at strategic points along the way to summarize my lessions and add links to them below. The softlinks will point to other explanations of CSS.

Session 0: The E2 Zen Theme for Sub-geniuses

The purpose and concept of CSS and HTML as applied to E2

Session 0.2: Taking the E2 Zen Theme for a Spin

How to try out the Zen theme and the growing list of experimental styles that are already under development

Session 1: Under the Hood of the E2 Zen Theme

How to act like you know what you're doing for a few minutes through a brief hands-on demonstration of what CSS can do and how a style sheet is written. How to create a very basic E2 Zen theme.

Session 2: Nuts and Bolts: Understanding CSS Declarations

How CSS is written. How to expand and tweak your basic E2 Zen theme.

Session 3: Extreme Styling the E2 Header in the Zen Theme

How to do everything that can be done to a small part of the page.

Session 4:

Session 5:

Y'know, if you log in, you can write something here, or contact authors directly on the site. Create a New User if you don't already have an account.