Jump to bottom
Being surprised about mypictr.com...creating a photo for social sites has never been easier :-) 2008-07-07

Learning from the Sandbox

17
07
Filed under: CSS, Webdesign,

The last days, my entire site and blog were down due to some problem with the server. I am very sorry, hope they got it fixed now.

As I may have said in one or another part of my blog, I am currently working on an entry for the Sandbox Designs Competition and reading the blog connected to the site on a daily basis. There are only a few days left until submissions close, so I am working hard to submit something worth being seen.

Today I read an interesting entry about how to use the various classes of the Sandbox theme in order to create a new CSS design of it. Alister Cameron, who has published a whole bunch of articles worth reading, explains how to isolate a certain category within your WordPress blog using CSS only. To sum it up: The function included in the Sandbox theme generates a class for each category, i.e. if you created a category named “articles”, post an entry to it and view it in your blog, just have a look at your source code. The class “category-articles” will be then assigned to this one and ALL the other posts you write and assign to that category. You can now open your stylesheet, and give .category-articles some special styling to highlight the posts within that category from the other posts.

I have to say: Thanks for sharing, Alister!

Working with the Sandbox is really a good opportunity for me to practise and expand my CSS knowledge…

2 Comments so far to “Learning from the Sandbox”

  1. Dacil left a comment on :

    Good luck for the competition!! ;)

  2. Daniela left a comment on :

    Thank you:-)

Write a comment on this post

You are free to leave some feedback about the post now. Please keep your remarks related to the topic. For any other messages please use the contact form. Thank you very much!

You can use these XHTML: tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>