Подсказка профиля(в теме)

jim bim · 7 Июня 2006

На просторах интернета нашел небольшой мод - профайл хинтс.. Но он для 1.3, хотелось бы что б кто-нибудь переделал его для 2.0...

Во-первых я не очень понимаю какие шаблоны в 2.0 редактировать - названия видимо отличаюстся...

Наведити мышой на аватар, получите информационную подсказку, пример прикрепленн к посту.

Правила: прежде чем что-то изменять, сохрани изначальный код в файле, дабы потом изменить обратно.

1. В АЦ -> Скины и шаблоны -> Стили -> Редактировать
1.1. В конце добавляем строчку.
CODE
.tool_tip { position: absolute; visibility: hidden; background-color: #a98df5; }

з.ы. ана всякий случай smile.gif

2. АЦ -> Скины и шаблоны -> HTML шаблоны -> Настройка HTML -> Topic View Section -> Header -> Редактировать.
2.1. Находим строчку:
CODE
//-->
</script>

2.2. Перед ней вставляем следующий код:
CODE


ToolTip.offsetX=20;
ToolTip.offsetY=10;
function ToolTip(obj, text) {
if(!obj||obj.nodeType!=1) throw "Illigal argument exception";

//-- Разметка подсказки ---
var tip=document.createElement("DIV");
tip.className="tool_tip";
tip.innerHTML = "<div class='tableborder'><div class='maintitle' align='left'> .:[ Информационная подсказка ]:. </div><table border='0' cellspacing='1' cellpadding='4'>" + text + "</table></div>";
document.body.appendChild(tip);

//-- события --
obj.onmouseout=function (ev) {
tip.style.visibility="hidden";
};
obj.onmousemove=function(ev) {
tip.style.visibility="visible";
if(window.event) ev=window.event;
tip.style.left=ev.clientX + document.body.scrollLeft + ToolTip.offsetX;
tip.style.top=ev.clientY + document.body.scrollTop + ToolTip.offsetY;
};
}

function initToolTips() {
// return;
var tags, tooltext;
for(var i=0; i<arguments.length; i++) {
tags=document.body.getElementsByTagName(arguments);
for(var j=0; j<tags.length; j++)
if((tooltext=tags[j].getAttribute("tooltip"))) ToolTip(tags[j], tooltext);
}
}

2.4. Сохраняем.

3. АЦ -> Скины и шаблоны -> HTML шаблоны -> Настройка HTML -> Topic View Section -> Post Entry -> Редактировать.
3.1. Если для аватара, то находим строчку: (Внимание: Если у Вас строчка изменена была ранее, например при нажатии на аватар что-то происходит т.е. аватар стал ссылкой, то надо захватить весь тег отвечающий за аватар, сейчас пример отвечает за изначальный аватар)
CODE
{$author['avatar']}

3.2. Заменяем на:
CODE
<body onload="initToolTips('SPAN','IMG')">
<center><span tooltip="<tr><td class='row4' width='60%' align='left'>Статус:</td><td class='row4' width='30%' align='left'>{$author['title']}</td></tr><tr><td class='row4' align='left'>{$author['member_group']}</td><td class='row4' width='30%' align='left'></td></tr><tr><td class='row4' align='left'>{$author['member_posts']}</td><td class='row4' width='30%' align='left'></td></tr><tr><td class='row4' align='left'>{$author['member_joined']}</td><td class='row4' width='30%' align='left'></td></tr><tr><td class='row4' align='left'>{$author['member_number']}</td><td class='row4' width='30%' align='left'></td></tr>">{$author['avatar']}</span></center>
</body>

3.3. Сохраняем.

Должно работать smile.gif

Дополнение:

QUOTE
Заготовка подсказки:
+ Шапка подсказки:
CODE
<div class='tableborder'><div class='maintitle' align='left'> .:[ Информационная подсказка ]:.</div><table width='10%' border='0' cellspacing='1' cellpadding='4'>

+ Заготовка строки с одним значением:
CODE
<tr><td class='row4' width='60%' align='left'>Значение</td><td class='row4' width='30%' align='left'></td></tr>

+ Заготовка строки с описанием и значением:
CODE
<tr><td class='row4' width='60%' align='left'>Описание</td><td class='row4' width='30%' align='left'>Значение</td></tr>

+ Подвал подсказки:
CODE
</table></div>

QUOTE
Возможные информационные поля профиля, кроме дополнительных:
CODE
<tr><td class='row4' width='60%' align='left'>Статус:</td><td class='row4' width='30%' align='left'>{$author['title']}</td></tr>
<tr><td class='row4' align='left'>{$author['member_group']}</td><td class='row4' width='30%' align='left'></td></tr>
<tr><td class='row4' align='left'>{$author['member_posts']}</td><td class='row4' width='30%' align='left'></td></tr>
<tr><td class='row4' align='left'>{$author['member_joined']}</td><td class='row4' width='30%' align='left'></td></tr>
<tr><td class='row4' align='left'>{$author['member_number']}</td><td class='row4' width='30%' align='left'></td></tr>

DANMASTER · 27 Июня 2006

Так вот же у тебя мод, ты устанавливай, а где будет проблема сразу же отпостись здесь.

jim bim · 27 Июня 2006

Ты не в курсе, что в 2.0 шаблоны другие. Я не смог найти соответствующие. См. сообщения номер 1 в теме.

Wilddancer · 28 Июня 2006

А что должен из себя мод представлять...я не очень понимаю

Если это то, о чем я думаю, думаю с удовольствием интегрирую в 2.0 !!!

jim bim · 28 Июня 2006

_http://creos.1bb.ru/index.php?showtopic=38

Посмотри тут. И соответственно на том форуме мод стоит.

Wilddancer · 29 Июня 2006

Отредактировал:

Вобщем можешь не стучать...уже сделал...оказалось проще, чем установить игру на компьютер

По желанию некоторые элементы можно заменить (уже без моей помощи).

И так начнем..

Иди в Админцентр -> Шаблоны -> Управление Шаблонами -> Выбирай скин - > Изменить CSS стили

В самом низу добавь:

.tool_tip {
position: absolute;
visibility: hidden;
background-color: #FFFFFF; 
width: 260;
border: 1 solid #000000; 
}

Админцентр -> Шаблоны -> Управление Шаблонами -> Изменить HTML фрагменты -> Просмотр Темы -> topic_page_top_classic (topic_page_top_new_mode). Желательно проделать для обоих фрагментов

Найти:

-->
</script>

Выше Добавить:

		<!-- Функции подсказки -->
	  ToolTip.offsetX=20;
	  ToolTip.offsetY=10;
	  function ToolTip(obj, text) {
		if(!obj||obj.nodeType!=1) throw "Illigal argument exception";

		//-- Разметка подсказки ---
		var tip=document.createElement("DIV");
		tip.className="tool_tip";
		tip.innerHTML = "<div class='tableborder'><div class='maintitle' align='center'> Информационная подсказка   </div><table border='0' cellspacing='1' cellpadding='4'>" + text + "</table></div>";
		document.body.appendChild(tip);

		//-- события --
		obj.onmouseout=function (ev) {
		  tip.style.visibility="hidden";
		};
		obj.onmousemove=function(ev) {
		   tip.style.visibility="visible";
		   if(window.event) ev=window.event;
		   tip.style.left=ev.clientX + document.body.scrollLeft + ToolTip.offsetX;
		   tip.style.top=ev.clientY + document.body.scrollTop + ToolTip.offsetY;
		};
	  }

	 function initToolTips() {
	   // return;
	   var tags, tooltext;
	   for(var i=0; i<arguments.length; i++) {
		 tags=document.body.getElementsByTagName(arguments[i]);
		 for(var j=0; j<tags.length; j++)
		 if((tooltext=tags[j].getAttribute("tooltip"))) ToolTip(tags[j], tooltext);
	   }
	 }

Админцентр -> Шаблоны -> Управление Шаблонами -> Изменить HTML фрагменты -> Просмотр Темы ->RenderRow

Найти:

{$author['avatar']}

Заменить на:

<!-- Информационное табло -->
<span class="postdetails">
			<body onload="initToolTips('SPAN','IMG')">
	  <span tooltip="<tr>
<td class='row2' width='100%' align='left'>Статус: {$author['title']}</td>
</tr><tr><td class='row2' align='left'>{$author['member_group']}</td>
</tr><tr>
<td class='row2' align='left'>{$author['member_posts']}</td>
</tr><tr>
<td class='row2' align='left'>{$author['member_joined']}</td>
</tr><tr>
<td class='row2' align='left'>{$author['member_number']}</td>
</tr>">
		{$author['avatar']}
</span>
	</body>
<!-- /Информационное табло/ -->

Вот и все...а теперь отправь благодарность на Z227578625861

Войти

Подсказка профиля(в теме)

Рекомендуемые сообщения

jim bim

Ссылка на комментарий

Поделиться на других сайтах

DANMASTER

Ссылка на комментарий

Поделиться на других сайтах

jim bim

Ссылка на комментарий

Поделиться на других сайтах

Wilddancer

Ссылка на комментарий

Поделиться на других сайтах

jim bim

Ссылка на комментарий

Поделиться на других сайтах

Wilddancer

Ссылка на комментарий

Поделиться на других сайтах

Присоединиться к обсуждению

Главная

Активность

Магазин

Support

Важная информация