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


Изменить Оформление


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

#1 Светлана У.

Светлана У.

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

  • Пользователи
  • PipPip
  • 37 сообщений
  • ГородСамара

Отправлено 23 Апрель 2017 - 17:43

Здравствуйте! Можно задать несколько вопросов по оформлению - тема "Весна":
  • убрать верхнюю красную полосу или сделать ее одним цветом со следующим блоком (белой), а надписи - (телефон и т.п.) темным  шрифтом;

  • светлый блок уменьшить в высоту примерно в 2 раза;

  • Верхнее меню сделать отцентрировать;

  • увеличить размер шрифта верхнего и бокового меню;

  • фон бокового меню сделать более темного цвета;

  • убрать на главной странице в центре категории с картинками, что-бы отражались картинки товаров
Спасибо! Аккаунт 408993

#2 metry

metry

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

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

Отправлено 23 Апрель 2017 - 18:46

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:


1.
#header_colapse {position:relative;background-color:#ff0551;color:#ffffff;z-index: 1000;}

замените на:
#header_colapse {position:relative;background-color:#fff;color:#0a0a0a;z-index: 1000;}

найдите:
#header #support a, #header #support a:hover{color: #fff;text-decoration: none;}

замените на:
#header #support a, #header #support a:hover{color: #000000;text-decoration: none;}

найдите:
#header #welcome a {text-decoration:none;color:#ffffff;}

замените на:
#header #welcome a {text-decoration:none;color:#000000;}

найдите:
#header {position: relative;z-index: 99;background-color:#ffffff;border-top:3px solid #ff0551;}
замените на:

#header {position: relative;z-index: 99;background-color:#ffffff;border-top:3px solid #f9f3f5;}

2.  В main.css найдите:

#header #logo {float:left;clear:both;margin:12px 12px 12px 0;}

замените на:
#header #logo {float:left;clear:both;margin:2px 12px 2px 0;}

3. В main.css найдите:
#header .links {padding-right: 10px;float:left;margin-left:30px;clear: both;}

замените на:

#header .links {padding-right: 10px;float:left;margin-left:20%;clear: both;}

4. В main.css найдите:

#header .links a {float: left;display: block;padding: 11px 10px 9px 10px;text-decoration: none;font-size: 12px;}

замените на:

#header .links a {float: left;display: block;padding: 11px 10px 9px 10px;text-decoration: none;font-size: 12px;}

найдите:

.box-category > ul > li > a {text-decoration: none;color: #333;padding: 10px 28px 10px 10px;display:block;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}

замените на:

.box-category > ul > li > a {text-decoration: none;color: #333;padding: 10px 28px 10px 10px;display:block;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;font-size: 15px;}

5. В main.css найдите:

.accordion li { background: #fff; cursor: pointer; list-style-type: none; padding: 0; margin: 0;display: block; position:relative;}

замените на:

.accordion li { background: #e6e5e5; cursor: pointer; list-style-type: none; padding: 0; margin: 0;display: block; position:relative;}

найдите:
#column-left .box {background-color:#ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;border-bottom:4px solid #e1e1e1;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);*border: solid 1px #e1e1e1;border: solid 1px #e1e1e1\0/;}

замените на:

#column-left .box {background-color:#e6e5e5;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;border-bottom:4px solid #e1e1e1;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);*border: solid 1px #e1e1e1;border: solid 1px #e1e1e1\0/;}





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

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