Archive for css

resources category image CSS Resources

Yes, it’s that time again – had a moment to tidy up some bookmarks and as usual, here are some I thought others may find useful….

http://www.noupe.com/design/101-css-techniques-of-all-time-part-1.html

http://webdeveloperplus.com/css/15-time-saving-css-tools/

http://www.alistapart.com/

http://css-tricks.com/snippets/

http://webdesignfan.com/15-excellent-websites-to-learn-css/

http://lesliefranke.com/files/reference/csscheatsheet.html

http://www.webdesignerwall.com/tutorials/css-decorative-gallery/

http://www.catswhocode.com/blog/10-astonishing-css-hacks-and-techniques

http://devsnippets.com/csstechniques/malo-css-library.html

http://www.cssnewbie.com/

http://cssglobe.com/lab/textgradient/

http://reference.sitepoint.com/css

http://www.htmldog.com/

http://css.maxdesign.com.au/listamatic/

http://www.webappers.com/category/components/menu/

http://www.smashingmagazine.com/2008/08/18/7-principles-of-clean-and-optimized-css-code/

http://www.thatcssguy.com/category/that-css-guy/

wordpress-tips category image Individual Post Styling

Sometimes it is very handy if you can change the styling for a particular post, but not have to change it for all. I would imagine there may be a plugin available that does this, but to be honest, I haven’t actually looked.
Anyway, one easy way to do it is to take note of the ID for the post you want to style and then apply a bit of styling within the post itself.
To find the ID for the post is easy. You can see it when you are actually writing the post, so just look in your browser address bar and you will see something like the following:

http://jamesict.com/wp-admin/post.php?action=edit&post=96&message=7

The important bit we need is the post=96 [just take note of the number].

And all we have to do is then apply a bit of styling via some quick CSS.

To do this we apply some style tags and throw in whatever CSS changes we choose. I have made a simple background colour change to this post by applying:

#post-96 .entry {background:#BEC3B3;text-align:justify;}

In my CSS, the posts also fall under a class of .entry too, so I have included this in the CSS change.