Форум администраторов игровых серверов

Многие видели на сайтах серверов ла2 вверху окошки мол: "проголосую за наш сервер" и т.д.

Так вот выкладываю код с помощью которого можно реализовать полупрозрачную "подсказку" у себя на сайте:

HTML(Добавить перед тегом </body>):
[HIDE="10"]

Код:

<div class="reminder" id="reminderDiv" >



<table>

<tr>

<td style="padding-left: 10px; padding-top:8px;" width="325">



<a href="ссылка на страницу голосвания" target="_blank"><img style='FILTER: alpha(opacity=50)' src="ссылка на картинку" width="88" height="31" border="0" alt="L2top.ru: Рейтинг-каталог серверов Lineage2"></a>



</td>



<td style="padding-left:5px;" width="520">Центральний<br>текст</td>

<br>

<td style="text-align: center" width="200">Центральний <br> текст 2 </td>



<td align="right" style="padding-right:35px;">

<img src="ссылка на крестик(кнопку закрытия окошка)" width="16" height="16" alt="" onClick="document.getElementById('reminderDiv').style.display='none'; 

document.getElementById('reminderplaceDiv').style.display='none';" />

</td>

</tr>

</table>

</div>

<div class="reminderplace" id="reminderplaceDiv"></div>

[/HIDE]

CSS:
[HIDE="15"]

Код:

.reminder {position: absolute; opaque; width: 100%; height: 40px; left: 0; top: 0; background-image:url(../img/bkj.jpg) ; margin: 0; color: #162A28; font-family: "Tahoma", arial; border-bottom: 1px solid #A7A6AA; z-index: 101;}



* html .reminder {position: absolute;}



.reminder table{width: 100%; border:0; font-size: 13px; margin-top:-20px; }



.reminder td{verical-align: middle; border:0;}



.reminder img{border: 0;}



.reminder a{text-decoration: underline; color: #162A28; }



.reminderplace {height: 5px;}



* html .reminderplace {height: 14px;}

[/HIDE]

JavaScript:
[HIDE="15"]

Код:

<script language="JavaScript">



function hideVoter(){



var d = new Date();



d.setDate(d.getDate() + 1);



var cook = new Cook();



cook.set("l2top_voted", "1", d);



document.getElementById('reminderDiv').style.display='none';



document.getElementById('reminderplaceDiv').style.display='none';



}



</script>

[/HIDE]