Дизайн #1811
1. Как изменить шапку сайта?
Верхняя часть шаблона состоит из 2 частей.
Блок с формой поиска, ссылок на страницы авторизации/регистрации, и иконок социальных сетей:
Изменить данный блок вы можете перейдя в Панель управления → Дизайн → Редактор → Глобальные блоки → Верхняя часть сайта, (строки 2-34).
Блок из надписи названия сайта и пунктов меню:
Название вашего сайта — текст, который будет отображаться в переменной $SITE_NAME$. Чтобы изменить его требуется перейти в Панель управления → Настройки → Общие настройки и изменить поле “Название вашего сайта” на необходимое.
Если же вместо текста нужно изображение тогда перейдите в Панель управления → Дизайн → Редактор → Глобальные блоки → Верхняя часть сайта найдите 37 строку кода:
<div class="logo"><a class="logo-lnk" href="$HOME_PAGE_LINK$" title="Home">$SITE_NAME$</a></div>
и вместо $SITE_NAME$ пропишите:
<img src="ссылка на логотип">
где "ссылка на логотип" – пропишите ссылку, которую вы можете получить, осуществляя:
- Логотип загружается в файловый менеджер сайта (Панель управления → Инструменты.)
- После загрузки изображения, просто кликните на название изображение и вы получите заветную ссылку.
Чтобы изменить цвет верхнего блока шапки сайта, нужно перейти в редактор CSS шаблона (Панель управления → Дизайн → CSS) и найдете css-правило:
.head-top { min-height: 90px; background: url(/.s/t/1811/bg-h-top.png) repeat-x bottom; padding-bottom: 9px; position: relative; z-index: 1001; }
где для свойства background укажите нужный цвет и картинку для нижнего бордера:
2. Как изменить промо-блок?
Для редактирования промо-страницы нужно перейдите в Панель управления → Дизайн → Редактор → PROMO.
<?if($PAGE_ID$='sitePage1')?> <section class="promo-home"> <div class="wrapper"> <div class="promo-cont"> <div class="align"> <h1 class="promo-title">LOREM IPSUM</h1> <p class="promo-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel fermentum arcu, blandit laoreet elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sollicitudin tortor vel diam sollicitudin, vitae pretium tellus scelerisque. </p> </div> </div> </div> </section> <?endif?>
Если удалить условие <?if($PAGE_ID$='sitePage1')?><?endif?> то PROMO будет отображаться на всех страницах сайта.
Чтобы изменить фоновое изображение PROMO перейдите Панель управления → Дизайн → CSS найдите css-правило:
.promo-home { background: url(/.s/t/1811/promo-bg.png) 65% no-repeat; }
и в свойстве background укажите ссылку на нужную вам картинку в атрибуте url(ссылка на ваше фоновое изображение).
Аналогичным способом вы можете изменить и фоновое изображение контейнера в котором содержится текстовый контент:
найдите в таблице стилей шаблона css-правило:
.promo-cont { background: url(/.s/t/1811/promo-cont.png) center center no-repeat; }
3. Как изменить фон шаблона?
Изменить фон сайта можно в Панель управления → Дизайн → Редактор → Таблица стилей (CSS). Вам потребуется найти css-правило:
body {background-color: #ffffff;}
#ffffff; – фон сайта. Его можно изменить на любой другой html-цвет.
4. Как изменить цвет блоков?
Для редактирования дизайна блоков sidebar перейдите в Панель управления → Дизайн → Редактор → Таблица стилей (CSS), найдите css-правило:
.sidebox {box-shadow: 0 2px 1px rgba(18, 3, 39, 0.14); border: 1px solid #e6e6e6; background-color: #ffffff; margin: 20px 0; border-radius: 7px;}
#ffffff – это и есть цвет блока. #ffffff можете заменить на любой другой цвет html. Аналогичным способом вы можете изменить тень блоков(box-shadow) и линии (border) блока в указанном выше css-правиле.
5. Как изменить нижнюю часть сайта?
Изменить фон нижней части сайта можно в Панель управления → Дизайн → Редактор → Таблица стилей (CSS). найдите css-правило:
.bg-f { background-color: #ff9818; }
#ff9818 - цвет фона, Вы можете заменить на любой другой цвет, при этом вам также нужно будет изменить цвет верхней линии блока в таблице стилей найдите css-правило:
footer { background: url(/.s/t/1811/foot-bg.png) top left repeat-x; background-clip: padding-box;padding-top: 7px;}
где вместо /.s/t/1811/foot-bg.png укажите ссылку на нужный вид вашего бордера.
6. Какой основной цвет сайта?
Основным цветом сайта является #ff9818
Если требуется сменить цветовую гамму, то воспользуйтесь заменой #ff9818 на любой свой html-цвет, используя замену внутри шаблона Таблица стилей CSS. Аналогичным способом вы можете заменить другие второстепенные цвета сайта.