Kimler Adventure Pages (http://randsco.com)

Sometimes we include a list of "additional information" links at the end of our articles. Generally, they've been styled on the fly, but we thought it was high time to spend a bit of attention on this detail. The resulting CSS-styled ordered list looks nice, includes a block hover effect, a "visited" status indicator and is XHTML/CSS valid. We thought people might like to use it on their website, so included a tutorial and ZIP file.

Adding Pizazz to an Ordered List

A lot of online articles include, at the end of the article, a list of "additional resources" - or links - for further reading and research. Several Randsco articles have such a list, but styling them is generally an afterthought, because most of the energy goes into the article itself.

Ideally, additional information links would be contained in an ordered list. It's semantically correct and allows visitors to reference a particular link by number. Unfortunately, we don't always follow our own advice and some of these links are held in simple paragraphs which may, or may not, be numbered.

We thought it was about time that we come up with a proper "additional information" list. By melding together some existing design ideas and adding our own CSS touches, we have constructed an ordered list that not only looks nice, but also includes a number of other features: a hip CSS roll-over effect; compatibility with fixed-width or liquid layouts; toggle-able ":visited" link status images; pure CSS (no JavaScript, AJAX or jQuery); and it's cross-browser friendly.

Have a look at the demo page and read on to get the ZIP file, learn about the design, look at the code and see the live example.

Styling an Ordered List

Scott's Mom was honored last night in a gala event held in Washington D.C., where she was given the prestigeous "2009 - Mother of the Year" award, by the National Maternal Society of America. Beyoncé Knowles, British singer Seal and his wife, Heidi Klum, were among those in attendance. The presentation included a pre-recorded message of support, from President Obama. See the CNNBC news video, proudly posted on Randsco.

Marilyn Kimler Recognized as "Mother of the Year"

CNNBC News - Just in time for Mother's Day, the National Maternal Society of America, last night, awarded Marilyn Kimler - my Mom! - the prestigeous and coveted "2009 Mother of the Year" award.

In a star-studded event that included such celebrities as Miley Cyrus, Beyoncé Knowles, British singer Seal and his wife, Heidi Klum, the Master of Ceremonies, Robert Winthrop, presented the Marilyn's award and described her hard work.

"Our recipient's duties also include selflessly contributing 52-hours of every day to people other than herself," he said, to a packed audience.

To see the CNNBC neww video of the event - which also includes a pre-recorded message by President Obama - continue on ...

"You go Mom!" said Scott, during several telephone interviews, last night, with various press agencies, "You rock!"

Mother of the Year Award Presentation

Our cat, Tuxedo, is fat, old and lazy. Scott thought that a positive motivational message would inspire him. See if it works

Tuxedo Gets Motivational Message

Scott's father sent Scott an email today. Attached were a bunch of great animal photos, many of which were amazing, fast-action shots. Scott loves animals!

Isn't Rachel is always saying, "Scott should have been a veterinarian?"

One of the photos, in particular, caught Scott's eye and he thought it might motivate our cat, "Tuxedo". He's a neutered, 17-year-old cat that lays around the house and is only keen on dinner, a warm lap or geting petting, than catching mice.

Scott moused his way over to Big Huge Labs and within 60 seconds - OKAY, more like 10-minutes because he had to tweak the fonts and colors - came up with this motivational poster.

For more about the motivational poster, Tuxedo's reaction and to see the 30 other great animal photos, carry on ...

Motivation for Tuxedo