geke hand
E Z B O A R D
Emoticon 'Floater'

<< added: 1/28/2005

Summary: Vertically center emoticons so that there isn't so much space between lines when emoticons are used in the same paragraph with words.

HEAD: (box #1)

<script type="text/javascript">
/* EMOTICON 'FLOATER' */
function emote_float (iLineHeight) {
imgs = document.getElementsByTagName("img");
for (img = 0; img < imgs.length; img++) {
if (imgs[img].alt.charAt(0) == ':') {
if (imgs[img].height > iLineHeight) {
iAdjust = (iLineHeight - imgs[img].height) / 2;
imgs[img].style.marginTop = iAdjust.toString() + 'px';
imgs[img].style.marginBottom = iAdjust.toString() + 'px';
}
}
}
}
/* END EMOTICON 'FLOATER' */
</script>

FOOTER: (box #4)

<script type="text/javascript">
/* EMOTICON 'FLOATER' */
emote_float(15);
/* END EMOTICON 'FLOATER' */
</script>

FOOTER Notes:

Update 15 to the height (in pixels) of your text/font.

History:

1/28/2005 - written by phalen180

Credits:

written by phalen180

E Z B O A R D

design by G E K E . N E T
best viewed in 1024x768 screen resolution using a standards compliant browser
logo based on a public domain drawing of a hand making the sign of the cross, no disrespect is intended
all other contents and code copyright © 2002-2005 jonathan cook

Valid HTML 4.01! Valid CSS!