Где можно указать произвольные CSS стили для default-шаблона?

/ Просмотров: 2489

Уважаемые знатоки,

Три-четыре года назад я, не являясь специалистом даже наполовину, попробовал MaxSite и научился изменять дизайн готового шаблона путем редактирования файлов. Теперь (внезапно smile ) решил сделать себе самостоятельно сайт, установил версию 0.94 и принялся вспоминать, что к чему. И вот - как обращаться с less и компиляцией в CSS я не знаю, остается вроде бы, один путь - через CSS стили в админ-панели.

Подскажите, как это освоить - куда смотреть, чтобы разобраться, что именно прописывать? Попробовал сменить фон дефолтного шаблона.

body{background:url("..//application/maxsite/templates/default/assets/images/backgrounds/metallic66.jpg")}
и это получилось.

Пробовал изменить общий отступ от верха страницы, цвет фона главного меню - не получается.

Комментариев: 4 RSS

Михаил, вариантов несколько:

1. Воспользоваться возможность. автозагрузки css-файлов в папке /assets/css - все файлы в корне этой папки должны подгружаться автоматически. Так реализовано в функции my_default_head_section, которая занимается формированием HEAD области страниц.

2. Можно воспользоваться css-профилями. Для этого нужно создать файл с необходимым css-стилем и разместить файл в папке /assets/css/profiles/ После этого перейти в админ панель на страницу с адресом /admin/template_options#a-css-profili ("Настройки шаблона" -> Таб "Css профили") и поставить галочку напротив имени вашего файла.

3. Можно попробовать прописать стили прямо в админ-панели, но не на вкладке "CSS профили", а на вкладке "CSS стили" на странице опций шаблона.

Есть ещё варианты, но они более запутанные, поэтому остановимся. Также хотел обратить внимание, что прописанные таки образом стили при условии правильности прописанных css-селекторов могут всё равно "не заработать", ибо может оказаться, что основные стили будут иметь более высокий приоритет. С этим можно попробовать побороться использованием атрибута !important или указанием более "длинного" селектора. В общем, придётся искать варианты...

Ага... информацию воспринял, спасибо Илья.

Но вот в чем для меня трудность - не будучи профессионалом я мыслю так:

1-посмотреть (куда именно?) что прописано в действующих СSS стилях для интересующих меня элементов (меню, шапка)

2-скопировать часть кода (сам из головы я просто не напишу правильно) и внести в него небольшие поправки

3-получившийся новый код вставить туда, где он будет воспринят к исполнению-одним из предложенных вами способов.

Не подскажите ли по пункту 1- где в версии 0.94 смотреть действующий CSS стиль для главного меню, шапки. Или я рассуждаю в корне не верно?

Не подскажите ли по пункту 1- где в версии 0.94 смотреть действующий CSS стиль для главного меню, шапки. Или я рассуждаю в корне не верно?

Михаил, действующие стили элементов страницы нужно смотреть в браузере средствами разработчика. Обычно можно правой клавишей мышки вызвать контекстное меню и найти там пункт типа "Просмотреть код" (Chrome) или "Исследовать элемент" (Firefox). Так можно смотреть оформление любых элементов на любых сайтах. ;)

Да, это пробовал. Там "много" кода, т.е. нужно разбираться где что. А я надеялся, что будет легко... как в старой версии. Что же, делать нечего, пойду углублюсь в код в случае успеха доложу.