• 169 Topic Text Hover - всплывашка первого и последнего поста • 
Последняя версия была вроде 1.0.6
При создании темы о модах для двигателя форумов phpBB ветки до версии 3.0.14 название темы должно начинаться с названия мода на английском, без указания версии, затем тире, затем короткое название мода на русском с маленькой буквы. Создание тем не о модах в данном подфоруме запрещено. Посторонние темы о двиге и посторонних проблемах для ветки до версии 3.0.14 в соседнем подфоруме.

    169 Topic Text Hover - всплывашка первого и последнего поста

Сообщение Разместил Pthelovod 05 фев 2017, 14:23

Мод ВСПЛЫВАЮЩИЙ ПРОСМОТР ПЕРВОГО И ПОСЛЕДНЕГО СООБЩЕНИЯ В ТЕМЕ Topic Text Hover
Добавляет на форум всплывающие подсказки сообщений! Если навести курсор на название темы - виден текст, с которого начиналась тема. Если навести курсор на значок последнего сообщения - виден текст последнего сообщения в теме. При наведении курсора на многие кнопочки и опции форума, так же выскакивают небольшие подсказочки, разъяснения.
Последняя версия была вроде 1.0.6

Pthelovod
Александр (можно Николаич)
Александр (можно Николаич) 

  169 Topic Text Hover - всплывашка первого и последнего поста

Сообщение Разместил Pthelovod 05 фев 2017, 14:24

Если вы наведете курсор на название темы - вы увидите текст, с которого начиналась эта тема. Если вы наведете курсор на значок последнего сообщения - вы увидите текст последнего сообщения в данной теме.

Pthelovod
Александр (можно Николаич)
Александр (можно Николаич) 

  169 Topic Text Hover - всплывашка первого и последнего поста

Сообщение Разместил Pthelovod 05 фев 2017, 14:25

При наведении курсора на многие кнопочки и опции форума, так же выскакивают небольшие подсказочки, разъяснения.

Pthelovod
Александр (можно Николаич)
Александр (можно Николаич) 

  169 Topic Text Hover - всплывашка первого и последнего поста

Сообщение Разместил Pthelovod 05 фев 2017, 14:28

Версия мода с файлами именно с этого форума. :ta_n_cor:
ПОМНИТЕ!!!! Скачивая и устанавливая вариант мода с файлами от этого форума вы рискуете!!!
Не имея знаний в вопросах правки и исправления глюков делать это не стоит!
1. Я не могу помнить всех нюансов и правок в моде и доработок его работы!
2. Обычно все файлы мода у меня тут максимально оптимизированы.
3. Переводы адаптированы именно под данный форум с правилами под "тошноту".
4. Файлы стиля имеют CSS классы, которые могут не подходить к классам ваших стилей.



Pthelovod
Александр (можно Николаич)
Александр (можно Николаич) 

  169 Topic Text Hover - всплывашка первого и последнего поста

Сообщение Разместил Pthelovod 05 фев 2017, 14:29

Весь перевод мода -
Код: выделить все
    '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'              => 'Оба сообщения',

Pthelovod
Александр (можно Николаич)
Александр (можно Николаич) 

  169 Topic Text Hover - всплывашка первого и последнего поста

Сообщение Разместил Pthelovod 05 фев 2017, 14:37

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

И получаем такую красивую подсказку -

Pthelovod
Александр (можно Николаич)
Александр (можно Николаич) 

  169 Topic Text Hover - всплывашка первого и последнего поста

Сообщение Разместил Pthelovod 05 фев 2017, 14:38

При приближении к краям окна браузера - легко складывается

Pthelovod
Александр (можно Николаич)
Александр (можно Николаич) 

  169 Topic Text Hover - всплывашка первого и последнего поста

Сообщение Разместил Pthelovod 05 фев 2017, 14:40

Всплывашка, мохнатая, с бордюром черного цвета, с прозрачностью почти 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; /* Полупрозрачность элемента */
}

Pthelovod
Александр (можно Николаич)
Александр (можно Николаич) 

  169 Topic Text Hover - всплывашка первого и последнего поста

Сообщение Разместил Pthelovod 05 фев 2017, 14:42

Что бы длинные подсказки не обрезались справа ( выходят за размеры окна)
в файле 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";

Pthelovod
Александр (можно Николаич)
Александр (можно Николаич) 
Следующая страница

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



 • Блок вывода аналогичных по названию других тем нашего форума •