Информация

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

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

ББКод: Всплывающая подсказка

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

ББКод: Всплывающая подсказка

Сообщение Добавлено: 02 июн 2011, 17:36

ББКод: Всплывающая подсказка
==========================
Описание:
Если вам нужен код который выводил нужную информацию как подсказку, воспользуйтесь этим бб кодом.
==========================
Пример работы:
Изображение
==========================
Использование BBCode:
Код: Выделить всё
[tip={TEXT2}]{TEXT1}[/tip]


Замена HTML:
Код: Выделить всё
<style>
p.tt {position: relative;}
a.tooltip:hover { background:#FFFFFF; text-decoration:none; }
a.tooltip span { display:none; width:50%; text-align: left; }
a.tooltip:hover span { display:block; position:absolute; z-index: 100; top: 20px; left: 50px; border: 1px solid #565656; padding: 5px 5px; background: #FFFFFF; color:#3A3A3A; }
</style>
<p class="tt">
<a class="tooltip">{TEXT1}<span><img src="http://webdevoloper.4adm.ru/storage/webdevoloper_4adm_ru/images/tip.png" width="15" height="15"/>{TEXT2}</span></a>
</p>


Подсказка:
Код: Выделить всё
[tip=Подсказка(пояснение)]Любое слово[/tip]

Автор:ArtPro
<img src="Измените адрес на свое изображение" width="15" height="15"/> или используйте мое предложенное изображение Изображение

Примечание: Не вставляйте Большие тексты в этот ббкод! Рекомендуемый количество букв как минимум примерно 255 до 500 букв.
ОСАГО онлайн - 16 страховых компаний для расчета полиса ОСАГО онлайн.

Аватара пользователя
Сообщения: 223
Зарегистрирован: 05 июл 2010, 23:05
Благодарил (а): 136
Поблагодарили: 41 раз в 35 сообщениях
Пол: Мужской
Адрес форума: .....
Баллы репутации: 16

Re: ББКод: Всплывающая посказка

Сообщение Добавлено: 02 июн 2011, 18:17

Не посказка, а подсказка. В целом, неплохо.

Аватара пользователя
Сообщения: 702
Зарегистрирован: 24 июн 2010, 13:42
Благодарил (а): 130
Поблагодарили: 316 раз в 213 сообщениях
Город: Москва
Пол: Женский
Адрес форума: http://foxlodge.fatbb.ru
Баллы репутации: 39

Re: ББКод: Всплывающая подсказка

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

ArtPro писал(а):Замена HTML:

Код: Выделить всё
<style>
p.tt {position: relative;}
a.tooltip:hover { background:#FFFFFF; text-decoration:none; }
a.tooltip span { display:none; width:50%; text-align: left; }
a.tooltip:hover span { display:block; position:absolute; z-index: 100; top: 20px; left: 50px; border: 1px solid #565656; padding: 5px 5px; background: #FFFFFF; color:#3A3A3A; }
</style>
<p class="tt">
<a class="tooltip">{TEXT1}<span><img src="http://webdevoloper.4adm.ru/storage/webdevoloper_4adm_ru/images/tip.png" width="15" height="15"/>{TEXT2}</span></a>
</p>

style посреди страницы пихать не хорошо.
лучше p.tt {position: relative;}
a.tooltip:hover { background:#FFFFFF; text-decoration:none; }
a.tooltip span { display:none; width:50%; text-align: left; }
a.tooltip:hover span { display:block; position:absolute; z-index: 100; top: 20px; left: 50px; border: 1px solid #565656; padding: 5px 5px; background: #FFFFFF; color:#3A3A3A; }
записать в тему стиля.

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

Re: ББКод: Всплывающая подсказка

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

Alice писал(а):style посреди страницы пихать не хорошо.
лучше p.tt {position: relative;}
a.tooltip:hover { background:#FFFFFF; text-decoration:none; }
a.tooltip span { display:none; width:50%; text-align: left; }
a.tooltip:hover span { display:block; position:absolute; z-index: 100; top: 20px; left: 50px; border: 1px solid #565656; padding: 5px 5px; background: #FFFFFF; color:#3A3A3A; }
записать в тему стиля.


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

Аватара пользователя
Сообщения: 7065
Зарегистрирован: 11 авг 2009, 16:58
Благодарил (а): 660
Поблагодарили: 2357 раз в 1754 сообщениях
Город: Москва
Пол: Мужской
Адрес форума: http://help.4admins.ru
Баллы репутации: 170

Re: ББКод: Всплывающая подсказка

Сообщение Добавлено: 02 июн 2011, 21:32

ArtPro писал(а):А разница какая????

специализация html
но допускается использование как в цсс так и html коде, но в таком случае правильнее будет указывать тэг стиль между тэгами <head>
</style> lalala</style>
</head>
http://htmlbook.ru/html/style
Описание

Тег <style> применяется для определения стилей элементов веб-страницы. Тег <style> необходимо использовать внутри контейнера <head>. Можно задавать более чем один тег <style>.
В боди стиль тоже будет работать но правильнее его вывести или в цсс или все таки иметь в голове сайте...
На этом сервисе можно cоздать форум бесплатно

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

Re: ББКод: Всплывающая подсказка

Сообщение Добавлено: 02 июн 2011, 21:38

GoDFaTHeR

ну кому нужно будет, тот поставит куда ему нужно будет!

Подправь пост пожалуста, добавь в первый пост:
Стиль:
Код: Выделить всё
p.tt {position: relative;}
a.tooltip:hover { background:#FFFFFF; text-decoration:none; }
a.tooltip span { display:none; width:50%; text-align: left; }
a.tooltip:hover span { display:block; position:absolute; z-index: 100; top: 20px; left: 50px; border: 1px solid #565656; padding: 5px 5px; background: #FFFFFF; color:#3A3A3A; }


Замена HTML:
Код: Выделить всё
<p class="tt">
<a class="tooltip">{TEXT1}<span><img src="http://webdevoloper.4adm.ru/storage/webdevoloper_4adm_ru/images/tip.png" width="15" height="15"/>{TEXT2}</span></a>
</p>
ОСАГО онлайн - 16 страховых компаний для расчета полиса ОСАГО онлайн.

Аватара пользователя
Сообщения: 702
Зарегистрирован: 24 июн 2010, 13:42
Благодарил (а): 130
Поблагодарили: 316 раз в 213 сообщениях
Город: Москва
Пол: Женский
Адрес форума: http://foxlodge.fatbb.ru
Баллы репутации: 39

Re: ББКод: Всплывающая подсказка

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

ArtPro писал(а):А разница какая????

Ну, помимо той, что уже назвал GoDFaTHeR, есть еще вариант, что на форуме используется несколько стилей.
Если запихнуть стиль непосредственно в НТМЛ-замену для ВВ-кода, то оформление получится для всех стилей одинаковое. И есть вариант, что то, что подойдет к одному стилю, не будет вписываться в другой.
В общем, кашерней стиль записывать туда, куда положено. В css файл, тему стиля.

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

Re: ББКод: Всплывающая подсказка

Сообщение Добавлено: 02 июн 2011, 22:06

Alice писал(а):Ну, помимо той, что уже назвал GoDFaTHeR, есть еще вариант, что на форуме используется несколько стилей.
Если запихнуть стиль непосредственно в НТМЛ-замену для ВВ-кода, то оформление получится для всех стилей одинаковое. И есть вариант, что то, что подойдет к одному стилю, не будет вписываться в другой.
В общем, кашерней стиль записывать туда, куда положено. В css файл, тему стиля.

Приму к сведению.:)
ОСАГО онлайн - 16 страховых компаний для расчета полиса ОСАГО онлайн.


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

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

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