Перейти к содержимому


Фотография
- - - - -

Свой шаблон и свои стили

Автор Ele , Jul 24 2013 06:03

  • Закрытая тема Тема закрыта
Сообщений в теме: 15

#1 Ele

Ele

Отправлено 24 July 2013 - 06:03

Помогите плиз разобраться!

 

Как правильно подключить свои стили CSS и скрипты JS ?
Создайте новые файлы  (регистр важен!)
media\zoo\applications\jbuniversal\assets\css\jbzoo.<ПСЕВДОНИМ (АЛИАС) КАТАЛОГА>.css
media\zoo\applications\jbuniversal\assets\js\jbzoo.<ПСЕВДОНИМ (АЛИАС) КАТАЛОГА>.js

Создала файл media\zoo\applications\jbuniversal\assets\css\jbzoo.PETSHOP.css - не работает, стили из него не берет. Убрала верхний регистр - все равно не работает. :(

Файл media\zoo\applications\jbuniversal\assets\js\jbzoo.<ПСЕВДОНИМ (АЛИАС) КАТАЛОГА>.js не создавала, может поэтому не работает? Это обязательно условие для подключения новых стилей?

 

Также не разобралась с этим:

 

Так же можно подключить отдельный CSS для формы поиска
media\zoo\applications\jbuniversal\assets\js\jbzoo.filter.<АЛИАС ШАБЛОНА ФОРМЫ>.js
media\zoo\applications\jbuniversal\assets\css\jbzoo.filter.<АЛИАС ШАБЛОНА ФОРМЫ>.css

Где смотреть <АЛИАС ШАБЛОНА ФОРМЫ>? Или это системные названия? Т.е. если я использую шаблон фильтра inline, то мне нужно создать файл media\zoo\applications\jbuniversal\assets\css\jbzoo.filter.INLINE.css?

 

 


  • 0

#2 igorkuzyukov

igorkuzyukov

Отправлено 24 July 2013 - 06:28

Помогите плиз разобраться!

Создала файл media\zoo\applications\jbuniversal\assets\css\jbzoo.PETSHOP.css - не работает, стили из него не берет. Убрала верхний регистр - все равно не работает. :(

Файл media\zoo\applications\jbuniversal\assets\js\jbzoo.<ПСЕВДОНИМ (АЛИАС) КАТАЛОГА>.js не создавала, может поэтому не работает? Это обязательно условие для подключения новых стилей?

 

Также не разобралась с этим:

Где смотреть <АЛИАС ШАБЛОНА ФОРМЫ>? Или это системные названия? Т.е. если я использую шаблон фильтра inline, то мне нужно создать файл media\zoo\applications\jbuniversal\assets\css\jbzoo.filter.INLINE.css?

Все CSS касательно сайта, вы можете протисать в одном из CSS файлов шаблона. ( templates/<ВАШ ШАБЛОН>/css/<ИМЯ ФАЙЛА>.css ) Не трогая и не изменяя файлы ZOO и JBZoo.

 

Если хотите подключить новые срипты, то создайте папку js в шаблоне и закидывайте скрипты

А подключаются они между тегами <head></head> в индексном файле шаблона по такому адресу

 

<script src="/templates/<?php echo $this->template ?>/js/<Имя вашего скрипта>.js" type="text/javascript"></script>


Сообщение отредактировал igorkuzyukov: 24 July 2013 - 06:38

  • 0

#3 Ele

Ele

Отправлено 24 July 2013 - 06:36

Не поняла, что значит "все CSS касательно сайта"? У сайта в целом конечно есть шаблон и css, где прописаны стили. Но если мне нужно править конкретно отображение элементов из JBZoo (например, стиль подкатегорий или фильтров) - как я это пропишу в общем css?


  • 0

#4 igorkuzyukov

igorkuzyukov

Отправлено 24 July 2013 - 06:43

Не поняла, что значит "все CSS касательно сайта"? У сайта в целом конечно есть шаблон и css, где прописаны стили. Но если мне нужно править конкретно отображение элементов из JBZoo (например, стиль подкатегорий или фильтров) - как я это пропишу в общем css?

Не нужно предераться к словам "все CSS касательно сайта"!!!

Посматри, через F12, как выводится тот или иной элемент. И пропиши свои стили для него в одном из css файлов своего шаблона. В zoo лезть для этого не обязательно 


Сообщение отредактировал igorkuzyukov: 24 July 2013 - 06:44

  • 0

#5 Ele

Ele

Отправлено 24 July 2013 - 07:04

Я не придираюсь, а уточняю, что вы имели в виду, поскольку мне не понятно, как можно в общем темплейте сайта прописать настройки фильтра, к примеру, если элементы фильтра ссылаются на jbzoo.filter.css (я смотрю через Opera Dragonfly все элементы).

Или вы хотите сказать, что если создать такой же класс (к примеру, .jbzoo-filter .filter-inline .filter-element) в общем template.css сайта, то его настройки перебьют то, что указано в таком же классе в jbzoo.filter.css?


  • 0

#6 igorkuzyukov

igorkuzyukov

Отправлено 24 July 2013 - 07:11

Не поняла?

Пример того как сделать рамку во круг фотографии при полном просмотре объявления:

 

Без-имени-1.jpg

 

Смотрим через F12

 

Без-имени-2.jpg

 

Ну а это css

 

.jbzoo-item-komnaty .full-gallery img {

 

        border: 2px solid #AAA;
        margin-bottom: 5px;
        }


Я не придираюсь, а уточняю, что вы имели в виду, поскольку мне не понятно, как можно в общем темплейте сайта прописать настройки фильтра, к примеру, если элементы фильтра ссылаются на jbzoo.filter.css (я смотрю через Opera Dragonfly все элементы).

Или вы хотите сказать, что если создать такой же класс (к примеру, .jbzoo-filter .filter-inline .filter-element) в общем template.css сайта, то его настройки перебьют то, что указано в таком же классе в jbzoo.filter.css?

адрес страницы можно в студию :) ?


  • 0

#7 Ele

Ele

Отправлено 24 July 2013 - 07:25

Ну вот конкретно на этой странице http://komne.ru/test/pet-shop две задачи:

1. Отрегулировать расположение и высоту полей и кнопок в фильтре

2. Убрать рамку и фон у категории (Самара), оставив их у элементов (непосредственно зоомагазины)

 

Т.е., повторяюсь, вы хотите сказать, что такой же класс, который сейчас отвечает за их отображение в css JBZooo, нужно просто создать в общем template.css (где найти название классов и код я знаю)?



Не могу поставить ссылку, глюк форума какой-то - цепляет к ней следующее слово в строчке и все...

Еще раз: http://komne.ru/test/pet-shop


Сообщение отредактировал Ele: 24 July 2013 - 07:24

  • 0

#8 igorkuzyukov

igorkuzyukov

Отправлено 24 July 2013 - 07:26

Ну вот конкретно на этой странице http://komne.ru/test/pet-shop две задачи:

1. Отрегулировать расположение и высоту полей и кнопок в фильтре

2. Убрать рамку и фон у категории (Самара), оставив их у элементов (непосредственно зоомагазины)

 

Т.е., повторяюсь, вы хотите сказать, что такой же класс, который сейчас отвечает за их отображение в css JBZooo, нужно просто создать в общем template.css (где найти название классов и код я знаю)?

По ссылки ошибка 404 выходит. 

 

Скинь рабочую....

 

Не такой же класс, а свой. При просмотре F12 вывода


Сообщение отредактировал igorkuzyukov: 24 July 2013 - 07:28

  • 0

#9 joejoker

joejoker

Отправлено 24 July 2013 - 07:28

CSS - Cascading Style Sheets. Дословно - каскадные таблицы стилей. Вся совокупность файлов css применяется каскадно, с наследованием и своей иерархией КО ВСЕМУ DOM (Document Object Model — программный интерфейс для доступа к документам.). Так что не важно в каком конкретном файле, Вы будете прописывать свои стили. Самое главное прописать их правильно и что бы данный файл был подключен в документ.

 

P.S. А вообще, изучение CSS - это тема совсем другого форума.


  • 1
В мире все совсем не сложно, если самому не усложнять.
Разработка индивидуальных решений для ZOO /JBZoo /Joomla

#10 Ele

Ele

Отправлено 24 July 2013 - 07:50

igorkuzyukov, рабочая ссылка в посте выше: 

 

Не могу поставить ссылку, глюк форума какой-то - цепляет к ней следующее слово в строчке и все...

Еще раз: http://komne.ru/test/pet-shop

 

 

joejoker, а к чему вы свой пост выше написали? И при чем здесь изучение css?

В данной теме был задан конкретный вопрос по мануалу, поскольку не получилось сделать то, что описано. Смысл лить воду, если можно ответить конкретно по делу, например, "вы использовали не то имя файла", или "нужно обязательно создавать еще и свой .js, чтобы заработали стили", или "нужно удалить при этом старый jbzoo.css", или какие там еще могут причины? И если все можно отрегулировать в одном файле css, то смысл создания тогда своих стилей, описанный в мануале?


  • 0
Обратно в Организация каталога и внешний вид · Следующая непрочитанная тема →


  1. JBZoo Community
  2. → Основной форум JBZoo
  3. → Организация каталога и внешний вид
  4. Privacy Policy
Click to return to top of page in style!