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

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

Сообщение Разместил Pthelovod 30 янв 2016, 16:11

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

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

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

Сообщение Разместил Pthelovod 26 май 2016, 09:13

Сперва сам мод последней версии от автора -

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

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

Сообщение Разместил Pthelovod 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'              => 'Оба сообщения',

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

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

Сообщение Разместил Pthelovod 26 май 2016, 09:14

Вид от автора -

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

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

Сообщение Разместил Pthelovod 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;
}

Вид такой -

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

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

Сообщение Разместил Pthelovod 26 май 2016, 09:22

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

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

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

Сообщение Разместил Pthelovod 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;
}

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

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

Сообщение Разместил Pthelovod 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; /* Полупрозрачность элемента */
}

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

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

Сообщение Разместил Pthelovod 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";

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

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

Сообщение Разместил Pthelovod 26 май 2016, 09:32

Ну и архив с вариантами CSS -

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

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



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