ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка

Объявление

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайте
Стать модераторомОтзывы

Предложения

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Простая всплывающая подсказка (mybb)

Сообщений 1 страница 2 из 2

1

Простая всплывающая подсказка

Автор: kozhilya

html-верх:

Код:
<script>FORUM.set('editor.title', {name:'Всплывающая подсказка',onclick:function() { tag_title() }});</script>
<style>td#button-title { background-image:url('http://www.iconsearch.ru/uploads/icons/crystalclear/16x16/edit_add.png'); }</style>

html-низ:

Код:
<script>$("div.post .post-content:contains('\[title')").each(function (){ $(this).html($(this).html().replace(/\[title=([^\]]*?)\]((?:.(?!\[\/title\]))*.)\[\/title\]/mg,'<acronym title="$1">$2</acronym>'))});
function tag_title() { if (a = prompt('Введите текст подсказки', '')) { bbcode('[title='+a+']','[/title]')}}</script>
<script src="https://forumstatic.ru/files/0010/74/32/89504.js">
</script>

Стили. Их надо ставить обязательно либо в html-верх, либо в html-низ, либо в "Свой стиль" (в этом случае убрать красные слова). Синие строки не менять.

<style>
acronym {
  border-bottom: 1px dotted;
  cursor: help;
}
div#qTip {
  padding: 3px;
  border: 1px solid #666;
  display: none;
  background: #999;
  color: #FFF;
  font: bold 9px Verdana, Arial, sans-serif;
  position: absolute;
  z-index: 1000;

}
</style>

Внутри тега работают только теги [b] и [s].
Для тех, кто хочет приукрасить, можно добавить:

<style>
#qTip {
background-color:#BFB4A2!important;
padding:9px 10px 12px 10px!important;
font-size:12px!important;
opacity:0.8;
margin:2px 4px;
text-shadow:#000 1px 1px 2px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -khtml-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;

    box-shadow: 0px 2px 8px #000;
    -webkit-box-shadow: 0px 2px 8px #000;
    -khtml-box-shadow: 0px 2px 8px #000;
    -moz-box-shadow: 0px 2px 8px #000;
}
</style>

Теги: mybb, kozhilya, Скрипты, Подсказка

+1

2

Для желающих приукрасить: Возможная Добавка к стилю окошечка:

<style>
#qTip {
background-color:#BFB4A2!important;
padding:9px 10px 12px 10px!important;
font-size:12px!important;
opacity:0.8;
margin:2px 4px;
text-shadow:#000 1px 1px 2px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -khtml-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;

    box-shadow: 0px 2px 8px #000;
    -webkit-box-shadow: 0px 2px 8px #000;
    -khtml-box-shadow: 0px 2px 8px #000;
    -moz-box-shadow: 0px 2px 8px #000;
}
</style>

Отредактировано Deff (20.05.2012 21:08:08)

+1