Форум русской поддержки Joomla!® CMS
08.12.2016, 16:01:30 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Установка скрипта jQuery в Joomla 2.5 в первый раз

 (Прочитано 777 раз)
0 Пользователей и 1 Гость смотрят эту тему.
Venomous
Новичок
*

Репутация: +0/-0
Offline Offline

Сообщений: 3


« : 05.03.2014, 18:34:07 »

Доброго времени суток!
Сам я недавно стал заниматься сайтами, просьба сильно не пинать
Создаю сайт на Joomla 2.5. Шаблон для него делал в Artisteer 4, поле чего немного правил шаблон. Возникла необходимость сделать его фиксированным по высоте и в некоторых разделах текста больше чем места для него по высоте и поэтому он стал выходить за пределы. Выход из этого вреде прост добавить overflow:auto и появится полоса прокрутки, но уж больно она некрасивая получается.
Пытался решить проблему тремя вариантами:
1. Использовать Свойство scrollbar-... Но оно подходит не для всех браузеров, в частности для моей любимой мозиллы, да и возможности маленькие - не понравилась!
2. Компонент/модуль/плагин - не нашел подходящий! Может кто даст ссылочку? (Искал среди бесплатных).
3. Пока искал Компонет/модуль/плагин, наткнулся на Perfect Scrollbar: пользовательские скроллинги на jQuery.
(нашел здесь) Он мне всем понравился - то что мне нужно! но не хватает знаний чтобы его установить... Никак не пойму что делать! Никогда скрипты не подключал!
Нашел процедуру его установки, но для WordPress...

Может кто подскажет как это сделать для Joomla ?

Как я понял его подключение состоит из 3-х этапов:
1. Подключение самого скрипта к файлу, скорее всего, index.php шаблона между тегами <Head> и таблицу стилей CSS
Я сделал вот так для скрипта:

<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/min/perfect-scrollbar-0.4.8.min.js"></script>
И вот так для css:
<link rel="stylesheet" href="<?php echo $templateUrl; ?>/min/perfect-scrollbar-0.4.8.css">

2. как я понял в CSS шаблона нужно добавить следующее
#myScroll {
position:relative;
height:600px;
}
где myScroll - заданное имя, может быть любое.

3. Где-то нужно установить следующее

<div id='myScroll'>
<div>
...
</div>
</div>
Но вот где, никак не пойму...

4. В нужном материале вставить код:
<script language="javascript">
$('#myScroll').perfectScrollbar();
</script>

Всю голову сломал, ничего не получается! Что делаю неправильно?
Спасибо!
Записан
digiTALker
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Пол: Мужской
Сообщений: 34


« Ответ #1 : 12.03.2015, 06:47:45 »

наверно никто не ответил на топик потому что куча попросов, а сабж спрятался в середине, словно не в нём дело.
Записан
DiabloZet
Осваиваюсь на форуме
***

Репутация: +5/-1
Offline Offline

Пол: Мужской
Сообщений: 191


Честь превыше всего!


« Ответ #2 : 12.03.2015, 10:29:15 »

Код:
<div class='?' id='myScroll'>
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet