Проблема с боковой панелью

Я новичок. Сделала боковую панель, все как тут написали --> http://help.forum2x2.ru/t29875-topic#211802
В итоге ничего не получилось. --> Скрин
Подскажите, что не так сделала.

Попробуйте скрипт что ставится в модуль поставить в шаблон

Код:

<script type="text/javascript">
$(function(){
 $('.slide-out-div').tabSlideOut({
  tabHandle: '.handle',                                  /*класс элемента вкладки*/
  pathToTabImage: 'http://www.snapsnap.ru/i/cnccnc.png', /*путь к изображению "обязательно"*/
  imageHeight: '100px',                                  /*высота изображения "обязательно"*/
  imageWidth: '25px',                                    /*ширина изображения "обязательно"*/
  tabLocation: 'right',                                  /*сторона на которой будет вкладка top, right, bottom, или left*/
  speed: 500,                                            /*скорость анимации*/
  action: 'click',                                      /*опции=:'click'или'hover', анимация при нажатии или наведении*/
  topPos: '40px',                                        /*расположение от верхнего края/ использовать если tabLocation = left или right*/
  leftPos: '20px',                                      /*расположение от левого края/ использовать если tabLocation = bottom или top*/
  fixedPosition: true                                    /*опции: false сделает данную вкладку прокручивающуюся при скролле*/
  });
});
</script>

Ах да (простите, что поздно ответила).
Пока я просматривала свой форум, я заметила название своей боковой панели ("Проверка"), в самом низу форума слева(она не кликабельна).
Скрин

Another,
здравствуйте,

насколько я вижу, вы просто забыли активировать Управление JS на форуме. У вас сейчас стоит на "Нет".

При включении вижу в правом верхнем углу форума выдвигающуюся панель "Проверка"..

Эм... А как включить управление JS?

Благодарю. Получилось. Теперь если можно такой вопрос:
Я бы хотела изменить оформление выдвигающегося поля, как мне это сделать?

Another пишет:Я бы хотела изменить оформление выдвигающегося поля, как мне это сделать?

А вы внимательно тему с туториалом читали?
Там есть код

Код:

/*оформление выдвигающегося поля*/
.slide-out-div {
width:100px; /* ширина */
height:100px !important; /* высота */
background-color:#FFFFF2; /* фон */
border:1px solid #E8C15D; /* рамка */
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:12px; /* отступ содержимого от границ поля */
line-height: 1.6em;
}

/* оформление ссылок в панели */
.slide-out-div a {
font-family:Georgia; /* шрифт */
font-size:13px; /* размер текста */
color:#804804; /* цвет ссылок */
line-height: 1.6em;
}

/* цвет ссылок в панели при наведении курсора */
.slide-out-div a:hover {
color:#AC8E25;
}

В коде расписано что за что отвечает.
Меняйте цвета шрифта, сам шрифт, размер шрифта, рамку на свой вкус и цвет.

Извините, не так выразилась. Я имела в виду про картинку на которую нажимаешь и выдвигается вкладка.

А в самом скрипте так же всё расписано.

pathToTabImage: 'http://www.snapsnap.ru/i/cnccnc.png', /*путь к изображению "обязательно"*/
imageHeight: '100px', /*высота изображения "обязательно"*/
imageWidth: '25px', /*ширина изображения "обязательно"*/

Меняете ссылку на картинку кнопку на свою, прописываете размеры вашей картинки кнопки

О, нашла, благодарю. У меня всё. Тему можно закрывать.