Я думаю всё будет понятно по скрину:
Code
</* Script by master "Text advertising" */>
<script language="JavaScript" type="text/javascript">
function make_dark()
{
document.getElementById('actDIV').style.display='block';
document.getElementById('inactDIV').style.display='none';
document.getElementById('clickDiv').style.background='#0A246A';
document.getElementById('textDiv').style.color='#FFFFFF';
document.getElementById('textLinkDiv').style.color='#FFFFFF';
}
function make_light()
{
document.getElementById('actDIV').style.display='none';
document.getElementById('inactDIV').style.display='block';
document.getElementById('clickDiv').style.background='#FFFFE1';
document.getElementById('textDiv').style.color='#000000';
document.getElementById('textLinkDiv').style.color='#2249CC';
}
function close_div()
{
document.getElementById('clickDiv').style.display='none'; //by master
}
</script>
<div id="clickDiv" style="background: #FFFFE1; cursor: pointer; cursor: hand;" onMouseOut="JavaScript: make_light();" onMouseOver="JavaScript: make_dark();">
<table border=0 cellspacing="0" cellpadding="0">
<tr>
<td style="padding-left: 7px" width="100%">
<div onClick="JavaScript: window.open('$HOME_PAGE_LINK$','_blank');">
<table border=0><tr>
<td>
<img align="absmiddle" src="http://i066.radikal.ru/0908/e1/9548930708bc.gif" alt="" />
</td>
<td>
<span style="font-family: tahoma,arial; font-size: 11px; text-decoration: none; color:#000000;" id="textDiv">Добро Пожаловать на $SITE_NAME$</span>
</td>
</tr></table>
</div>
</td>
<td style="padding-right: 7px">
<img src="http://s41.radikal.ru/i092/0908/d6/ad59bca5551c.gif" id="actDIV" style="display:none;" alt="" onClick="JavaScript: close_div();" />
<img src="http://i028.radikal.ru/0908/1b/2a2d22f6c988.gif" id="inactDIV" alt="" />
</td>
</tr>
<tr><td colspan="6" background="http://s54.radikal.ru/i145/0908/7b/5a91d06d8607.gif"><img src="http://s54.radikal.ru/i146/0908/e6/d47e6ac59a32.gif" width="2" height="2" border="0"></td></tr>
</table>
</div>
</* Script by master "Text advertising" */>