#1
Отправлено 21 Май 2015 - 13:57
1. Как в шапке заменить серый цвет (см.приложение) указала стрелками. Хотелось бы поменять на шоколадный цвет, как в теме "шоколад" и еще в подвале серый цвет убрать
2. Как изменить в каталоге магазина фиолетовый цвет, который выделяет разделы на другой. А также поменять шрифт и размеры в каталоге (который находится слева)
Аккаунт SL-345040
#2
Отправлено 21 Май 2015 - 14:24
Екатерина79 (21 Май 2015 - 13:57) писал:
1. Как в шапке заменить серый цвет (см.приложение) указала стрелками. Хотелось бы поменять на шоколадный цвет, как в теме "шоколад" и еще в подвале серый цвет убрать
2. Как изменить в каталоге магазина фиолетовый цвет, который выделяет разделы на другой. А также поменять шрифт и размеры в каталоге (который находится слева)
Аккаунт SL-345040
1) Нужно изменить цвет у изображений header-bg.jpg и bg-repeat-x.jpg.
2) В main.css найдите код
.block .main.ullinks li a:hover { background:url({ASSETS_IMAGES_PATH}range-white.png?design=joy) #be91cf center right no-repeat; color:#fff; }измените цвет #be91cf на свой
так же в конец main.css добавьте
.block .main.ullinks li.anone a { background-color: #F00 !important; font-size: 13px; font-family: Arial; }изменяйте стили на свои
#3
Отправлено 21 Май 2015 - 16:22
картинка banner1.png
Аккаунт SL-345040
/*Главные индификаторы*/
#header { background: url('{ASSETS_IMAGES_PATH}header-bg.jpg?design=joy') -10px 42px no-repeat; height: 200px; width: 100%; margin:0 auto; position:relative; z-index: 22; }
#bar { background: url('{ASSETS_IMAGES_PATH}bar-bg.jpg?design=joy') center top repeat-x #E09814; height: auto; width: 100%; z-index:22; -moz-border-radius: 0 0 1em 1em; -webkit-border-radius: 0 0 1em 1em; border-radius: 0 0 1em 1em; }
#container{ width: 100%; overflow-x: hidden; position: relative; padding: 0; background: url('{ASSETS_IMAGES_PATH}leftcolum-bg.jpg?design=joy') #fff left top repeat-y; -moz-border-radius: 0em 0em 10px 10px; -webkit-border-radius: 0em 0em 10px 10px; border-radius: 0em 0em 10px 10px;}
#content { width: 72.1%; margin-left: 0.002%; display: table-cell; float: left; margin: 0% 0.7% 0% 0%; background: white; min-height: 100%; float: right; clear: both;} #leftcolum { width: 25.9%; min-width: 247px; padding: 0em 1px 0.5em 0.7%; display: block;} #footer { clear:both; }
/* фикс для ie7 */
#content {
*min-height: 1500px;
}
.ie7 .htmlDataBlock {
padding:0px 4px;
}
/* фикс для ie7 */
#footer { background:url('{ASSETS_IMAGES_PATH}footer-bg.jpg?design=joy') repeat-x; margin:0 auto; width: 98%; height: 79px; }
#footer-order { margin: 1% auto; padding: 0; width: 55%; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
.paymet-list {
display: block;
}
.paymet-list li {
padding: 2px;
display: block;
float: left;
я желтым выделила серый цвет? правильно????
#4
Отправлено 21 Май 2015 - 17:49
Екатерина79 (21 Май 2015 - 16:22) писал:
картинка banner1.png
Аккаунт SL-345040
/*Главные индификаторы*/
#header { background: url('{ASSETS_IMAGES_PATH}header-bg.jpg?design=joy') -10px 42px no-repeat; height: 200px; width: 100%; margin:0 auto; position:relative; z-index: 22; }
#bar { background: url('{ASSETS_IMAGES_PATH}bar-bg.jpg?design=joy') center top repeat-x #E09814; height: auto; width: 100%; z-index:22; -moz-border-radius: 0 0 1em 1em; -webkit-border-radius: 0 0 1em 1em; border-radius: 0 0 1em 1em; }
#container{ width: 100%; overflow-x: hidden; position: relative; padding: 0; background: url('{ASSETS_IMAGES_PATH}leftcolum-bg.jpg?design=joy') #fff left top repeat-y; -moz-border-radius: 0em 0em 10px 10px; -webkit-border-radius: 0em 0em 10px 10px; border-radius: 0em 0em 10px 10px;}
#content { width: 72.1%; margin-left: 0.002%; display: table-cell; float: left; margin: 0% 0.7% 0% 0%; background: white; min-height: 100%; float: right; clear: both;} #leftcolum { width: 25.9%; min-width: 247px; padding: 0em 1px 0.5em 0.7%; display: block;} #footer { clear:both; }
/* фикс для ie7 */
#content {
*min-height: 1500px;
}
.ie7 .htmlDataBlock {
padding:0px 4px;
}
/* фикс для ie7 */
#footer { background:url('{ASSETS_IMAGES_PATH}footer-bg.jpg?design=joy') repeat-x; margin:0 auto; width: 98%; height: 79px; }
#footer-order { margin: 1% auto; padding: 0; width: 55%; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
.paymet-list {
display: block;
}
.paymet-list li {
padding: 2px;
display: block;
float: left;
я желтым выделила серый цвет? правильно????
#5
Отправлено 21 Май 2015 - 18:17
Вы мне написали :
Нужно изменить цвет у изображений header-bg.jpg и bg-repeat-x.jpg. вот я и спрашиваю, вот здесь надо цвет менять???
#header { background: url('{ASSETS_IMAGES_PATH}header-bg.jpg?design=joy') -10px 42px no-repeat; height: 200px; width: 100%; margin:0 auto; position:relative; z-index: 22; }
#bar { background: url('{ASSETS_IMAGES_PATH}bar-bg.jpg?design=joy') center top repeat-x #E09814; height: auto; width: 100%; z-index:22; -moz-border-radius: 0 0 1em 1em; -webkit-border-radius: 0 0 1em 1em; border-radius: 0 0 1em 1em; }
#6
Отправлено 21 Май 2015 - 18:29
</ul>
<div class="banner" style="margin-top: 20px;">
<a href="#"><img src="banner1.png"></a>
<a href="#"><img src="banner2.png"></a>
<a href="#"><img src="banner3.png"></a>
</div>
</div>
<div class="bottom"></div>
</div>
я как у вас написано все сделала, но картинка не появляется, я ее переименовала (т.е. свою картинку) в banner1.png и вставила в строчку которую я выделила, но картинка на сайте не появляется, их видно в левой колонке.
#7
Отправлено 21 Май 2015 - 18:30
Екатерина79 (21 Май 2015 - 18:17) писал:
Вы мне написали :
Нужно изменить цвет у изображений header-bg.jpg и bg-repeat-x.jpg. вот я и спрашиваю, вот здесь надо цвет менять???
#header { background: url('{ASSETS_IMAGES_PATH}header-bg.jpg?design=joy') -10px 42px no-repeat; height: 200px; width: 100%; margin:0 auto; position:relative; z-index: 22; }
#bar { background: url('{ASSETS_IMAGES_PATH}bar-bg.jpg?design=joy') center top repeat-x #E09814; height: auto; width: 100%; z-index:22; -moz-border-radius: 0 0 1em 1em; -webkit-border-radius: 0 0 1em 1em; border-radius: 0 0 1em 1em; }
#8
Отправлено 21 Май 2015 - 18:35
Вы меня извините, я просто первый раз с этим сталкиваюсь(((
#9
Отправлено 21 Май 2015 - 18:44
Екатерина79 (21 Май 2015 - 18:35) писал:
Вы меня извините, я просто первый раз с этим сталкиваюсь(((
#10
Отправлено 21 Май 2015 - 18:50
#11
Отправлено 21 Май 2015 - 18:51
Екатерина79 (21 Май 2015 - 18:50) писал:
<a href="#"><img src="banner1.png"></a> <a href="#"><img src="banner2.png"></a> <a href="#"><img src="banner3.png"></a>замените на
<a href="#"><img src="ссылка/banner1.png"></a> <a href="#"><img src="ссылка/banner2.png"></a> <a href="#"><img src="ссылка/banner3.png"></a>
#12
Отправлено 21 Май 2015 - 18:59
#13
Отправлено 21 Май 2015 - 19:07
Екатерина79 (21 Май 2015 - 18:59) писал:
Здравствуйте.
Если я всё правильно понял, то вам нужно сделать следующее:
В шаблоне html найдите данный код:
<!-- Вывод левого меню --> <div id="leftcolum" class="fleft"> <div class="block"> <div class="title green fmlptn fnt18 over "><a href="{CATALOG_URL}" class="arrow-toggle">Каталог <span>магазина</span></a></div> <div class="main ullinks fntarl fnt12"> <ul> {% IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} <li class="{% IF catalog.LEVEL>0%}anone{% ENDIF %} {% IF catalog.CURRENT %}fnt12 b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="margin-left:15px; background:#be91cf; color:#fff;padding-left:{catalog.LEVEL | multiply("10")}px"{% ENDIF %}>{catalog.NAME}</a></li> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> <div class="banner" style="margin-top: 20px;"> <a href="#"><img src="banner1.png"></a> <a href="#"><img src="banner2.png"></a> <a href="#"><img src="banner3.png"></a> </div> </div> <div class="bottom"></div> </div>
И замените его вот этим вот кодом:
<!-- Вывод левого меню --> <div id="leftcolum" class="fleft"> <div class="block"> <div class="title green fmlptn fnt18 over "><a href="{CATALOG_URL}" class="arrow-toggle">Каталог <span>магазина</span></a></div> <div class="main ullinks fntarl fnt12"> <ul> {% IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} <li class="{% IF catalog.LEVEL>0%}anone{% ENDIF %} {% IF catalog.CURRENT %}fnt12 b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="margin-left:15px; background:#be91cf; color:#fff;padding-left:{catalog.LEVEL | multiply("10")}px"{% ENDIF %}>{catalog.NAME}</a></li> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> <div class="banner" style="margin-top: 20px;"> <a href="#"><img src="{ASSETS_IMAGES_PATH}1.png"></a> <a href="#"><img src="{ASSETS_IMAGES_PATH}2.png"></a> <a href="#"><img src="{ASSETS_IMAGES_PATH}3.png"></a> </div> </div> <div class="bottom"></div> </div>
Где 1.png, 2.png и 3.png - это имена изображений, которые вы должны загрузить точно так же, как и первое изображение в раздел Сайт -> Редактор шаблонов.
#14
Отправлено 21 Май 2015 - 19:09
#15
Отправлено 21 Май 2015 - 19:21
вопрос снят, спасибо, сама сообразила)))
#16
Отправлено 21 Май 2015 - 19:22
Екатерина79 (21 Май 2015 - 19:17) писал:
Да, если вы в графическом редакторе измените данное изображение, а потом его снова загрузите на сайт следующий образом:
Сайт -> Редактор шаблонов, выберите картинку, из блока Изображения, что находится слева - откройте её и после этого нажмите на кнопку заменить и выберите отредактированный файл.
После этого обновите кэш на сайте и вы увидите обновлённый логотип вашего интернет-магазина.
Проверьте, пожалуйста.
#17
Отправлено 21 Май 2015 - 19:31
всмысле высоту добавить???? чтобы название уместить?
#18
Отправлено 21 Май 2015 - 19:34
Екатерина79 (21 Май 2015 - 19:31) писал:
всмысле высоту добавить???? чтобы название уместить?
Не совсем понимаю что именно вы сейчас имеете ввиду.
Уточните, пожалуйста, желательно обозначив на скриншоте то, что именно вам нужно.
Спасибо.
Темы с аналогичным тегами шапка шрифт, цвет
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Весна →
Изменение общей стилистики →
Изменить Цвет ФонаАвтор Гость_Olivka_* , 14 июня 2018 главная, фон, цвет |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Ночь →
Цвет Шрифтов И Цвета КнопкиАвтор Гость_Viola777_* , 15 янв. 2018 шрифт дизайн, цвет |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Лазурь →
Изменение общей стилистики →
Изменить Дизайн КнопокАвтор Гость_hunaland_* , 09 янв. 2018 Цвет, Кнопки |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Осень →
Изменение общей стилистики →
Как Поменять Цвет Шапки И Отдельной Части Контейнера.Автор Гость_SOGOOD_* , 08 нояб. 2017 цвет, шапка, главная |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Город →
Изменения Цветовой Гаммы Сайта + Мелкие ПравкиАвтор Гость_5034317_* , 22 дек. 2016 цвет |
|
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных