color: black;
, в примере он чёрный. Возможно вы уже меняли его на красный.Тоже хорошая штучка. Смысл: выделенное слово через ббкод, наводим на него мышкой, получаем мышку с маленьким знаком вопроса и подсказку. Будет полезна тем, у кого на форуме просто уйма специфических слов, которые смогут понять не так много пользователей.
Что делаем:
идем в админку -> сообщения -> bbcodes -> добавить новый ббкод
Прописываем:
Использование BBCode
Замена HTML
В подсказке
К сожалению, черный вопросительный знак на скриншоте не появился. Верьте на слово Но штучка стоит того. Можно изменить параметры выделенного слова (на скриншоте: в ббкоде убрала декорацию и изменила цвет на зеленый).
Приятного аппетита!
+
идем в админку -> сообщения -> 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]
К сожалению, черный вопросительный знак на скриншоте не появился. Верьте на слово Но штучка стоит того. Можно изменить параметры выделенного слова (на скриншоте: в ббкоде убрала декорацию и изменила цвет на зеленый).
Приятного аппетита!
Комментарии: 106
В стилях найти:
Код: Выделить всё
.tooltip2 {
display: inline-block;
position: relative;
cursor: help;
color: #FF0000;
vertical-align: super;
}
#FF0000
поменять на свой цвет.Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
Значок можно просто заменить на более большой. В том смысле, что заменить само изображение, обозвать тем же именем и заменить по тому же пути нахождения.
Но можно конечно и стилями. Стилями будет хуже, потому что увеличенное изображение будет расплывчатым.
Добавьте к стилям:
Но можно конечно и стилями. Стилями будет хуже, потому что увеличенное изображение будет расплывчатым.
Добавьте к стилям:
Код: Выделить всё
.tooltip2 img {
width: auto;
height: 12px;
}
12px
любой свой размер. Ширина подгонится автоматически.Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
А можно вообще избавиться от звездочки (или любого другого сообщения? На основе этого ббкода сделать чуть измененный. Идет обычный текст, затем слово, которое нуждается в примечании (в ббкоде прописать ему какой-то цвет, чтобы выделялось). То есть, практически тоже самое, но сейчас звёздочка (или любое другое изображение) в верхнем регистре. А нужно чтобы оно было как обычный текст (но как бы подсвеченный — типа обрати внимание на него. На него наводиться мышка и всплывает окошко с пояснением.
Проще говоря пытаюсь сделать просто:
Название (или любое слово нуждающееся в всплывающей подсказке) — обычный подчеркнутый текст с конкретным цветом) и при наведении на него мышкой — всплывающая подсказка. То есть немного измененный “info” (использует то же дополнение в стилях)
Пытаюсь сделать по образцу bbcode “info” — не получается.
Название (или любое слово нуждающееся в всплывающей подсказке) — обычный подчеркнутый текст с конкретным цветом) и при наведении на него мышкой — всплывающая подсказка. То есть немного измененный “info” (использует то же дополнение в стилях)
Пытаюсь сделать по образцу bbcode “info” — не получается.
За верхний регистр отвечает
Если нужно сделать второй, а существующий оставить как есть. То здесь, я надеюсь, понятно как действовать? Дублируем ббкод, чуть изменяем название, в замене меняем класс с
vertical-align: super;
в стилях ббкода, если этот код удалить содержимое встанет на один уровень с текстом. Для подчёркивания используется text-decoration: underline;
, для цвета color: #000000;
соответственно, всё это применяется к .tooltip2
.Если нужно сделать второй, а существующий оставить как есть. То здесь, я надеюсь, понятно как действовать? Дублируем ббкод, чуть изменяем название, в замене меняем класс с
tooltip2
на, допустим, tooltip3
. Далее копируем уже существующие стили, меняем в классе 2 на 3 и вносим правки указанные мной чуть выше.Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
Если текст не во всплывашке, а просто идёт текстом, то есть вариант что стили отсутствуют. Вина в отсутствие стилей может быть в кэше, и движка и браузера. Либо всё таки в замене, например при правке случайно удалили символ и тп...
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
Вот все супер. Единственное что есть из минусов (оно есть и в info), то что если слова, к которым нужны примечания находиться по краям или на верхних строках поста, то часть всплывающего окна (и естественно часть инфы в нем) “отрезаются”. В простом acronym, который использует встроенный стиль форума, такого нет. Есть возможность решить эту проблему?
Обрезается из-за
overflow: hidden;
, и находится это свойство здесь:
Код: Выделить всё
.content {
min-height: 3em;
overflow: hidden;
line-height: 1.4em;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
color: #333333;
padding-bottom: 1px;
}
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
Похожие темы
-
{TEXT2}
{TEXT2} | + {TEXT1}
Стандартный BBcode скрытого текста. Хочу использовать его в качестве примечаний в тексте поста. То есть, во-первых... -
CabinetAdmin , приветствую!
Использование BBCode
{TEXT}
Замена HTML
Spoiler :
{TEXT}
Подсказка
Spoiler с паролем: СООБЩЕНИЕ... -
Здравствуйте.
Нужен простой ббкод для вставки youtube. Искал на просторах все не рабочие может у кого есть в наличии поделитесь пожалуйста.
Версия...