Wednesday, August 22, 2007

Re-Sizing Ekiga's Presence Button

I've been experimenting quite a bit lately with voice over internet, including Skype and a collection of SIP providers.
One of those providers is Ekiga.net. Service so far is fine and they offer some limited presence support. They have a script which you can embed in a webpage showing your status, either online or offline. The buttons that appear when you use their script are pretty nice, but a little large.
Resizing their buttons is not that hard actually. Wrap their script in div tags and give the tag an id:

<div id="ekiga">
<script
src="http://www.ekiga.net/status/presence.php?user=username">
</script>
</div>

Now you can customize how their buttons appear, which are served up in an img tag, using simple css. To reduce the image-size by half, for example, add to your style-sheet:

#ekiga img {
height: 22px;
width: 85px;
}


That's it really.

Labels: , ,