2005-09-24 Wikis

I created a new CSS for Oddmuse wikis. It was inspired by all these sites featuring software for Mac OSX. Strange how so many of these sites seem to be inspired by the Apple website. I basically looked at the Onlife site style sheet for font family and size, some basic whitespace distribution, and added the rest to make it all work for Oddmuse.

CSS

Onlife

Now if only there were a simple way to do a two-column layout with but a single div. Somehow CSS2 does not support that. You have to fake it using floating divs and what not. Yuck.

Update: More CSS Goodness, in combination with my PinkBliss Barbie Power Attack of Bad Taste!

​#Wikis

Comments

(Please contact me if you want to remove your comment.)

Ewwwwwwww! Evil, evil, evil pinkness! Do you have no taste or decency?! 😄

At least you warned us first, so I guess that’s something!

Nice work on the California css, Alex. I’m in the middle of seeing just how far I can push the css for oddmuse. Problem is, the nicer layouts tend to break in IE, which isn’t fun. I’m please with the layout for http://www.greywulf.net, http://home.greywulf.net/lair and the Test wiki, but they all look far worse in IE than they do in Firefox or Opera. That’s something I’m still working on.

http://www.greywulf.net

http://home.greywulf.net/lair

– GreyWulf 2005-09-25 22:10 UTC

GreyWulf

---

I find your sites hard to read in Firefox because of the background image. Dunno about IE, haven’t used it for serious surfing in ages.

The pink stuff is 1. to challenge all people of good taste ;) and 2. something I try to force myself to in order to see how far I can get Oddmuse to be something for children. I want it to have “Barbie Power”, so to speak. I’ve been trying to simplify the user inteface for a family site, for example, by hiding unecessary stuff from beeing seen, using larger font, shorter texts, etc.

a family site

I guess I’m still in the CSS exploration stage. And I’m not taking CSS down the typical design path I’ve seen discussed in The Zen of CSS Design by Dave Shea and Molly E. Holzschlag – I’m talking about kids, computerophobes, people with interesting hobbies and so much of a real life, they only have half an hour every week to update their website.

The Zen of CSS Design by Dave Shea and Molly E. Holzschlag

– Alex Schroeder 2005-09-25 23:18 UTC

Alex Schroeder

---

I’ll fade the wulf piccie into the background a little more - thanks for the feedback, Alex.

I like the idea of a family friendly version of oddmuse! Sounds like you’d be likely to need a way of having two different stylesheets at some point though - one which hides the bulk of the interface from the children and untechie family members, and another for the administrator. It might be easier to do that than using some kind of Admin interface module.

Just a thought 😄

– GreyWulf 2005-09-26 06:58 UTC

GreyWulf

---

My girlfriend's site has a “theme” for her CSS – so at the beginning I showed her how to toggle the theme from an admin page, bookmarked the admin page for her, and now she can see all the links in the footer, but ordinary visitors will not. And she can easily toggle between the two views. Works for her! :D

girlfriend's site

CSS

This is the important part:

div.footer { display:none; }
body.admin div.footer { display:block; }
div.content + hr { display:none; }
div.refer { display:none; }
body.admin div.refer { display:block; }

– Alex Schroeder 2005-09-26 17:54 UTC

Alex Schroeder

---

Yes, that’s exactly what I meant. Heh. I knew you were clever 😄

– GreyWulf 2005-09-26 22:08 UTC

GreyWulf