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

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

проблема с версткой шапки

 (Прочитано 267 раз)
0 Пользователей и 1 Гость смотрят эту тему.
ejik_off
Осваиваюсь на форуме
***

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

Сообщений: 150


« : 08.08.2016, 15:01:37 »

Всем привет!
Подскажите как правильно верстать такие элементы как на картинке, в шапке (забор)?

фоном идет основная картинка, а картинка забора как отдельный элемент с абсолютным позиционированием?
Записан
umbabaraumba
Практически профи
*******

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

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

если помог можете поставить +


« Ответ #1 : 08.08.2016, 15:37:47 »

картинка забора как отдельный элемент с абсолютным позиционированием?
Наверно.
Записан
ejik_off
Осваиваюсь на форуме
***

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

Сообщений: 150


« Ответ #2 : 15.08.2016, 10:33:47 »

Сверстал шаблон в HTML, теперь переношу его в Joomla. Появилась проблема с меню. Т.е когда окно браузера уменьшаю меню сворачивается, но при клике на иконку, меню не раскрывается. в инспекторе пишет ошибку: common.js:1 Uncaught TypeError: $ is not a function(anonymous function) @ common.js:1
я понил что ошибка в первой строке, но в первой строке common.js находится: $(document).ready(function() {, в чем ошибка?
шаблон, при переноси его на Joomla в index.php поменял только линки на скрипты и CSS файлы.
Код:
// Add JavaScript Frameworks
JHtml::_('bootstrap.framework');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/js/common.js');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/libs/jquery/jquery-1.11.1.min.js');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/libs/jquery-mousewheel/jquery.mousewheel.min.js');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/libs/fancybox/jquery.fancybox.pack.js');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/libs/waypoints/waypoints-1.6.2.min.js');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/libs/scrollto/jquery.scrollTo.min.js');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/libs/owl-carousel/owl.carousel.min.js');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/libs/countdown/jquery.plugin.js');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/libs/countdown/jquery.countdown.min.js');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/libs/countdown/jquery.countdown-ru.js');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/libs/landing-nav/navigation.js');

// Add Stylesheets
$doc->addStyleSheet($this->baseurl . '/templates/' . $this->template . '/libs/bootstrap/bootstrap-grid-3.3.1.min.css');
$doc->addStyleSheet($this->baseurl . '/templates/' . $this->template . '/libs/font-awesome-4.2.0/css/font-awesome.min.css');
$doc->addStyleSheet($this->baseurl . '/templates/' . $this->template . '/libs/fancybox/jquery.fancybox.css');
$doc->addStyleSheet($this->baseurl . '/templates/' . $this->template . '/libs/owl-carousel/owl.carousel.css');
$doc->addStyleSheet($this->baseurl . '/templates/' . $this->template . '/libs/countdown/jquery.countdown.css');
$doc->addStyleSheet($this->baseurl . '/templates/' . $this->template . '/css/main.css');
$doc->addStyleSheet($this->baseurl . '/templates/' . $this->template . '/css/fonts.css');
$doc->addStyleSheet($this->baseurl . '/templates/' . $this->template . '/css/media.css');
Сам в JS полный нуль, подскажите где ошибка?
Записан
Филипп Сорокин
Живу я здесь
******

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

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


« Ответ #3 : 15.08.2016, 10:39:25 »

Код
$(document).ready(function() {

Замените на

Код
jQuery(document).ready(function($) {
Записан
ejik_off
Осваиваюсь на форуме
***

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

Сообщений: 150


« Ответ #4 : 15.08.2016, 10:48:42 »

Код
$(document).ready(function() {

Замените на

Код
jQuery(document).ready(function($) {
заменил, но все равно не работает, хотя ошибка в инспекторе не появляется.
Вот что получилось в файле js
Код:
jQuery(document).ready(function($) {
//Функция для отображения схлоповающегося меню
$(".main_mnu_button").click(function() {
$("main_mnu ul").slideToggle();
});
});
Записан
Филипп Сорокин
Живу я здесь
******

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

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


« Ответ #5 : 15.08.2016, 10:50:13 »

Ищите проблему в вашем коде.
Записан
ejik_off
Осваиваюсь на форуме
***

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

Сообщений: 150


« Ответ #6 : 15.08.2016, 10:53:34 »

Ищите проблему в вашем коде.
знать бы где искать Sad
Записан
umbabaraumba
Практически профи
*******

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

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

если помог можете поставить +


« Ответ #7 : 15.08.2016, 15:00:58 »

Дайте ссылку на сайт .
Записан
ejik_off
Осваиваюсь на форуме
***

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

Сообщений: 150


« Ответ #8 : 16.08.2016, 06:10:59 »

Дайте ссылку на сайт .
он пока на локальном компе.
В третьем посте есть ссылка на шаблон, который можно установить в Joomla и код с ссылками на стили и скрипты. Если есть возможность проверить, буду очень благодарен.
« Последнее редактирование: 16.08.2016, 07:48:16 от ejik_off » Записан
Shustry
Moderator
*****

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

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


Рисую дизайны


« Ответ #9 : 16.08.2016, 13:21:21 »

Точку пропустили в селекторе $(".main_mnu ul").slideToggle();
Записан
ejik_off
Осваиваюсь на форуме
***

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

Сообщений: 150


« Ответ #10 : 16.08.2016, 14:01:37 »

Точку пропустили в селекторе $(".main_mnu ul").slideToggle();
Тьфу, блин. А я сижу читаю маны по jQuery, лишним конечно не будет. Azn
Спасибо Вам большое!
Записан
Страниц: [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