Index of /~boojum/Themes/Floating
Name Last modified Size Description
Parent Directory 30-Jul-2008 15:40 -
CREDIT 27-Dec-2004 11:05 1k
CHANGELOG 27-Dec-2004 11:05 1k
album.th 27-Dec-2004 11:05 2k
image.th 27-Dec-2004 11:05 2k
floating.css 27-Dec-2004 11:05 3k
bright.jpg 27-Dec-2004 11:05 7k
hills.jpg 27-Dec-2004 11:05 8k
mountain.jpg 27-Dec-2004 11:05 8k
sunset.jpg 27-Dec-2004 11:05 8k
foggy.jpg 27-Dec-2004 11:05 8k
clouds.jpg 27-Dec-2004 11:05 9k
beach.jpg 27-Dec-2004 11:05 13k
sea.jpg 27-Dec-2004 11:05 13k
horizon.jpg 27-Dec-2004 11:05 16k
Floating Theme by Helmar Wieland <helmar@nefkom.net>
The idea is not to use any tables at all. This has the advantage
that there is always the right number of thumbnails in each row
depending of the size of your browser window.
Go ahead and try resizing!
Another very cool feature is that you can navigate with the
"Navigation Bar" of your browser. If you use Opera 7 for example,
you can simply press space all the time to browse all pictures in
one folder.
Furthermore no formatting markup is used at all, so _customizing_
this theme is very simple: just edit the stylesheet!
For the color scheme there's a short explanation in "floating.css".
For the rest all you need to know is a little css.
You can choose one of the included header backgound images or
simply make your own: It has to be at least 70 pixels high,
and the wider the better :-)
To for example change the image to mypic.jpg residing in the
theme folder edit the following line of album.th and image.th:
background-image: url("<:=Theme_Path():>/horizon.jpg");
should become
background-image: url("<:=Theme_Path():>/mypic.jpg");
Known issues:
- Intentionally ignores image captions on the thumbnail pages but
displays them on the image pages.
- Image names under thumbnails are intentionally cut when too long.
This is not true for Internet Explorer, cause his CSS support is
very limited, he doesn't know "overflow:hidden", so too long
names break the containers they reside in.
- This theme won't work for old and obsolete browsers like
Netscape 4.x
- It's impossible to center the thumbnails on the thumbnail pages,
because divs may only float left or right, i'm sorry.
Hope you like it!
2003/04/24
Helmar Wieland
http://helmar.dyndns.org