[site map][home]
Graphical Elements
[guestbook]
Sections on this page --->

This page gives an overview of the graphical elements that I designed for this website.

[top]

Language Code Icons


Single language ==== Multi-lingual
[n] 
[e] 
[f] 
[d] 
[c] 
[o] 
Nederlands (Dutch)
English
Français (French)
Deutsch (German)
Castellano (Spanish)
Other
[n|e] 
[n|f] 
[e|f] 
[e|o] 
[n|e|f] 
[n|e|f|d] 
Dutch/English
Dutch/French
English/French
English/Other
Dutch/English/French
Dutch/English/French/German

Remark: interspersing such miniature gifs in running text requires some attention in order to preserve the intended line height. In the stylesheet for this website, I have chosen 14px resp. 18px as font-size resp. line-height for running text. In combination herewith, the interspersed gifs must have a height of exactly 16px in order to preserve 18 px line-height (at least for IE 6.0, and hopefully also for other not-tested browsers).

[top]

Navigation Buttons


The navigation buttons (for language choice) on the start page have two states, namely "out" (onmouseout in JavaScript) and "hovered" (i.e. by the mouse; onmouseover in JavaScript). The same applies to the navigation icon for my guestbook.


The navigation buttons on the text pages are "radio buttons" and have, besides the "out" and "hovered" states, a third state "selected". Ideally, this third state should be different from the "hovered" state. This is the case for the language selection buttons. For the menu buttons, however, the "selected" state is the same as "hovered" due to a practical constraint (in its present implementation, the script that I have adopted for the drop-down menu has no provisions for a third state).


The gifs are defined with a transparent background, for the rounded corners. This feature is made visible by the light-pink background of the tables below.


Start page ==== Welcome page
out hovered out hovered
[nederlands]  [nederlands] 
[english]  [english] 
[babelfish]  [babelfish]  [babelfish]  [babelfish] 

Dutch text pages English text pages
out hovered selected = out hovered selected
[welkom]  [welkom]  [welkom]  [welcome]  [welcome]  [welcome] 
[astro]  [astro]  [astro]  [astro]  [astro]  [astro] 
[ms]  [ms]  [ms]  [ms]  [ms]  [ms] 
[w3c++]  [w3c++]  [w3c++]  [w3c++]  [w3c++]  [w3c++] 
[joerels+]  [joerels+]  [joerels+]  [links+]  [links+]  [links+] 
[auteur]  [auteur]  [auteur]  [author]  [author]  [author] 
[n]  [n]  [n]  [n]  [n]  [n] 
[e]  [e]  [e]  [e]  [e]  [e] 
gastenboek gastenboek guestbook guestbook
(never shown)