Дор ЗАМЕНА ВСПЛЫВАЮЩИХ ПОДСКАЗОК Topic text hover
При просмотрах форумов достаточно было подвести курсор к названию темы или к листику последнего сообщения и при настройке в 250 символов виден был текст первого или последнего сообщения.
'ALLOW_TOPIC_TITLE_HOVER' => 'Показывает текст при наведении',
'ALLOW_TOPIC_TITLE_HOVER_EXPLAIN' => 'Позволяет показывать во всплывающей подсказке при наведении на заголовок сообщения текст первого сообщения, или текст последнего (при наведении на иконку "показать последнее сообщение") или оба вместе.',
'ALLOW_TOPIC_TITLE_HOVER_CHAR' => 'Количество символов для отображения',
'CHARS' => 'Символы',
'DISABLE_TEXT_HOVER' => 'Отключить всплывающие подсказки',
'TEXT_HOVER_OPTIONS' => 'Показывать при наведении',
'TEXT_HOVER_OPTIONS_EXPLAIN' => 'Что будет разрешено',
'TOPIC_TEXT_HOVER_FIRST' => 'Первое сообщение',
'TOPIC_TEXT_HOVER_LAST' => 'Последнее сообщение',
'TOPIC_TEXT_HOVER_BOTH' => 'Оба сообщения',
tooltip.css
...../**
* @package styles
* @version $Id: tooltip.css,v 1.1 2008/12/09 22:26:52 rmcgirr83 Exp $
* @copyright (c) 2008 Richard McGirr (RMcGirr83) - http://rmcgirr83.org
* @license http://opensource.org/licenses/gpl-license.php GNU Public License
---------------------------------------- */
#tooltip{
position: absolute;
z-index: -2;
right: 30px;
margin-top: -3px;
padding: 5px 5px 2px;
background: #ECF3F7;
line-height: 1.8em;
box-shadow: 0px 2px 12px;
-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px;
-moz-box-shadow: 0px 2px 12px; -khtml-box-shadow: 0px 2px 12px; -webkit-box-shadow: 0px 2px 12px #555;
padding: 10px;
border: solid 3px #000000;
border-radius: 8px;[icode][/icode]
display: none; /*white-space: nowrap;*/
color: #000066;
font: 15px Verdana, Arial, Helvetica, sans-serif;
text-align: left;
left: 5;
z-index: 1000;
filter: alpha(opacity=90);
opacity: .90;
}
tooltip.css
/**
* @package styles
* @version $Id: tooltip.css,v 1.1 2008/12/09 22:26:52 rmcgirr83 Exp $
* @copyright (c) 2008 Richard McGirr (RMcGirr83) - http://rmcgirr83.org
* @license http://opensource.org/licenses/gpl-license.php GNU Public License
---------------------------------------- */
#tooltip{
/*bloc padingi*/
position: absolute;
z-index: -2;
right: 30px;
margin-top: -3px;
padding: 5px 5px 5px;
background: #ECF3F7;
line-height: 5.8em;
box-shadow: 0px 0px 32px;
padding: 10px;
filter: alpha(opacity=90);
opacity: .90;
/*bloc border*/
border: solid 3px #000000;
border-radius: 8px;
display: none; /*white-space: nowrap;*/
color: #000066;
/*font texs*/
font: 15px Verdana, Arial, Helvetica, sans-serif;
text-align: left;
left: 5;
z-index: 100;
}
#tooltip{
position: absolute; /* Абсолютное позиционирование */
padding: 5px; /* Поля вокруг текста */
border: solid 3px #000000; /* Параметры рамки */
display: none; /*white-space: nowrap;*/
background: #ECF3F7; /* Цвет фона */
color: #000066; /* Цвет текста */
-moz-box-shadow: 0 0 32px; /* Для Firefox */
-webkit-box-shadow: 0 0 32px; /* Для Safari и Chrome */
box-shadow: 0 0 32px; /* Параметры тени */
border-radius: 8px; /* Радиус скругления */
font: 15px Verdana, Arial, Helvetica, sans-serif;
text-align: left; /* Позиция текста */
z-index: 1000; /* Приоритер наложения */
filter: alpha(opacity=90); /* Костыль для ИЕ */
opacity: 0.9; /* Полупрозрачность элемента */
}
tooltip.js
this.tip.style.left = (x + this.offsetX) + "px";
var l = x + this.offsetX;
this.tip.style.top = (y + this.offsetY) + "px";
var all = jQuery(window).width();
var left = jQuery(this.tip).offset().left;
var width = jQuery(this.tip).outerWidth(true);
var offset = all - (left + width);
if (offset < 0) this.tip.style.left = (l + offset) + "px";
Вернуться в 450 модов движка форумов phpBB (до версии 3.0.14)