Themes? About time. (in General)


QBPixel Sage December 11 2006 6:18 PM EST

Hey all. I apologize for the long wait for the new theme engine. Finals will be finished by the end of the week, and then I'll be given a three week break. During that time, I'll likely contact and work with Jonathan and try to get most if not all of it done in one burst.

Also, for you awesome Mac users, there's this nifty nifty app called CSS Edit at www.macrabbit.com . Once I'm done with the theme engine, you can use that app to edit things to your liking. Trust me, it's a FANTABULOUS app, and it's worth playing around with. It'll make theming like... tons easier.

Let the theming begin! ... .. in a week or two.

Godpanda December 11 2006 6:59 PM EST

/me carps PS in delayed gratitude.

Slashundhack [We Forge Our Own Stuff] December 11 2006 7:09 PM EST

Give the man a free tub of body butter.

GnuUzir December 11 2006 8:39 PM EST

Yay new themes

Thanx Pixel!!!!!!!!

QBOddBird December 11 2006 10:01 PM EST

Hurrah! Fantastic news! Woo wooo!!!

Xenko December 11 2006 10:02 PM EST

Yay Pixel!

AdminJonathan December 11 2006 11:02 PM EST

Yay!

AdminShade December 12 2006 1:52 AM EST

So when is the next change month? :p

Xiaz on Hiatus December 12 2006 5:27 AM EST

w00t!
w00t!
w00t!

QBPixel Sage December 24 2006 11:42 PM EST

Alrighty. I talked with Jonathan and showed him the latest build of the HTML/CSS (nearly same as old one, but simplified a bit). Sadly, I just remembered a new way to implement stuff, so I'll have to do some major recoding.

In a jiffy, we'll have a generic "box" class that will allow theme makers to modify a large portion of the website by modifying that one class. Then, each box will also get its own ID, so you can edit each individual section as well.

QBPixel Sage December 26 2006 2:12 PM EST

Just a quick test of the current new engine. Simplified it tons yesterday (well, literally this morning, but whatever). Relatively simple code to restyle the stuff. And no more of those darn table limitations to deal with (shakes fist at Jon)

Relic December 26 2006 2:34 PM EST

Are you styling everything with div id's, so that the entire menu system and drop downs can be moved and re-styled or just color, font and background images?

QBPixel Sage December 26 2006 3:11 PM EST

Every single box has its own ID ;)

bartjan December 26 2006 3:38 PM EST

Please, be conservative when assigning IDs/classes. CSS is smart enough to handle most layouts via cascading and inheritance.

Each and every ID you introduce means that you will need to keep supporting it...

QBPixel Sage December 26 2006 4:11 PM EST

Well, let's put it this way. Most of the classes are just "bigBox" and "box", with each box sometimes having "boxHeader" and "boxContent". Each page has an ID, and each box has an ID. I don't think there's anything wrong with that system.

"Each and every ID you introduce means that you will need to keep supporting it..."

What do you mean by that?

bartjan December 26 2006 4:16 PM EST

That you can't drop or re-assign IDs at a whim.

Daz December 26 2006 9:23 PM EST

Will we still be able to use existing themes, or will it all be starting from scratch?
*Hopes to keep Ultramodern: Blue*

AdminNightStrike December 27 2006 12:56 AM EST

"Each and every ID you introduce means that you will need to keep supporting it..."

That's preposterous. If the layout changes and the id gets dropped, so what? CSS policies won't drop an error for an id that doesn't exist, and it really doesn't take much effort at all to update an older theme.

Your method, Pixel, is fine.

QBPixel Sage December 27 2006 4:58 PM EST

Alrighty guys. I uploaded a few screenshots to my Flickr account. In it are three themes, all with the same HTML, but with different CSS.

A question for bartjan. How would I go about selecting the second class="box" in my css? There's no ID tag, but I think you have a method for doing so with only classes?

AdminJonathan December 27 2006 5:55 PM EST

It's true that the best CSS designers use no more IDs than necessary.

QBPixel Sage December 27 2006 6:07 PM EST

Hence, box classes ;)

Relic December 27 2006 6:19 PM EST

Id's are used to move things around easily in css, while classes are pretty much strictly used for styling only. So, you only need as many Id's as there are separate components or sections you want to be able to move and float around.
This thread is closed to new posts. However, you are welcome to reference it from a new thread; link this with the html <a href="/bboard/q-and-a-fetch-msg.tcl?msg_id=001yTU">Themes? About time.</a>