Windows XP Tips 2

Taskbar and toolbar tips covering XP, Windows Explorer and IE6.

23 June 2004 · Last updated: 11 December 2006

Windows XP Tips · Windows Explorer Tips · IE6 Tips · Comments


Windows Explorer Tips

Windows Explorer Tips

IE6 Tips


Comments (2)

Comments are locked on this topic. Thanks to everyone who posted a comment.
 

  1. Dewayne Mikkelson:
    Great Tips Chris!
    Very nice design on your weblog. I REALLY like your Current Reading Status Bars!!!
    How did you do that?
    What engine/software package are you running for this site?
    I have put you on my blogroll and will be looking in on a regular basis.
    Thanks!

    Posted on 24 June 2004 at 1:55 pm
  2. Chris Hester:
    Now THAT's the kind of comment I like!

    "I REALLY like your Current Reading Status Bars!!! How did you do that?"

    It's a simple division inside a list (not sure if it's correct to do that or not but the page validates). This then gets a standard background image which is moved LEFT depending on the amount of the book read. I have several styles ready-made which match the percentage shown.

    The CSS looks like this. First I style all possible combinations with the common styles shared:

    border:1px solid #ccc;
    text-align:center;
    background:#ffffff url(http://www.designdetector.com/images/progress.gif) repeat-y;


    Then I align the background image like so. Here's the line for 60%:

    background-position:-103px 0;

    I had to calculate the positions exactly, but since the division is a fixed size it was possible.

    Note also that the image used is repeated so when someone enlarges the text, it doesn't get cut off.

    As for the image itself, it was done very quickly, just a standard gradient in Photoshop that was lightened enough to make any text over it still readable.

    Glad you like the effect!

    "What engine/software package are you running for this site?"

    Great question - the answer is, I coded everything myself from scratch. I use nothing more than PHP. This is a long and painful process but when I started, I wasn't overly impressed by the 'blog' software available. Now the standard of such packages is quite high, and I often think if I was starting again today, I would just install something instead. BUT... doing it yourself enables you to tweak everything - to have full control over the code. (Sure you can do that with free packages as well, but only if you can figure out how they work!)

    Posted on 24 June 2004 at 4:26 pm

Useful Info

EMAIL: www.designdetector.com (replace the 1st dot with "@")

NEWSFEED: Subscribe to news of fresh posts and site updates. (RSS 2.0 compatible newsreader required.)

Disclaimer

Some links on this website lead to information provided by external services not under my control, therefore I am not responsible for the content or accuracy of the linked information.

All code examples are not guaranteed 100% free from bugs and/or mistakes. Use them at your own risk. I do not take any blame should a problem occur relating to use of code on this site given as an example for your own use. Such code has been tested and found to work for me, but I cannot vouch for other computer systems (existing now, or in the future) which it may be used on, or changes you introduce yourself based on my code.

This website is © 2008 Christopher Hester, except where separate authors are named. No part of this website may be reproduced or re-used in any way without my prior permission, except content added from separate authors (who retain the copyright on their material), examples of code, and any other content I explicity state is free to copy and make use of.

This page was last updated on 11 December 2006.

What's New

Recent Finds


View previous finds


Current Reading

The Suspicions Of Mr Whicher (Or The Murder At Road Hill House) by Kate Summerscale
5%
Genesis: Chapter & Verse by Tony Banks, Phil Collins, Peter Gabriel, Steve Hackett & Mike Rutherford
70%
Digital Photographer's Handbook by Tom Ang
70%