Всплывающая подсказка - Форум администраторов игровых серверов
Форум администраторов игровых серверов StormWall - Защита от DDos атак
Регистрация Мнения Справка Сообщество Календарь
Вернуться   Форум администраторов игровых серверов > MMO > Lineage II > Движки сайтов (CMS)

Движки сайтов (CMS)
Обсуждения, решения проблем веб обвязок для ява сервера.

Ответ
Опции темы
Непрочитано 03.07.2008, 14:53   #1
Аватар для Lexx_a
Герой

Автор темы (Топик Стартер) Всплывающая подсказка

Многие видели на сайтах серверов ла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]
__________________
Mother darling! It's a fun to live in Russia! Fun!..
Lexx_a вне форума Отправить сообщение для Lexx_a с помощью ICQ Ответить с цитированием
Сказали спасибо:
Непрочитано 10.12.2008, 15:11   #2
Аватар для zasov
Пользователь

По умолчанию Ответ: Всплывающая подсказка

java и css у меня не работают, почему?
zasov вне форума Ответить с цитированием
Ответ


Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход


© 2007–2024 «Форум администраторов игровых серверов»
Защита сайта от DDoS атак — StormWall
Работает на Булке неизвестной версии с переводом от zCarot
Текущее время: 18:01. Часовой пояс GMT +3.

Вверх