• Наша Фотогалерея
    Непутевые Записки
    Рейтинг Спасибок
    Навигатор Форума
    Про Фотоаппараты
    Каталог Модификаций
    Хронология Нового

Приветствуем тебя на нашем форуме fotovideoforum.ru, гость!

 • 130 Замена интерфейса всплывашек от Topic text hover • 
Достаточно подвести курсор к названию темы
При создании темы о модах для двигателя форумов phpBB ветки до версии 3.0.14 название темы должно начинаться с названия мода на английском, без указания версии, затем тире, затем короткое название мода на русском с маленькой буквы. Создание тем не о модах в данном подфоруме запрещено. Посторонние темы о двиге и посторонних проблемах для ветки до версии 3.0.14 в соседнем подфоруме.

    130 Замена интерфейса всплывашек от Topic text hover

Сообщение Разместил Александр Лешванов 30 янв 2016, 16:11

Дор ЗАМЕНА ВСПЛЫВАЮЩИХ ПОДСКАЗОК Topic text hover
При просмотрах форумов достаточно было подвести курсор к названию темы или к листику последнего сообщения и при настройке в 250 символов виден был текст первого или последнего сообщения.
Александр Лешванов
(можно Николаич)
(можно Николаич) 

  130 Замена интерфейса всплывашек от Topic text hover

Сообщение Разместил Александр Лешванов 26 май 2016, 09:13

Сперва сам мод последней версии от автора -
Topic Text Hover v 1.0.6 - всплывающие подсказки постов от автора.rar
(64.18 КБ) Скачиваний: 115
Александр Лешванов
(можно Николаич)
(можно Николаич) 

  130 Замена интерфейса всплывашек от Topic text hover

Сообщение Разместил Александр Лешванов 26 май 2016, 09:13

Перевод мода -
Код: выделить все
    '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'              => 'Оба сообщения',
Александр Лешванов
(можно Николаич)
(можно Николаич) 

  130 Замена интерфейса всплывашек от Topic text hover

Сообщение Разместил Александр Лешванов 26 май 2016, 09:14

Вид от автора -
130 Замена интерфейса всплывашек от Topic text hover - 01
Александр Лешванов
(можно Николаич)
(можно Николаич) 

  130 Замена интерфейса всплывашек от Topic text hover

Сообщение Разместил Александр Лешванов 26 май 2016, 09:20

При таком содержимом файла 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;
}

Вид такой -
130 Замена интерфейса всплывашек от Topic text hover - 02
Александр Лешванов
(можно Николаич)
(можно Николаич) 

  130 Замена интерфейса всплывашек от Topic text hover

Сообщение Разместил Александр Лешванов 26 май 2016, 09:22

При приближении к краям окна браузера - легко складывается..
130 Замена интерфейса всплывашек от Topic text hover - 03
Александр Лешванов
(можно Николаич)
(можно Николаич) 

  130 Замена интерфейса всплывашек от Topic text hover

Сообщение Разместил Александр Лешванов 26 май 2016, 09:22

Мохнатое содержимое файла 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;
}
Александр Лешванов
(можно Николаич)
(можно Николаич) 

  130 Замена интерфейса всплывашек от Topic text hover

Сообщение Разместил Александр Лешванов 26 май 2016, 09:24

Всплывашка, мохнатая, с бордюром черного цвета, с прозрачностью почти 100 (90), спокойным фоном, синим шрифтом:
Код: выделить все
#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; /* Полупрозрачность элемента */
}
Александр Лешванов
(можно Николаич)
(можно Николаич) 

  130 Замена интерфейса всплывашек от Topic text hover

Сообщение Разместил Александр Лешванов 26 май 2016, 09:26

Решение с обрезанием длинных подсказок на краях с использованием jquery (кроссбраузерное)
в файле 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";
Александр Лешванов
(можно Николаич)
(можно Николаич) 

  130 Замена интерфейса всплывашек от Topic text hover

Сообщение Разместил Александр Лешванов 26 май 2016, 09:32

Ну и архив с вариантами CSS -
Дор ЗАМЕНА ВСПЛЫВАЮЩИХ ПОДСКАЗОК Topic text hover v1.0.6.rar
(4.25 КБ) Скачиваний: 133
Александр Лешванов
(можно Николаич)
(можно Николаич) 

Вернуться в 450 модов движка форумов phpBB (до версии 3.0.14)



 • Информация о том, кто, когда и сколько раз просматривал эту тему • 
 • Блок вывода аналогичных по названию других тем нашего форума •