MaxHub
Служба Заботы MaxSite CMS

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

Вопросы-ответы / 7 сентября 2016

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

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

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

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

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

Комментариев: 4
  1. Михаил, вариантов несколько:

    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 или указанием более "длинного" селектора. В общем, придётся искать варианты...

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

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

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

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

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

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

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

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

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

Оставьте комментарий!

grin LOL cheese smile wink smirk rolleyes confused surprised big surprise tongue laugh tongue rolleye tongue wink raspberry blank stare long face ohh grrr gulp oh oh downer red face sick shut eye hmmm mad angry zipper kiss shock cool smile cool smirk cool grin cool hmm cool mad cool cheese vampire snake excaim question

Вход / регистрация или войти без комментирования
  Имя и сайт используются только при регистрации

Авторизация MaxSiteAuth. Войти через loginza

(обязательно)