Navigation bar

Next post
Home
Back to the front page
Blog Map
All posts, by category

Use lateral arrows to navigate through posts

Posts tagged style

Design & Layout remake for Geek notes

CSS

Welcome to my completely re-fashioned weblog!
I’ve worked a lot on it, and this second-version design is supposed to:

  • make the page look cleaner and text more readable,
  • put a strong focus on contents,
  • reduce the number of used colours and put things in order.

Okay, but what about the first-version design? I’d liked it…

Don’t worry: just click on the style-switch image in the top-right corner: the page will reload, and from that moment on you’ll have the whole site styled as you want, every time you come back!

And now, it’s poll time: do you like this work or not? I’d like to know your opinion: you can just vote the poll, or leave a comment to send detailed feedback.

Which layout do you prefer?

View Results

Some notes on this work:

New design is all made out by Cascading Style Sheets (which are valid, of course): when you click on the switcher, the XHTML source code of the page remains the same; the only thing that vary are the links to CSS files.

That’s the truly power of CSS: by separating structure and presentation, you can vary the presentation with just a line of code in the markup, and the new stylesheet will be applied site-wide.

Last, but not least, the new LIGHT cascading style sheet was tested (as well as the GEEK one) on: Firefox, Internet Explorer (both 6 and 7-beta), and Opera 8.
Safari users, do you see errors?

P.s. Do you want to know how the style switcher works?
Let’s check out the explanation of this PHP Cascading Style Sheet Switcher!