Topic Text Hover [Всплывающие подсказки сообщений]

[angst66]

<!-- IF SCRIPT_NAME == "viewforum" or SCRIPT_NAME == "viewtopic" or SCRIPT_NAME =="s_index"-->
И так будет работать?

Добавлено спустя 4 минуты 26 секунд:
Нет, не будет.

[Татьяна5]

angst66, так:

Код: Выделить всё

<!-- IF S_VIEWFORUM or S_VIEWTOPIC or S_INDEX -->

[angst66]

Татьяна5
Теперь да, то что нужно. Осталось подружить с модом перенос минипрофиля в один клик. Topic Text Hover [Всплывающие подсказки сообщений]

[Алг]

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

красиво смотрится, спасибо!

но, длинные подсказки обрезаются справа ( выходят за размеры окна)
пришлось вносить изменения в tooltip.js
Решение с использованием 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";

[Galaxy]

Мод интересный,но,почитал при его установке потом много исправлений требуется?

[clubforum]

но, длинные подсказки обрезаются справа ( выходят за размеры окна)
пришлось вносить изменения в tooltip.js

Ой, а я в ксс файле просто вставила max-width: 200px;. Или это не то?

[Алг]

не то.
Но если у вас не выходят за правый край экрана то и не надо правки

[clubforum]

До этого вылазило, после максимальной ширины перестало.

[Алг]

оставляйте так. решение через стили всегда элегантнее, чем через скрипт
Только в ИЕ этот стиль не поддерживается

[владимир1983]

Алг ты имеешь в виду ie ниже 8?
Проблема кривого отображения в старых версиях ie есть. Но эта проблема пользователя который используют древние браузеры.

[Алг]

ие 8 ещё очень распространён, это не всегда проблема пользователя, ещё и проблема операционки. В корпоративном секторе сплошь и рядом windows server 2003 и выше 8-ки не поставишь.
А ИЕ10 - это вообще жуткая головная боль для старых проектов:(

[Nailbuster]

Хотелось бы подружить этот мод с модом Latest Topic Title. Где и что нужно изменить, чтобы подсказки корректно отображались на главной?

[Алг]

У меня, наверное, другой мод стоит, но подсказки на Latest Topic Title я сделала.
Вы можете скинуть сюда SQL-запрос, который выводит вам последние темы? Если да, я покажу, где что надо добавить

[angst66]

Почему вышеописанная красивая всплывающая подсказка не работает в <acronym>? Там ведь тоже title

[Anvar]

Не знаю делал ли кто всплывашки на similar, recent, bb3 топики.
Поделюсь своим творением. (Возможно есть где-то различия из-за модификаций, смотрите по аналогии..)

Для similar.

Open functions_similar_topics.php

Находим

Код: Выделить всё

$sql = $db->sql_build_query('SELECT', $sql_array);

Вставляем перед

Код: Выделить всё

		// BEGIN Topic Text Hover Mod
		if ($config['hover_active'] && !$user->data['user_text_hover'])
		{
			include($phpbb_root_path . 'includes/topic_text_hover.' . $phpEx);
			if($config['hover_show'] == TOPIC_TEXT_HOVER_FIRST || $config['hover_show'] == TOPIC_TEXT_HOVER_BOTH)
			{
				$sql_array['LEFT_JOIN'][] = array(
					'FROM'	=> array(POSTS_TABLE => 'p'),
					'ON'	=> "p.post_id = t.topic_first_post_id"
				);
				$sql_array['SELECT'] .= ', p.post_text AS first_text_hover';
			}
		}
		// END Topic Text Hover Mod

Находим

Код: Выделить всё

$template->assign_block_vars('similar', array(

Вставляем перед

Код: Выделить всё

// BEGIN Topic Text Hover Mod
				$forum_rows[$parent_id]['first_text_hover'] = (isset($similar['first_text_hover'])) ? $similar['first_text_hover'] : '';
				if(!empty($similar['first_text_hover']))
				{
					// strip all bbcode
					include($phpbb_root_path . 'includes/topic_text_hover.' . $phpEx);
					$first_text_hover = bbcode_strip($similar['first_text_hover']);
					if (utf8_strlen($first_text_hover) >= $config['hover_char_limit'])
					{
						$first_text_hover = (utf8_strlen($first_text_hover) > $config['hover_char_limit'] + 3) ? utf8_substr($first_text_hover, 0, $config['hover_char_limit']) . '...' : $first_text_hover;
					}
				}
				else
				{
					$first_text_hover = '';
				}
				// END Topic Text Hover MOD

Находим

Код: Выделить всё

'LAST_POST_TIME'		=> $user->format_date($similar['topic_last_post_time']),

Вставляе после

Код: Выделить всё

// BEGIN Topic Text Hover MOD
					'FIRST_TEXT_HOVER'		=> (isset($first_text_hover)) ? censor_text($first_text_hover) : '',					// END Topic Text Hover Mod

Открываем similar_topics.html
Находим

Код: Выделить всё

<a href="{similar.U_VIEW_TOPIC}" class="topictitle"

и добавляем

Код: Выделить всё

<!-- IF similar.FIRST_TEXT_HOVER --> title="{similar.FIRST_TEXT_HOVER}"<!-- ENDIF -->

Для Recent и bb3Topics варианты уже готовые в архивах.
Вырезанием что-бы потом врезали обратно, лень заниматься))