Your Roll

Рейтинг ролевых ресурсов. Каталог ролок. Полезные инструменты для администраторов ролевых игр.


Вы не подключены. Войдите или зарегистрируйтесь

Предыдущая тема Следующая тема Перейти вниз  Сообщение [Страница 1 из 1]

Космо

avatar
Я сквозь ткань миров проходящий странник, Я СКВОЗНЯЯЯЯЯК!!! ХДД
Данный скрипт замещает стандартные подсказки при наведении в браузере (тег title) на вот такую симпатичную всплывающую подсказку:


Подготовка
Для работы этого плагина требуется jQuery!
Админам с forumotion и mybb в данном плане ничего делать не надо - у них всё и так поставлено ;)

А вот остальным надо будет поставить перед тегом </head> этот сниппет:
Код:
<script type="text/javascript" src="http://yandex.st/jquery/1.9.1/jquery.min.js"></script>
Добавляем скрипты
Нам нужно добавить скрипт самих всплывающих подсказок. Для forumotion нужно зайти в админпанель - общие настройки - поисковые системы - добавить новый мета-тег - присоединить яваскрипт.
Параметр src:
Код:
http://your.roll.tv/16311.js
Для других сервисов надо будет присоединить скрипт таким же образом, как и jQuery.
Код:
<script type="text/javascript" src="http://your.roll.tv/16311.js"></script>
Добавляем стили
Для forumotion заходим в админпанель - оформление - цвета - вкладка "каскадные таблицы стилей CSS".
В самый конец вставим:
Код:
/* tipsy */
.tipsy { padding: 5px; font-size: 10px; font-family: verdana, arial, sans-serif; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(http://i40.servimg.com/u/f40/16/50/61/52/tipsy10.gif); }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }
Для большинства других сервисов надо будет добавить код выше в общую CSS; для mybb надо будет вставить видоизменённый код в верх вашего форума (как и jQuery):
Код:
<style>/* tipsy */
.tipsy { padding: 5px; font-size: 10px; font-family: verdana, arial, sans-serif; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(http://i40.servimg.com/u/f40/16/50/61/52/tipsy10.gif); }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }</style>
Всё сохраняем.

Готово!

(с) Your Roll. Туториал предоставлен блоггером и кибермагом Космо Мизраил Горынычем. Любая публикация данного материала без его разрешения запрещена.

Посмотреть профиль

Предыдущая тема Следующая тема Вернуться к началу  Сообщение [Страница 1 из 1]

Права доступа к этому форуму:
Вы не можете отвечать на сообщения