Информация

  • FastVps - Хостинг для форума
  • RegPartner - Домены по правильным ценам

"4admins.ru" Рекомендует

Ббкоде: Подсказка

Разные довески в сообщениях
  • Автор 
    Сообщение
Аватара пользователя
Сообщения: 646
Зарегистрирован: 10 фев 2011, 18:34
Откуда: Иркутск
Благодарил (а): 135
Поблагодарили: 146 раз в 116 сообщениях
Город: Иркутск
Пол: Мужской
Адрес форума: в разработке
бабло: 0
Баллы репутации: 24

Ббкоде: Подсказка

Сообщение Добавлено: 25 июл 2011, 09:58

Ббкоде: Подсказка

Использование BBCode
Код: Выделить всё
[classic="{TEXT1}"]{TEXT2}[/classic]

Замена HTML
Код: Выделить всё
<style>
.tooltip {
         border-bottom: 1px dotted #000000; color: #000000; outline: none;
         cursor: help; text-decoration: none;
         position: relative;
      }
      .tooltip span {
         margin-left: -999em;
         position: absolute;
      }
      .tooltip:hover span {
         border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
         box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
         font-family: Calibri, Tahoma, Geneva, sans-serif;
         position: absolute; left: 1em; top: 2em; z-index: 99;
         margin-left: 0; width: 250px;
      }
      .tooltip:hover img {
         border: 0; margin: -10px 0 0 -55px;
         float: left; position: absolute;
      }
      .tooltip:hover em {
         font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
         display: block; padding: 0.2em 0 0.6em 0;
      }
      .classic { padding: 0.8em 1em; }
      .classic {background: #FFFFCC; border: 1px solid #FFAD33; }
</style>
<a class="tooltip" href="#">{TEXT1} <span class="classic">{TEXT2}</span></a>


Подсказка
Код: Выделить всё
[classic="Любой текст"]Поясняющий текс[/classic]

Пример работы
Код: Выделить всё
[classic="классическая подсказка"]Это просто пример подсказки[/classic]

Получим вот такую подсказку при наведении курсора:
Изображение

...Я пробовал ставить стиль в тему, но не чего не вышло, не работает почему то...подсказка...
ОСАГО онлайн - 16 страховых компаний для расчета полиса ОСАГО онлайн.

Аватара пользователя
Сообщения: 621
Зарегистрирован: 13 авг 2009, 14:08
Откуда: EU
Благодарил (а): 73
Поблагодарили: 286 раз в 191 сообщениях
Город: 4админс
Пол: Женский
Адрес форума: http://boardgame.ekafe.ru/
бабло: 0
Баллы репутации: 37

Re: Ббкоде: Подсказка

Сообщение Добавлено: 25 июл 2011, 15:14

Этот ББКод не работает. :scratch:

Если кому-то все-таки такой ББКод нужен, то можно воспользоваться
этим, например. :)
Прежде, чем задать вопрос, просмотрите F.A.Q.
и воспользуйтесь поиском. Спасибо.

Аватара пользователя
Сообщения: 646
Зарегистрирован: 10 фев 2011, 18:34
Откуда: Иркутск
Благодарил (а): 135
Поблагодарили: 146 раз в 116 сообщениях
Город: Иркутск
Пол: Мужской
Адрес форума: в разработке
бабло: 0
Баллы репутации: 24

Re: Ббкоде: Подсказка

Сообщение Добавлено: 25 июл 2011, 16:01

Loveaction писал(а):Этот ББКод не работает. :scratch:

У меня же работает! на моем сайте вот ссылка!
И этот вариант будет по лучше! Чем предложенный вами.
ОСАГО онлайн - 16 страховых компаний для расчета полиса ОСАГО онлайн.

Аватара пользователя
Сообщения: 621
Зарегистрирован: 13 авг 2009, 14:08
Откуда: EU
Благодарил (а): 73
Поблагодарили: 286 раз в 191 сообщениях
Город: 4админс
Пол: Женский
Адрес форума: http://boardgame.ekafe.ru/
бабло: 0
Баллы репутации: 37

Re: Ббкоде: Подсказка

Сообщение Добавлено: 26 июл 2011, 20:57

Ну, у меня не работает. Проверяла на двух форумах, с самых различных
браузеров. *pardon*
По поводу того, что лучше из ббкодов, это индивидуально. Кому-то нравится
одно, кому-то - другое. В этом вопросе нет таких, кто прав. Даже дискутировать
на эту тему не буду, т.к. смысла нет. :)

К тому же указала ББкод, как пример, у нас тут есть еще минимум два
подобных ббкодов:
1.
2.

*pardon*
Прежде, чем задать вопрос, просмотрите F.A.Q.
и воспользуйтесь поиском. Спасибо.

Аватара пользователя
Сообщения: 448
Зарегистрирован: 29 июн 2011, 02:43
Откуда: Оттуда
Благодарил (а): 275
Поблагодарили: 59 раз в 43 сообщениях
Город: ОДЕССА
Пол: Мужской
Адрес форума: http://4admins.ru
Баллы репутации: -11

Re: Ббкоде: Подсказка

Сообщение Добавлено: 11 июл 2012, 17:52

"Loveaction" писал(а):
Этот ББКод не работает.

Тоже не работает.

Аватара пользователя
Сообщения: 646
Зарегистрирован: 10 фев 2011, 18:34
Откуда: Иркутск
Благодарил (а): 135
Поблагодарили: 146 раз в 116 сообщениях
Город: Иркутск
Пол: Мужской
Адрес форума: в разработке
бабло: 0
Баллы репутации: 24

Re: Ббкоде: Подсказка

Сообщение Добавлено: 11 июл 2012, 18:09

Исправил:

Использование BBCode :
Код: Выделить всё
[classic={TEXT1}]{TEXT2}[/classic]


В конец стиля темы добавить(Администраторский раздел - Вкладка "Стили" - Темы - Название вашего стиля - Изменить) следующий код:
Код: Выделить всё
.tooltip {
         border-bottom: 1px dotted #000000; color: #000000; outline: none;
         cursor: help; text-decoration: none;
         position: relative;
      }
      .tooltip span {
         margin-left: -999em;
         position: absolute;
      }
      .tooltip:hover span {
         border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
         box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
         font-family: Calibri, Tahoma, Geneva, sans-serif;
         position: absolute; left: 1em; top: 2em; z-index: 99;
         margin-left: 0; width: 250px;
      }
      .tooltip:hover img {
         border: 0; margin: -10px 0 0 -55px;
         float: left; position: absolute;
      }
      .tooltip:hover em {
         font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
         display: block; padding: 0.2em 0 0.6em 0;
      }
      .classic { padding: 0.8em 1em; }
      .classic {background: #FFFFCC; border: 1px solid #FFAD33; }


Замена HTML:
Код: Выделить всё
<a class="tooltip" href="#">{TEXT1} <span class="classic">{TEXT2}</span></a>


Подсказка
Код: Выделить всё
[classic="Любой текст"]Поясняющий текс[/classic]


Примечание: Если не отобразилась сразу, отчистите КЭШ шаблона. Так же рекомендую обновить страницу нажатием комбинации клавиш Shift+F5

ps: В работе этого кода есть побочные эффекты, использовать советую в большем тексте, а то так смотрится не очень корректно.
ОСАГО онлайн - 16 страховых компаний для расчета полиса ОСАГО онлайн.


Вернуться в BBcode phpbb3

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 11