Тоже хорошая штучка. Смысл: выделенное слово через ббкод, наводим на него мышкой, получаем мышку с маленьким знаком вопроса и подсказку. Будет полезна тем, у кого на форуме просто уйма специфических слов, которые смогут понять не так много пользователей. :)
+
Что делаем:

идем в админку -> сообщения -> bbcodes -> добавить новый ббкод


Прописываем:

Использование BBCode

Код: Выделить всё

[acronym]{TEXT1},{TEXT2}[/acronym]

Замена HTML

Код: Выделить всё

<acronym title="{TEXT2}" style="cursor:help; font-weight: bold; color: black; text-decoration:none;">{TEXT1}</acronym>

В подсказке

Код: Выделить всё

Acronym: [acronym]Text,Popuptext[/acronym]

К сожалению, черный вопросительный знак на скриншоте не появился. Верьте на слово :D Но штучка стоит того. Можно изменить параметры выделенного слова (на скриншоте: в ббкоде убрала декорацию и изменила цвет на зеленый). :)


Приятного аппетита! :)
Комментарии: 106

ПитерПетр 11 авг 2021, 09:27 Сообщение

  Хочу довести это всплывающее окошко до окончательного варианта. Что нужно добавить в tooltip3 в стилях, чтобы подчеркнутый текст (то есть само слово или словосочетание было телеграфным и жирным шрифтом. Но при этом текст в всплывающем окошке оставался обычным. Сделал это в HTML замене, но что-то жирный текст не совсем как при обычном использовании тэга b. Не четко черный и жирный, а скорее тускло размытый.
 
  • 0

CabinetAdmin 13 авг 2021, 16:21 Сообщение

Оберните {TEXT2} в <strong> или <b>:

Код: Выделить всё

<strong>{TEXT2}</strong>
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

ПитерПетр 13 авг 2021, 16:29 Сообщение

Это в HTML замене. Я так сделал. Еще и добавил tt (телеграфный текст). И выходит то, что написал выше. Вопрос был в том, как это добавить в стилях tooltip3. Чтобы сам bbcode не трогать.
  • 0

CabinetAdmin 13 авг 2021, 16:41 Сообщение

В .tooltip3 { добавить font-weight: bold; и font-family: monospace;.
В .tooltip3 > span { добавить font-weight: normal; и font-family: ... с любым семейством.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

ПитерПетр 13 авг 2021, 16:44 Сообщение

CabinetAdmin, Я так понимаю это жирный текст. А телеграфный?
  • 0

CabinetAdmin 13 авг 2021, 16:45 Сообщение

Поправил.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

ПитерПетр 28 авг 2021, 21:56 Сообщение

CabinetAdmin писал(а): 03 авг 2021, 19:51 А там весь принцип основан на overflow: hidden;. Удалить конечно свойство можно, но и скролла тогда не будет.
  А если, скажем так, перенести ‘окошко” как бы вовнутрь поста. То есть если слово попадает на правый край скролла, то окошко всплывает внутри (скроллбара) слева, и соответсвенно наоборот. Ведь в оригинальном acronym оно так и работает. В том же скроллбаре.
  • 0

CabinetAdmin 30 авг 2021, 18:28 Сообщение

Чтобы блок никак не влиял на всплывающее окошко, его надо делать на скриптах. Для такого маленького ббкода слишком много кода получится, сам скрипт, плюс ещё jquery подключать, опять таки лишний вес....
Питер писал(а): 28 авг 2021, 21:56 как бы вовнутрь поста
А если слово находится слева? Ну будет слева обрезать подсказку, какая разница.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

ПитерПетр 30 авг 2021, 18:41 Сообщение

  В принципе, у меня скриптов то практически нет. Особо не утяжелиться от одного. После того, как почти чудесным образом, вернее после вашей подсказки, решилась проблема скролла (хоть ‘Войну и Мир’ можно вогнать (шутка)), то стало актуальным.
  Вот пример http://impossible-crimes.ru/Forum/viewt ... 359&t=2532
И дело в том, что увы, обычная вариант ссылок ‘fnote-enote’ внутри вкладки не работает. Ясно почему. А без скролла в таком случае никак. Остается вариант ‘всплывающего окна’.
  • 0

CabinetAdmin 30 авг 2021, 19:14 Сообщение

У вас на форуме MooTools подключен, значит надо искать что-то на нём. Была бы jquery было бы проще. С ходу не подскажу.

зы. Кстати, у вас на форуме есть скрипт выводящий подсказки добавленных через tooltip="", почему бы не использовать это?
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

ПитерПетр 30 авг 2021, 20:00 Сообщение

Этот срабатывает. Но он использует стиль оригинального форума. А у него есть минус. В моем варианте, возможно скопировать текст в всплывающем окошке, а тут нет. И, как его ‘заставить’ использовать нужный вариант, мой?. Шрифты, фон м и т.д. Кроме того, тот вариант (слова, к которой идет примечание) как ссылка, причем на несуществующую страницу на форуме.
  • 0

CabinetAdmin 31 авг 2021, 19:15 Сообщение

Если вам надо с возможностью копирования текста из подсказки, то тут варианты с js тоже не подойдут. По сути у вас вариант только как нибудь выкручиваться из ситуации, т.е. не ставить подсказки сверху блока.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

ПитерПетр 31 авг 2021, 19:23 Сообщение

Да сверху это не самая большая проблема. И, как правило, это редкий случай. Максимум, просто оставить пару верхних строк пустыми. Проблема справа и слева — размеры мониторов разные и тут никогда не угадаешь.
  • 0

ПитерПетр 10 сен 2021, 13:02 Сообщение

Может кто-то подсказать, почему обычный acronym не срабатывает на смартфоне и планшете? Только на компе. Для скролла приходиться использовать только такой вариант. Он не очень эстетичен, но хотя бы не обрезается.
  • 0

CabinetAdmin 10 сен 2021, 19:03 Сообщение

Потому что это устаревший тег - https://webref.ru/html/acronym.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

Похожие темы