Да.
Стили надо добавлять в стили. Либо как я уже писал ранее - в замену html:
Код: Выделить всё
<span class="tooltip">{TEXT2} <span>{TEXT1}</span></span>
<style>
... Стили, что я дал выше ...
</style>
Код: Выделить всё
[acronym]{TEXT1},{TEXT2}[/acronym]
Код: Выделить всё
<acronym title="{TEXT2}" style="cursor:help; font-weight: bold; color: black; text-decoration:none;">{TEXT1}</acronym>
Код: Выделить всё
Acronym: [acronym]Text,Popuptext[/acronym]
Да.
Код: Выделить всё
<span class="tooltip">{TEXT2} <span>{TEXT1}</span></span>
<style>
... Стили, что я дал выше ...
</style>
<script> ... </script>
и, что в обёртке, что без, не может размещаться в стилевых файлах. Стили размещаются в стилевых файлах в папке theme, так же они могут размещаться в структуре html, но в таком случае они должны быть обёрнуты тегом <style> ... </style>
.Код: Выделить всё
.tooltip2 {
display: inline-block;
position: relative;
cursor: help;
}
.tooltip2 > span {
position: absolute;
bottom: 100%;
left: -20em; /* = max-width */
right: -20em; /* = max-width */
width: -moz-max-content;
width: -webkit-max-content;
width: max-content; /* ширина подсказки может быть не более содержимого */
max-width: 20em; /* ширина подсказки может быть не более 20em */
max-height: 80vh; /* необязательное ограничение по высоте подсказки, 1vh — это 1% от ширины окна */
overflow: auto;
visibility: hidden;
margin: 0 auto .4em;
padding: .3em;
border: solid rgb(200,200,200);
font-size: 90%;
background: #fff;
line-height: normal;
cursor: auto;
}
.tooltip2:after {
/* треугольничек под подсказкой */
content: "";
position: absolute;
top: -.4em;
left: 50%;
visibility: hidden;
margin: 0 0 0 -.4em;
border: .4em solid;
border-color: rgb(200,200,200) transparent transparent transparent;
cursor: auto;
}
.tooltip2:before {
content: "";
position: absolute;
top: -.4em;
left: 0;
right: 0;
height: .4em;
visibility: hidden;
}
.tooltip2:hover > span, .tooltip2:hover:before, .tooltip2:hover:after,
.tooltip2:focus > span, .tooltip2:focus:before, .tooltip2:focus:after {
visibility: visible;
transition: 0s .4s;
}
.tooltip2:focus {
outline: none;
}
Код: Выделить всё
[acronym2={TEXT1}]{TEXT2}[/acronym2]
Код: Выделить всё
<span class="tooltip2">{TEXT2} <span>{TEXT1}</span></span>
Код: Выделить всё
Acronym: [acronym2=Подсказка]Текст[/acronym2]
Код: Выделить всё
SQL ERROR [ mysql4 ]
Incorrect string value: '\xF8\xE8\xF0\xE8\xED\xE0...' for column 'theme_data' at row 1 [1366]
SQL
content.css
) сохранён не в UTF-8 без BOM. Для редактирования используйте Notepad++, сверху в меню есть пункт "Кодировки", на редактируемом файле установите UTF-8 без BOM, добавьте стили, те что выше, закачайте на сервер и очистите кеш вручную (удалить все файлы из папки cache кроме .htaccess и index.htm).Код: Выделить всё
[acronym2=раз]1[/acronym2]
overflow: hidden;
, т.е. всё что выходит за границу сообщения просто не видно. Возможно что у вас текст и подсказкой находится в первой строке сообщения и подсказку не видно. Можно сделать чтобы подсказка выводилась внизу:
Код: Выделить всё
.tooltip2 {
display: inline-block;
position: relative;
cursor: help;
}
.tooltip2 > span {
position: absolute;
top: 100%;
left: -20em; /* = max-width */
right: -20em; /* = max-width */
width: -moz-max-content;
width: -webkit-max-content;
width: max-content; /* ширина подсказки может быть не более содержимого */
max-width: 20em; /* ширина подсказки может быть не более 20em */
max-height: 80vh; /* необязательное ограничение по высоте подсказки, 1vh — это 1% от ширины окна */
overflow: auto;
visibility: hidden;
margin: .4em auto 0;
padding: .3em;
border: solid rgb(200,200,200);
font-size: 90%;
background: #fff;
line-height: normal;
cursor: auto;
}
.tooltip2:after {
/* треугольничек под подсказкой */
content: "";
position: absolute;
bottom: -.4em;
left: 50%;
visibility: hidden;
margin: 0 0 0 -.4em;
border: .4em solid;
border-color: transparent transparent rgb(200,200,200) transparent;
cursor: auto;
}
.tooltip2:before {
content: "";
position: absolute;
bottom: -.4em;
left: 0;
right: 0;
height: .4em;
visibility: hidden;
}
.tooltip2:hover > span, .tooltip2:hover:before, .tooltip2:hover:after,
.tooltip2:focus > span, .tooltip2:focus:before, .tooltip2:focus:after {
visibility: visible;
transition: 0s .4s;
}
.tooltip2:focus {
outline: none;
}
Это далеко не так. Я сейчас специально проверил и поставил текст с пояснением чуть ли в середине сообщения. Ничего не изменилось, хотя сверху места "вагон и маленькая тележка". Кроме того, если даже на винде заработает, то это не решение. А как же МАК с сафари?