Раскраска шаблона 2.X

 
Посетитель
small user social cms
МедальПочетный донор проектаАвторитет форума
Сообщений: 2871
Решил начать осваивать новую версию Инстанта 2.14
Больше всего ждал ее из-за нового дефолтного шаблона. Сделал дочерний шаблон и попытался изменить его внешний вид......
Дальше вставки изображения вместо фона дело не пошло.
Старые Скины работают частично. Изменение цветов в настройках шаблона слишком глобально. Можно поменять цвет фона но вместе с изменение цвета заголовков, хлебных крошек и наверно еще чего то... Это совсем не то что хотелось бы.
Пробовал разобраться в файле theme.css но он вытянут в одну строку и очень сложно разобраться со структурой.

НУЖНА помощь!
1. Чем посмотреть файл theme.css, чтобы увидеть его структуру?
2. Может быть у кого то уже есть готовый Скин - файл css с настройками внешнего вида?
3. Может быть уже есть что почитать о том как в новом шаблоне управлять внешним видом? Настроек много. Судя по ним можно менять css прямо в сетке шаблона. Как это делать?

Возможно кому то вопросы покажутся глупыми, но в новом шаблоне у меня не получилось изменить даже шапку шаблона. Хотя в старом сам сделал скин и все работало. Все изменения пробовал реализовать через подключенный файл своих настроек my.css Файл подключен верно, из него фон меняется.
Мощный хостинг на NVMе дисках за копейки! Дешевые домены здесь! Автоботы для соцсетей
Посетитель
small user social cms
Медаль
Сообщений: 148
vikont:
1. Чем посмотреть файл theme.css, чтобы увидеть его структуру?
Visual Studio Code
В Windows Shift + Alt + F
На Mac Shift + Option + F
В Linux Ctrl + Shift + I
Реклама
cms
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатийПочетный донор проекта
Сообщений: 3225
vikont,
Не трогайте файл theme.css
Если надо что-то покрасить - допишите блоку класс цвета текста или бэкграунда, смотрите методы работы с цветами в бутстрапе:
https://bootstrap-4.ru/docs/4.0/utilities/colors/
Если уж очень хочется какой-то свой стиль добавить - напишите его в файл \templates\modern\scss\theme\_custom.scss , а потом зайдите в настройки шаблона и нажмите "Сохранить", чтобы применилось.
Если уж совсем хочется посмотреть theme.css - посмотрите:
https://instantcms.ru/users/files/download7763.html
Редактировалось: 1 раз (Последний: 16 ноября 2020 в 00:19)
Посетитель
small user social cms
Медаль
Сообщений: 374
Ris:
е трогайте файл theme.css
Если надо что-то покрасить - допишите блоку класс цвета текста или бэкграунда, смотрите методы работы с цветами в бутстрапе:
https://bootstrap-4.ru/docs/4.0/utilities/colors/
Если уж очень хочется какой-то свой стиль добавить - напишите его в файл \templates\modern\scss\theme\_custom.scss , а потом зайдите в настройки шаблона и нажмите "Сохранить", чтобы применилось.

Было бы наглядное руководство как это делать )) Сколько пробывал так и не получалось (
Посетитель
small user social cms
МедальПочетный донор проектаАвторитет форума
Сообщений: 2871
@alexandr22:

Ris:
е трогайте файл theme.css
Если надо что-то покрасить - допишите блоку класс цвета текста или бэкграунда, смотрите методы работы с цветами в бутстрапе:
https://bootstrap-4.ru/docs/4.0/utilities/colors/
Если уж очень хочется какой-то свой стиль добавить - напишите его в файл \templates\modern\scss\theme\_custom.scss , а потом зайдите в настройки шаблона и нажмите "Сохранить", чтобы применилось.

Было бы наглядное руководство как это делать )) Сколько пробывал так и не получалось (
Присоединяюсь! Этот вопрос всплывет не однократно и будет самым востребованным трендом на многие месяцы, особенно после выхода Инстанта версии 2.14.
А еще бы кто то из знатоков сделал Скин - шаблон. Файлик с набором наиболее востребованных стилей. Поменял в нем по своему усмотрению цвета, размеры, или картинку, применил и все работает.
Редактировалось: 1 раз (Последний: 15 ноября 2020 в 16:27)
Мощный хостинг на NVMе дисках за копейки! Дешевые домены здесь! Автоботы для соцсетей
Посетитель
small user social cms
МедальКубок зрительских симпатийАвторитет форума
Сообщений: 3785
vikont я так понимаю вы пользуетесь скинами от сайткреатора? https://addons.instantcms.ru/addons/site-kreator.html
Если нет то как вы подключаете скины и что это такое.
Посетитель
small user social cms
МедальПочетный донор проектаАвторитет форума
Сообщений: 2871
Алексей:

vikont я так понимаю вы пользуетесь скинами от сайткреатора? https://addons.instantcms.ru/addons/site-kreator.html
Если нет то как вы подключаете скины и что это такое.
Да, на основе скинов сайтакреатора сделал свои и использую на своих сайтах через HTML блок.
На новой версии с новым шаблоном это ни так ни через подключение в main.php полностью не работает. Удалось подключить только картинку для фона, на этом и застрял.
Мощный хостинг на NVMе дисках за копейки! Дешевые домены здесь! Автоботы для соцсетей
Посетитель
small user social cms
МедальКубок зрительских симпатийАвторитет форума
Сообщений: 3785
Попробуйте скин https://instantcms.ru/users/files/download7762.html
1 Разархивировать
2 Загрузить скин из файла
Раскраска шаблона
3 Активировать скин
4 Показывать на страницах
Раскраска шаблона
Посетитель
small user social cms
МедальПочетный донор проектаАвторитет форума
Сообщений: 2871
Алексей:

Попробуйте скин https://instantcms.ru/users/files/download7762.html
1 Разархивировать
2 Загрузить скин из файла
3 Активировать скин
4 Показывать на страницах
Спасибо. Я прекрасно знаю этот компонент. Но хочу обойтись без него. Тем более, что на шаблон modern старые скины не влияют. У меня не получилось.
И в ситуации, когда Креатор постоянно исчезает, это не лучший вариант.
Мощный хостинг на NVMе дисках за копейки! Дешевые домены здесь! Автоботы для соцсетей
Посетитель
small user social cms
МедальПочетный донор проектаАвторитет форумаКубок зрительских симпатийПочетный донор проекта
Сообщений: 2164
на сайте
vikont, мне кажется Вы пытаетесь подойти к шаблону на бутстрап, со старыми методами.
У бутстрапа многое прописывается не в css, а в классах.

Ris, выше Вам подсказал... там принцип примерно такой:

Есть код ссылки:
Код PHP:
  1.  
  2. <p><a href="#">Ссылка</a></p>
  3.  
Добавили к ней например
Код PHP:
  1.  
  2. <p><a href="#" class="text-warning">Ссылка</a></p>
  3.  
И ссылка стала оранжевым цветом, добавили в неё

Код PHP:
  1.  
  2. <p><a href="#" class="text-warning text-right">Ссылка</a></p>
  3.  
И текст стал выравниваться справа... добавили туда же:

Код PHP:
  1.  
  2. <p><a href="#" class="text-warning text-lg-right">Ссылка</a></p>
  3.  
И текст стал не только выравниваться с права, но и шрифт крупнее...
И так же стилизация, размер, цвет, блоков...

Это просто надо смотреть постоянно в указанной Ris шпаргалке...
Как и что задается...
Посетитель
small user social cms
МедальКубок зрительских симпатийАвторитет форума
Сообщений: 3785
vikont:
Тем более, что на шаблон modern старые скины не влияют.
Я дал на новый скин ссылку для Инстант 2.14.0.- ну да ладно)))
Редактировалось: 1 раз (Последний: 15 ноября 2020 в 23:38)
В начало страницы
Предыдущая темаСледующая тема Перейти на форум:
Быстрый ответ
Чтобы писать на форуме, зарегистрируйтесь или авторизуйтесь.