http://cs-lutsk.clan.su/_fr/25/8307080.png
Code
<style type="text/css">
.zatemnenie:hover {opacity: 0.8;}
</style>
<?if($USER_ID$='')?>
<a href="/gb" style="float:right;">
<img src="http://u.to/ZLKL" border="0" style="position: fixed; left: 0px;" class="zatemnenie"/>
</a>
<?endif?>
А теперь всё по порядку.
Между тегами <style></style> находится стиль, который делает так, чтобы при наведении на кнопку у неё уменьшалась прозрачность. Его можно скопировать в стандартную таблицу стилей (Управление дизайном -> Таблица стилей (CSS)).
Делее код <?if($USER_ID$='')?> показывает кнопку только гостям.
<a href="/gb"... куда пользователь переходит при нажатии на кнопку (советую не менять).
<img src="http://u.to/ZLKL"... - ссылка на изображение кнопки.
Это всё, конечно, делается очень легко, но многим этот урок помог.
