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


Изменение Дизайна


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

#1 Makasi

Makasi

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

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

Отправлено 12 Февраль 2017 - 03:20

2017-02-12_02-37-41.png
2017-02-12_02-46-09.png

Здравствуйте, прошу помочь со следующими изменениями:
1. Изменить цвет шрифта на белый.
2. По нижней границе серой полосы добавить горизонтальную оранжевую полоску (по rgb коду) толщиной в 3 пикселя.
3. Удалить блок категорий товаров.
4. Изменить высоту слайдэра (как менять ширину я нашёл :).
5. Удилать этот блок.
6. Вместо товаров на главной отображать категории товаров с фото.
7. Изменить цвет фона на белый, естественно изменить этот фон везде где он есть, а не только в выделенной части страницы.
8. Поменять цвет этих шрифтов на чёрный.
9. Изменить цвет этих полосок оранжевый (по rgb коду).

#2 RayLi

RayLi

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

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

Отправлено 12 Февраль 2017 - 10:37

Просмотр сообщенияMakasi (12 Февраль 2017 - 03:20) писал:

Прикрепленный файл 2017-02-12_02-37-41.png
Прикрепленный файл 2017-02-12_02-46-09.png

Здравствуйте, прошу помочь со следующими изменениями:
1. Изменить цвет шрифта на белый.
2. По нижней границе серой полосы добавить горизонтальную оранжевую полоску (по rgb коду) толщиной в 3 пикселя.
3. Удалить блок категорий товаров.
4. Изменить высоту слайдэра (как менять ширину я нашёл :).
5. Удилать этот блок.
6. Вместо товаров на главной отображать категории товаров с фото.
7. Изменить цвет фона на белый, естественно изменить этот фон везде где он есть, а не только в выделенной части страницы.
8. Поменять цвет этих шрифтов на чёрный.
9. Изменить цвет этих полосок оранжевый (по rgb коду).

Здравствуйте.
В данном случае попробуйте, пожалуйста, произвести следующие изменения:
1. В самый конец шаблона main.css добавьте, пожалуйста, данный код:

.header-col-left.left li a {
	color: #fff;
}

2. После чего в том же шаблоне найдите, пожалуйста, данный код:

#header-top {
	background: #3f3f3f;
	height: 42px;
}


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

#header-top {
	background: #3f3f3f;
	height: 42px;
	border-bottom: 1px solid #c05725;
}


3. После чего в том же шаблоне найдите, пожалуйста, следующий код:

#custommenu ul.mainnav {
	margin-bottom: 20px;
	text-align: center;
}

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

#custommenu ul.mainnav {
	margin-bottom: 20px;
	text-align: center;
	display: none;
}


5. Теперь снова в том же шаблоне найдите данный код:


#topsl {
	border-top: 1px solid #3f3f3f;
	border-bottom: 1px solid #3f3f3f;
	padding: 30px 0;
	margin-top: 10px;
}

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


#topsl {
	border-top: 1px solid #3f3f3f;
	border-bottom: 1px solid #3f3f3f;
	padding: 30px 0;
	margin-top: 10px;
	display: none;
}


#3 Makasi

Makasi

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

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

Отправлено 12 Февраль 2017 - 12:18

Просмотр сообщенияRayLi (12 Февраль 2017 - 10:37) писал:

Здравствуйте.
В данном случае попробуйте, пожалуйста, произвести следующие изменения:
1. В самый конец шаблона main.css добавьте, пожалуйста, данный код:

.header-col-left.left li a {
color: #fff;
}

2. После чего в том же шаблоне найдите, пожалуйста, данный код:

#header-top {
background: #3f3f3f;
height: 42px;
}


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

#header-top {
background: #3f3f3f;
height: 42px;
border-bottom: 1px solid #c05725;
}


3. После чего в том же шаблоне найдите, пожалуйста, следующий код:

#custommenu ul.mainnav {
margin-bottom: 20px;
text-align: center;
}

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

#custommenu ul.mainnav {
margin-bottom: 20px;
text-align: center;
display: none;
}


5. Теперь снова в том же шаблоне найдите данный код:


#topsl {
border-top: 1px solid #3f3f3f;
border-bottom: 1px solid #3f3f3f;
padding: 30px 0;
margin-top: 10px;
}

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


#topsl {
border-top: 1px solid #3f3f3f;
border-bottom: 1px solid #3f3f3f;
padding: 30px 0;
margin-top: 10px;
display: none;
}

Спасибо! Всё получилось. Но осталось ещё 5 пунктов по которым вы не ответили.

#4 RayLi

RayLi

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

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

Отправлено 12 Февраль 2017 - 15:30

Просмотр сообщенияMakasi (12 Февраль 2017 - 12:18) писал:

Спасибо! Всё получилось. Но осталось ещё 5 пунктов по которым вы не ответили.

Тогда произведите ещё, пожалуйста, следующие изменения:
7. В шаблоне main.css найдите, пожалуйста, данный код:

#wrapper {
	background: rgba(0, 0, 0, 0.1);
	position: relative;
	z-index: 0;
	min-height: 1000px;
}

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

#wrapper {
	background: rgb(255, 255, 255);
	position: relative;
	z-index: 0;
	min-height: 1000px;
}


8. После чего в том же шаблоне найдите, пожалуйста, следующий код:

a {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
}

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

a {
	color: #2a2a2a;
	text-decoration: none;
	cursor: pointer;
}


Теперь там же найдите, пожалуйста, данный код:

.price {
	font-weight: bold;
	color: #e4e4e4;
	white-space: nowrap;
}

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

.price {
	font-weight: bold;
	color: #2a2a2a;
	white-space: nowrap;
}


Далее в самый конец того же шаблона добавьте, пожалуйста, следующий код:

.wrap-addtocart a {
	color: #fff;
}


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

#footer-middle {
	background: #343434;
	border: 1px solid #3f3f3f;
	padding: 30px 0;
	margin-top: 20px;
	color: #cdcdcd;
}

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

#footer-middle {
	background: #343434;
	border: 1px solid #c05725;
	padding: 30px 0;
	margin-top: 20px;
	color: #cdcdcd;
}


#5 Makasi

Makasi

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

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

Отправлено 17 Февраль 2017 - 17:09

Спасибо за ответ, всё получилось! Прошу помочь со следующим:
1. Добавить номер телефон перед меню поиска таким же шрифтом как пункты меню: Главная Доставка Корзина Каталог Контакты
2. Изменить высоту слайдэра (как менять ширину я нашёл.
3. Вместо товаров на главной отображать категории каталога товаров с фото.
4. Удалить надпись названия страницы.
5. Удалить оранжевые вертикальные полоски или сделать их цвета фона этого блока.
6. Удалить иконки соц сетей.
7. Удалить лишние точки.
8. Удалить блок пути на странице товара.

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

  • 2017-02-17_16-44-38.png
  • 2017-02-17_16-47-42.png
  • 2017-02-17_16-53-14.png


#6 Makasi

Makasi

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

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

Отправлено 21 Февраль 2017 - 13:33

Просмотр сообщенияRayLi (12 Февраль 2017 - 15:30) писал:


Прошу ответить на мой пост выше!

#7 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 18 Март 2017 - 07:22

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

Простите за ожидание. Уточните пожалуйста, какие вопросы у вас остались актуальным? Так как некоторые у вас реализованы.




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

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