Доброго времени, хочется реализовать на форуме скрипт всплывающего окна по клику. Подобный скрипт нашел на ruseller'e. /*Сылка на скрипт*/.
Идем по шагам, подстраивая все сылки под себя соответственно:
1) Шаг 1
<script type="text/javascript" src="https://forumstatic.ru/files/000e/f0/28/47526.js"></script> <script type="text/javascript" src="https://forumstatic.ru/files/000e/f0/28/91052.js"></script>
Сылки заменил, скрипт вставил в html-верх.
2) Шаг 2 - стили.
К конец файла style_cs.css добавляем код css изменяя сылки на картинки:
#window
{
position: absolute;
left: 200px;
top: 100px;
width: 400px;
height: 300px;
overflow: hidden;
display: none;
}
#windowTop
{
height: 30px;
overflow: 30px;
background-image: url(https://forumstatic.ru/files/000e/f0/28/61705.png);
background-position: right top;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
cursor: move;
}
#windowTopContent
{
margin-right: 13px;
background-image:url(https://forumstatic.ru/files/000e/f0/28/24521.png);
background-position:left top;
background-repeat: no-repeat;
overflow: hidden;
height: 30px;
line-height: 30px;
text-indent: 10px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
color: #6caf00;
}
#windowMin
{
position: absolute;
right: 25px;
top: 10px;
cursor: pointer;
}
#windowMax
{
position: absolute;
right: 25px;
top: 10px;
cursor: pointer;
display: none;
}
#windowClose
{
position: absolute;
right: 10px;
top: 10px;
cursor: pointer;
}
#windowBottom
{
position: relative;
height: 270px;
background-image: url(https://forumstatic.ru/files/000e/f0/28/67741.png);
background-position: right bottom;
background-repeat: no-repeat;
}
#windowBottomContent
{
position: relative;
height: 270px;
background-image: url(https://forumstatic.ru/files/000e/f0/28/24521.png);
background-position: left bottom;
background-repeat: no-repeat;
margin-right: 13px;
}
#windowResize
{
position: absolute;
right: 3px;
bottom: 5px;
cursor: se-resize;
}
#windowContent
{
position:absolute;
top: 30px;
left: 10px;
width: auto;
height: auto;
overflow: auto;
margin-right: 10px;
border: 1px solid #6caf00;
height: 255px;
width: 375px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #fff;
}
#windowContent *
{
margin: 10px;
}
.transferer2
{
border: 1px solid #6BAF04;
background-color: #B4F155;
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
}3) Шаг 3 - меняем картинки, вставляем ссылки.
<a href="сылка" id="windowOpen">Открыть всплывающее окно</a>
<div id="window">
<div id="windowTop">
<div id="windowTopContent">Название окна</div>
<img src="https://forumstatic.ru/files/000e/f0/28/18820.jpg" id="windowMin" />
<img src="https://forumstatic.ru/files/000e/f0/28/14913.jpg" id="windowMax" />
<img src="https://forumstatic.ru/files/000e/f0/28/94975.jpg" id="windowClose" />
</div>
<div id="windowBottom"><div id="windowBottomContent"> </div></div>
<div id="windowContent"><p>Содержание всплывающего окна</p></div>
<img src="https://forumstatic.ru/files/000e/f0/28/49713.gif" id="windowResize" /></div>
4) Шаг 4 - сам скрипт
<script type="text/javascript">
$(document).ready(
function()
{
$('#windowOpen').bind(
'click',
function() {
if($('#window').css('display') == 'none') {
$(this).TransferTo(
{
to:'window',
className:'transferer2',
duration: 400,
complete: function()
{
$('#window').show();
}
}
);
}
this.blur();
return false;
}
);
$('#windowClose').bind(
'click',
function()
{
$('#window').TransferTo(
{
to:'windowOpen',
className:'transferer2',
duration: 400
}
).hide();
}
);
$('#windowMin').bind(
'click',
function()
{
$('#windowContent').SlideToggleUp(300);
$('#windowBottom, #windowBottomContent').animate({height: 10}, 300);
$('#window').animate({height:40},300).get(0).isMinimized = true;
$(this).hide();
$('#windowResize').hide();
$('#windowMax').show();
}
);
$('#windowMax').bind(
'click',
function()
{
var windowSize = $.iUtil.getSize(document.getElementById('windowContent'));
$('#windowContent').SlideToggleUp(300);
$('#windowBottom, #windowBottomContent').animate({height: windowSize.hb + 13}, 300);
$('#window').animate({height:windowSize.hb+43}, 300).get(0).isMinimized = false;
$(this).hide();
$('#windowMin, #windowResize').show();
}
);
$('#window').Resizable(
{
minWidth: 200,
minHeight: 60,
maxWidth: 700,
maxHeight: 400,
dragHandle: '#windowTop',
handlers: {
se: '#windowResize'
},
onResize : function(size, position) {
$('#windowBottom, #windowBottomContent').css('height', size.height-33 + 'px');
var windowContentEl = $('#windowContent').css('width', size.width - 25 + 'px');
if (!document.getElementById('window').isMinimized) {
windowContentEl.css('height', size.height - 48 + 'px');
}
}
}
);
}
);
</script>Вставляю его в html-низ.
5) Результат - появляется строка "Открыть всплыв. окно", но при нажатии ничего не происходит, как я понимаю есть ошибка в 4-ом шаге, или это вообще нельзя подключить к mybb?
. Как я понимаю какой-то из скриптов не подгружает другой из-за того что грузится не с папок сервера, а по прямым сылкам. Осталось просто исправить пути к этим скрипта, но я - бездарь и не могу это сделать сам 
веселая чтучка, мож Deff (* 
) чо скажет, как главный скриптер у нас, если увидит тему...
Собстно, тот самый, чо я тву в заказах таблиц давал. Ток его нун перенастроить под "работающий инет", вместо рабочего стола компа 
Ну раздражалок много. Ты про каку конкретно-то?