Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Форум для новичков » Появляющаяся информация при наведении в поле ответа


Появляющаяся информация при наведении в поле ответа

Сообщений 1 страница 3 из 3

1

Доброе время всем читающим. Надеюсь я попал именно в нужный раздел. Я в данный момент только продумываю свой форум и недавно я наткнулся на очень интересную вещь и подумал, что она могла бы мне пригодиться.
Я не очень хорош в описании, поэтому просто покажу образец того, что мне нужно: http://wwsd.rusff.ru/viewtopic.php?id=53#p142
Меня интересует картинка, при наведении на которую всплывает текст с описанием. Возможно я искал где-то не там, но так и не нашел того, что мне нужно. Вся информация, найденная мной, так и не смогла помочь, поэтому я буду очень благодарен человеку, который поможет найти данный скрипт(?).
Вот то, что мне предложили по этому вопросу, но данный код не работает, либо я делаю что-то не так (но скорее всего тут именно первое):

Код:
<div class="htmldemo">
<center>
<div id="trc">
<div class="trcimg"></div>
<div class="trc1">Текст</div>
<div class="trc3">
"Текст текст."
<br>
</br>
<b>
"Текст"
</b>
<br>
<a href="адрес ссылки">ее название</a>
<br>
</b>
</div>

Заранее спасибо.

Отредактировано Inspector Mors (Вт, 29 Мар 2016 22:54:59)

0

2

Inspector Mors
В HTML низ

Код:
<!-- html в постах -->
<script type="text/javascript">
function Transform_Code_Box_in_HTML(aX){
var TemLnk=aX.replace(/^(.*viewtopic\.php\?id=\d*).*$/ig,"$1");
var PstId=aX.replace(/^.*viewtopic\.php\?id=.*(#p\d+)$/ig,"$1");
var L=document.URL.replace(TemLnk,'');
if(L!=document.URL&&(L.slice(0,1)).search(/\d/ig)==-1 ){ 
L=$("div.topic "+PstId);
if(L.length==1){
var Lhtm=L.find(".post-content .code-box:first .scrollbox pre").text();
L.find(".post-content .code-box:first").replaceWith(Lhtm)
}}}
function Demo_HTML(Ts){var Ll=Ts.parents(".htmldemo").find(".code-box .scrollbox pre").text();
Ts.parents(".htmldemo").after('<div class="demHtml">'+Ll+'</div>');Ts.replaceWith(DemoButt0);
}
$(document).ready(function() {
$("#pun-viewtopic .post .code-box").each(function(){
if($(this).text().indexOf('<!--HTML-->')!=-1){
$(this).wrap('<div class="htmldemo"></div>')
$(this).replaceWith($('.htmldemo').text().split('<!--HTML-->')[1]);
}
});
});
</script>

В Пост

[code]
<!--HTML-->
<center>
<div id="trc">
  <div class="trcimg"></div>
  <div class="trc1">Прерии</div>
  <div class="trc3">Тут наш Текст, который всплывает при наведении<br>
<br>
<b>СМЕЖНЫЕ ЛОКАЦИИ<b><br>
<a href="viewtopic.php?id=54">Чайный домик</a> или <a href="viewtopic.php?id=41">Верхний ярус Р35К</a>  ↑<br>
← <a href="viewtopic.php?id=32">Пустыня</a> | Вышка Инсайд (временно недоступно) →<br>
            Логово фантомов (временно недоступно) →<br>
</div>
  </div>
</center>

<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0016/e9/12/77807.css" />
<style>
#trc {
height: 298px;
width: 650px;
position: relative;
overflow: hidden;
}

.trcimg {
height: 298px;
width: 650px;
position: absolute;
background-image: url("http://s3.uploads.ru/XKhFe.png");
}</style>[/code]

0

3

Alex_63
Большое вам спасибо! Я так понимаю, что + поставить пока не могу, а жаль(

Отредактировано Inspector Mors (Чт, 31 Мар 2016 20:04:26)

0


Вы здесь » Единый форум поддержки » Форум для новичков » Появляющаяся информация при наведении в поле ответа