Перейти к содержимому


Замена Цвета Фона На Белый


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 18

#1 meditassa

meditassa

    Пользователь

  • Пользователи
  • PipPip
  • 18 сообщений

Отправлено 16 Январь 2015 - 15:08

Здравствуйте, вопрос - как поменять цвет фона на белый (см.рисунок).
На рисунке показал кружком и стрелочкой что надо поменять

Прикрепленные изображения

  • Безымянный.png


#2 Alekseys

Alekseys

    Активный участник

  • Модераторы
  • 2 355 сообщений

Отправлено 16 Январь 2015 - 16:13

Просмотр сообщенияmeditassa (16 Январь 2015 - 15:08) писал:

Здравствуйте, вопрос - как поменять цвет фона на белый (см.рисунок).
На рисунке показал кружком и стрелочкой что надо поменять
Здравствуйте. В main.css замените
.catalogwrp {
position: relative;
background: #EEEDE2;
}
на
.catalogwrp {
position: relative;
}
и
.contentwrp {
background: #EEEDE2;
border-bottom: 4px solid #BBB89A;
}
на
.contentwrp {
border-bottom: 4px solid #BBB89A;
}


#3 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 736 сообщений

Отправлено 25 Июнь 2015 - 09:04

Просмотр сообщенияYanches (25 Июнь 2015 - 00:42) писал:

Доброго времени суток! По функционалу шаблон шоколад меня устраивает, для продажи косметики подходит идеально, покупателям будет очень удобно. Но меня всегда волновал вопрос дизайна и стиля, хотелось бы поменять цвета фонов на другие. Пример можно взять - заглавная страница самого Storeland ( "создай свой интернет магазин за 5 минут").
Собственно поменять основной белый на фон -картинку (фактурную) и шоколадные панели сделать прозрачными, думаю с розовым или лимонным оттенком. Подскажите, уважаемые специалисты, как это сделать?  или снавигируйте, к кому обращаться? Я предполагаю задача не из простых, но также не из сложных. Фотки основного фона имеются.
С уважением,
Бухрунов Ян

Здравствуйте.
Пожалуйста, уточните Ваш номер аккаунта.

#4 Yanches

Yanches

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 66 сообщений

Отправлено 25 Июнь 2015 - 22:07

Просмотр сообщенияFirefly (25 Июнь 2015 - 09:04) писал:

Здравствуйте.
Пожалуйста, уточните Ваш номер аккаунта.
SL-346245

#5 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 857 сообщений

Отправлено 26 Июнь 2015 - 12:46

Просмотр сообщенияYanches (25 Июнь 2015 - 22:07) писал:

SL-346245

Просмотр сообщенияYanches (25 Июнь 2015 - 00:42) писал:

Доброго времени суток! По функционалу шаблон шоколад меня устраивает, для продажи косметики подходит идеально, покупателям будет очень удобно. Но меня всегда волновал вопрос дизайна и стиля, хотелось бы поменять цвета фонов на другие. Пример можно взять - заглавная страница самого Storeland ( "создай свой интернет магазин за 5 минут").
Собственно поменять основной белый на фон -картинку (фактурную) и шоколадные панели сделать прозрачными, думаю с розовым или лимонным оттенком. Подскажите, уважаемые специалисты, как это сделать?  или снавигируйте, к кому обращаться? Я предполагаю задача не из простых, но также не из сложных. Фотки основного фона имеются.
С уважением,
Бухрунов Ян

Здравствуйте.
Если я вас правильно понял, то вам нужно сделать следующее:

В шаблоне main.css найдите данные коды:

Первый код:

.contentwrp {
  background: #EEEDE2;
  border-bottom: 4px solid #BBB89A;
}

И замените его вот этим вот кодом:

.contentwrp {
  background: #FFFFFF;
  border-bottom: 4px solid rgba(187, 184, 154, 0.11);
}


Второй код:

.catalogwrp {
  position: relative;
  background: #EEEDE2;
}

И замените его вот этим кодом:

.catalogwrp {
  position: relative;
  background: #FFFFFF;
}


Третий код:

.menuwrp {
  background: #685A4B;
  min-height: 100px;
  padding: 60px 0 10px 0;
}

И замените его этим кодом:

.menuwrp {
  background: rgba(223, 116, 122, 0.45);
  min-height: 100px;
  padding: 60px 0 10px 0;
}


Четвёртый код:

.header {
  background: #866E5F;
  color: white;
  min-height: 45px;
  width: 100%;
  position: fixed;
  z-index: 800;
}

И замените его вот этим вот кодом:

.header {
  background: rgba(223, 116, 122, 0.5);
  color: white;
  min-height: 45px;
  width: 100%;
  position: fixed;
  z-index: 800;
}


Пятый код:

.nameWrp {
  cursor: pointer;
  padding: 10px 25px;
  height: 52px;
  background: #866E5F;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  overflow: hidden;
}

И замените его вот этим кодом:

.nameWrp {
  cursor: pointer;
  padding: 10px 25px;
  height: 52px;
  background: rgba(223, 116, 122, 0.5);
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  overflow: hidden;
}


Шестой код:

.footer.first {
  background: #C9C4B4;
  border-bottom: 4px solid #BBB89A;
}

И замените его этим кодом:

.footer.first {
  background: #FFFFFF;
  border-bottom: 4px solid rgba(223, 116, 122, 0.5);
}


Седьмой код:

.footer.second {
  background: #685A4B;
}

И замените его вот этим вот кодом:

.footer.second {
  background: rgba(223, 116, 122, 0.45);
}


#6 Yanches

Yanches

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 66 сообщений

Отправлено 28 Июнь 2015 - 22:41

Здравствуйте!

К сожалению, неправильно. У меня белый фон остался, а панели (шоколадные) стали розовыми.

описываю по другому:
Во вложении файл "магазин сторелэнда" : как мы видим - фон Сторелэнда (картинка доски с ключом) и темная прозрачная панель сверху с названием магазина.

Я бы хотел также, но только фон свой. Во вложении файл "фон" - вот такой сделать основной фон вместо белого, и во вложении файл "фон и прозрачная темная панель"- вот такая рабочая панель темнопрозрачного цвета.

Подскажите, как сделать?!
Если нужно загрузить файлы в сторелэнд-загрузил

С нетерпением жду вашего ответа.

Прикрепленные изображения

  • магазин сторелэнда.jpg
  • фон.jpg
  • фон и прозрачная темная панель.jpg


#7 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 857 сообщений

Отправлено 30 Июнь 2015 - 14:04

Просмотр сообщенияYanches (28 Июнь 2015 - 22:41) писал:

Здравствуйте!

К сожалению, неправильно. У меня белый фон остался, а панели (шоколадные) стали розовыми.

описываю по другому:
Во вложении файл "магазин сторелэнда" : как мы видим - фон Сторелэнда (картинка доски с ключом) и темная прозрачная панель сверху с названием магазина.

Я бы хотел также, но только фон свой. Во вложении файл "фон" - вот такой сделать основной фон вместо белого, и во вложении файл "фон и прозрачная темная панель"- вот такая рабочая панель темнопрозрачного цвета.

Подскажите, как сделать?!
Если нужно загрузить файлы в сторелэнд-загрузил

С нетерпением жду вашего ответа.

Здравствуйте.
Тогда сделайте следующее:
В шаблоне main.css найдите данный код:

.catalogwrp {
  position: relative;
  background: #FFFFFF;
}

И замените его вот этим вот кодом:

.catalogwrp {
  position: relative;
  background: #FFFFFF;
}


Далее в том же шаблоне найдите вот этот вот код:

.contentwrp {
  background: #FFFFFF;
  border-bottom: 4px solid rgba(187, 184, 154, 0.11);
}

И замените его вот этим вот кодом:

.contentwrp {
  /* background: #FFFFFF; */
  /* border-bottom: 4px solid rgba(187, 184, 154, 0.11); */
}


После всего этого вам нужно в шаблон main.css добавить вот этот вот код:

.globalwrp {
  background: url("{ASSETS_IMAGES_PATH}имя_картинки");
}

Где заместо фразы "имя_картинки" - вам нужно вставить имя изображения, которое вы должны загрузить в бэк-офисе вашего интернет-магазина в раздел Сайт -> Редактор шаблонов (например fon.png) .

#8 Yanches

Yanches

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 66 сообщений

Отправлено 01 Июль 2015 - 00:44

ОК. СПАСИБО БОЛЬШОЕ.

ПОДСКАЖИТЕ СЛЕДУЮЩЕЕ, ПОЖАЛУЙСТА!
вопросы во вложении

ОК. СПАСИБО БОЛЬШОЕ.

ПОДСКАЖИТЕ СЛЕДУЮЩЕЕ, ПОЖАЛУЙСТА!
вопросы во вложении

список если присмотреться смещен немного в левую сторону...

Список категорий,если присмотреться, смещен немного в левую сторону....

Прикрепленные изображения

  • ВОПРОСЫ.jpg


#9 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 857 сообщений

Отправлено 01 Июль 2015 - 10:34

Просмотр сообщенияYanches (01 Июль 2015 - 00:44) писал:

ОК. СПАСИБО БОЛЬШОЕ.

ПОДСКАЖИТЕ СЛЕДУЮЩЕЕ, ПОЖАЛУЙСТА!
вопросы во вложении

ОК. СПАСИБО БОЛЬШОЕ.

ПОДСКАЖИТЕ СЛЕДУЮЩЕЕ, ПОЖАЛУЙСТА!
вопросы во вложении

список если присмотреться смещен немного в левую сторону...

Список категорий,если присмотреться, смещен немного в левую сторону....

Здравствуйте.
Попробуйте сделать следующее:
В шаблоне Товары найдите данный код:

<!-- Блок навигации по категориям, вложенным в текущую категорию -->
<h1 class="page_title"><span>{CATEGORY_NAME}</span><div class="scrollInProd"></div></h1>
<div class="product-list2">
{% FOR nested_categories_list %}
	 <div class="cat_prod_hold">
	 <div>
	 <div class="nameWrp">
		 <div class="name">
			 <a class="category-name" href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a>		
		 </div>
	 </div>
		 <div class="textc image goods-cat-image-medium-square contai">
		 <a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">
			 <img class="goods-cat-image-medium catimg" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=chocolate{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}">
		 </a>
		 </div>
		
	 </div>
	 </div>
{% ENDFOR %}

И замените его вот этим вот кодом:

<!-- Блок навигации по категориям, вложенным в текущую категорию -->
<h1 class="page_title"><span>Имя_Категории</span><div class="scrollInProd"></div></h1>
<div class="product-list2">
{% FOR nested_categories_list %}
	 <div class="cat_prod_hold">
	 <div>
	 <div class="nameWrp">
		 <div class="name">
			 <a class="category-name" href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a>		
		 </div>
	 </div>
		 <div class="textc image goods-cat-image-medium-square contai">
		 <a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">
			 <img class="goods-cat-image-medium catimg" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=chocolate{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}">
		 </a>
		 </div>
		
	 </div>
	 </div>
{% ENDFOR %}

Где заместо фразы "Имя_Категории" - вам нужно вставить нужное вам название.


Далее в шаблоне main.css найдите следующий код:

.indexadapt .product-list2, .indexadapt .product-filter {
width: 1200px;
}

И замените его вот этим вот кодом:

.indexadapt .product-list2, .indexadapt .product-filter {
width: 1100px;
margin-left: 4%;
}


#10 Yanches

Yanches

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 66 сообщений

Отправлено 01 Июль 2015 - 13:29

Здравствуйте! Получилось сместить в правую сторону, спасибо.

Не получилось поменять "название магазина" на свое. В htmlе не нашел данного кода, создал его, все как описано далее сделал, но не получилось. Удалил код. Подскажите еще раз как это сделать?

И подскажите также про главное название магазина, которое слева в верхней стороне, увеличить размер нужно! файл во вложении

Прикрепленные изображения

  • ВОПРОСЫ.jpg


#11 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 857 сообщений

Отправлено 01 Июль 2015 - 13:48

Просмотр сообщенияYanches (01 Июль 2015 - 13:29) писал:

Здравствуйте! Получилось сместить в правую сторону, спасибо.

Не получилось поменять "название магазина" на свое. В htmlе не нашел данного кода, создал его, все как описано далее сделал, но не получилось. Удалил код. Подскажите еще раз как это сделать?

И подскажите также про главное название магазина, которое слева в верхней стороне, увеличить размер нужно! файл во вложении

Нужный вам код находится на 9-й строке в шаблоне Товары .
Проверьте, пожалуйста.

#12 Yanches

Yanches

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 66 сообщений

Отправлено 01 Июль 2015 - 16:29

Получилось! Спасибо большое!

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

#13 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 857 сообщений

Отправлено 01 Июль 2015 - 16:40

Просмотр сообщенияYanches (01 Июль 2015 - 16:29) писал:

Получилось! Спасибо большое!

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

Вам нужно сделать следующее:
В шаблон main.css добавьте данный код:

.logo img {
  width: 180px;
}


#14 Yanches

Yanches

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 66 сообщений

Отправлено 01 Июль 2015 - 18:49

Благодарю!

Подскажите, как убрать верхнюю панель и переместить поисковик на панель ниже (см.во вложении)

Прикрепленные изображения

  • ВОПРОСЫ 2.jpg


#15 Жан

Жан

    Пользователь

  • Пользователи
  • PipPip
  • 42 сообщений

Отправлено 01 Июль 2015 - 19:07

Здравствуйе, помогите решить вопрос описание в скриншоте Спасибо...)))))))   Аккаунт SL-234822

Прикрепленные изображения

  • Безымянный 1.jpg


#16 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 857 сообщений

Отправлено 01 Июль 2015 - 20:12

Просмотр сообщенияЖан (01 Июль 2015 - 19:07) писал:

Здравствуйе, помогите решить вопрос описание в скриншоте Спасибо...)))))))   Аккаунт SL-234822

Здравствуйте.
Во-первых чтобы изменить верхний текст - вам необходимо отредактировать ваш файл logo.png , в любом удобном для вас фоторедакторе.

Во-вторых чтобы отредактировать надпись "Поиск по товарам" - вам нужно так же отредактировать файл searchbg.jpg в любом удобном для вас фоторедакторе.
Проверьте, пожалуйста.

#17 Yanches

Yanches

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 66 сообщений

Отправлено 01 Июль 2015 - 20:46

Подскажите, как убрать верхнюю панель и переместить поисковик на панель ниже (см.во вложении)

Прикрепленные изображения

  • ВОПРОСЫ 2.jpg


#18 Жан

Жан

    Пользователь

  • Пользователи
  • PipPip
  • 42 сообщений

Отправлено 01 Июль 2015 - 22:28

Просмотр сообщенияRayLi (01 Июль 2015 - 20:12) писал:

Здравствуйте.
Во-первых чтобы изменить верхний текст - вам необходимо отредактировать ваш файл logo.png , в любом удобном для вас фоторедакторе.

Во-вторых чтобы отредактировать надпись "Поиск по товарам" - вам нужно так же отредактировать файл searchbg.jpg в любом удобном для вас фоторедакторе.
Проверьте, пожалуйста.

Спасибо все получилось ))))))

Еще вопрос !  Как добавить кнопку наши контакты в строку где кнопки главная и т. д.  чтобы при нажатии появлялась информация о месте нашего положения и карта где находимся + тел. имеил и т. д.

#19 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 584 сообщений

Отправлено 07 Июль 2015 - 03:11

Уточните пожалуйста, как понимаю, ваш вопрос не актуален? Так как у вас присутствует данный пункт меню и все необходимые данные при переходе на страницу.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных