- убрать верхнюю красную полосу или сделать ее одним цветом со следующим блоком (белой), а надписи - (телефон и т.п.) темным шрифтом;
- светлый блок уменьшить в высоту примерно в 2 раза;
- Верхнее меню сделать отцентрировать;
- увеличить размер шрифта верхнего и бокового меню;
- фон бокового меню сделать более темного цвета;
- убрать на главной странице в центре категории с картинками, что-бы отражались картинки товаров
0
Изменить Оформление
Автор Светлана У., 23 апр. 2017 17:43
В теме одно сообщение
#1
Отправлено 23 Апрель 2017 - 17:43
Здравствуйте! Можно задать несколько вопросов по оформлению - тема "Весна":
#2
Отправлено 23 Апрель 2017 - 18:46
Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:
1.
замените на:
найдите:
замените на:
найдите:
замените на:
найдите:
2. В main.css найдите:
замените на:
3. В main.css найдите:
замените на:
4. В main.css найдите:
замените на:
найдите:
замените на:
5. В 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 анонимных