thought-after.com » CSS

Free random background image script tool

Lafinboy — Mon, 13 Aug 2007 01:41:38 +0000

A while ago I posted a solution for generating CSS random background images, which provided a PHP server side solution for adding random background images to stylesheets on the fly.

Since it's initial posting the solution provided there has been tweaked and fine tuned based on use and reader feedback. A lot of the feedback and comments were about the inability for readers to use that particular solution because they did not have access to modify the PHP source code. One such example is that of Bloggers, who have access to the Blogger templating system, but not the code.

In response to this feedback I have put together a free random background image script generator tool, which will generate a self contained block of Javascript which can be pasted into any template or web page, to provide random background image selection and application to a single element on that page.

Comments and feedback are encouraged, as are links from any sites that may find a use for the script!

Convert pixels to ems – with ease

Lafinboy — Thu, 08 Feb 2007 08:11:04 +0000

I came across a very neat, and immensely useful tool online today that converts fixed pixel sizes to their relative em size equivalents. The Em Calculator bases conversions on a specified base pixel conversion ratio, and provides you with immediate calculations for nested child and sibling nodes of the DOM tree. Big thanks to Piotr Petrus who has put this tool together.

CSS srolling table with fixed header

Lafinboy — Fri, 01 Dec 2006 00:54:52 +0000

Came across this example some time ago which details how to give a fixed header and/or footer to a scrollable table.

CSS hacks – Targetting IE7

Lafinboy — Tue, 28 Nov 2006 05:25:12 +0000

A simple hack to target IE7 only:

/* Target IE7 only */
html>body #getquotebox {
*background: url(../images/loginbox-bg.jpg) 10px left no-repeat;
}
/* end */

Can be used in cases where conditional comments can't be, for whatever reason.

CSS Naked Day

Lafinboy — Wed, 05 Apr 2006 06:10:32 +0000

Wondering where the fancy site has gone? What happened to the layout, the images, the niceties? Fear not – this is a temporary change to support CSS Naked Day, a push to encourage web developers to open up their sites to the harsh glare of public scrutiny. Will your site stand up to being naked for a day? Go on, give it a go – in cyberspace nobody can see you blush!

Reading this after 6th April 2006? The nakedness has passed, and the site is fully clothed again.