Сразу Поменять Основные Тона Сайта И Размеры Шрифтов В Меню.
#1
Отправлено 26 Февраль 2014 - 16:29
Сразу нужно поменять размер шрифтов в меню (боковом и верхнем).
А также цвет: весть розовый поменять на зеленый. Подскажите где все менять....кнопочки, прокрутку и все-все-все....
#2
Отправлено 26 Февраль 2014 - 17:07
Roman_Latyshev (26 Февраль 2014 - 16:29) писал:
Сразу нужно поменять размер шрифтов в меню (боковом и верхнем).
А также цвет: весть розовый поменять на зеленый. Подскажите где все менять....кнопочки, прокрутку и все-все-все....
На аккаунте , указанном в вашем профиле тема "Сияние"
#3
Отправлено 26 Февраль 2014 - 17:15
#4
Отправлено 26 Февраль 2014 - 17:38
#header_colapse {position:relative;background-color:#ff0551;color:#ffffff;z-index: 1000;}
измените значение background-color на нужное вам.
Далее чтобы изменить цвет переключателя (чтобы свернуть или развернуть шапку) нужно внести изменения в данный код:
.toggler {position:absolute;display:block;width:25px;height:22px;background-color:#ff0551;bottom:-22px;left:0;text-indent:-9999px;cursor: pointer;z-index: 1000;}
Аналогично с предыдущим.
Далее чтобы изменить цвет полоски в самом верху нужно менять код в данном блоке:
#header {position: relative;z-index: 99;background-color:#ffffff;border-top:3px solid #ff0551;}
Но на этот раз придется изменять значение параметра border-top , тоесть его цвет. Можно сделать данную полоску шире изменив первый параметр 3px.
Далее за шрифт в левом меню отвечает блок
.accordion a { text-decoration: none; font-size:11px; padding: 8px 10px 8px 20px; display: block; cursor: pointer; }
измените параметр font-size на нужный вам.
Также чтобы изменит цвет кнопочки корзины вам нужно отредактировать данный блок кода:
#header #cart .cart_circle {display:block;width:36px;height:36px;background:url('{ASSETS_IMAGES_PATH}cart_circle.png') 50% 50% no-repeat;background-color:#ff0551;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;position:absolute;top:3px;right:0;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;cursor:pointer;}
а именно background-color.
Если этого не достаточно, укажите пожалуйста что еще нужно изменить.
#6
Отправлено 26 Февраль 2014 - 18:29
#7
Отправлено 26 Февраль 2014 - 19:28
Alexey11 (26 Февраль 2014 - 17:38) писал:
Сейчас посмотрите.
Осталось чтобы полностью пропал розовый как таковой, заменить его на зеленый.
Надписи все поменять, чтобы при наведении были зелеными, бегунок, кнопочки... Везде.
Также осталось заменить размер шрифта в строке пути, под логотипом, который высвечивается.
И еще как можно уменьшить задержку переключения на боковом меню при наведении, т.е. сделать анимацию меню при на ведении более динамичнее.
#8
Отправлено 26 Февраль 2014 - 19:44
измените данный код в шаблоне main.css :
a:hover{ text-decoration:underline; color:#ff0551; }
2.Хлебные крошки - размер шрифта.
.breadcrumb {color: #777777;margin-bottom: 5px;font-size:10px;} .breadcrumb a {color: #999999;font-size:10px;}
в данном коде в обоих случаях параметр font-size
3.Кнопочки + и - везде.
.cart .qty-minus, .quantity .qty-minus, .cart .qty-plus, .quantity .qty-plus {cursor:pointer;border: 0 none;width:22px; height: 22px; padding: 2px 7px; margin: 0;text-align:center;background-color: #FF0551;-webkit-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-khtml-border-radius: 5px 5px 5px 5px;border-radius: 5px; color: #FFFFFF;padding-bottom:3px;}
замените значение background-color
4.Цвет кнопки "быстрый заказ" в отображении таблицей, списком.
a.add_to_cart_small, a.add_to_wishlist_small, a.add_to_compare_small, a.delete_fvr {display:inline-block;width:36px;height:36px;background:url("{ASSETS_IMAGES_PATH}cart_circle.png") 50% 50% no-repeat;background-color:#ff0551;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;border-radius: 50%;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;cursor:pointer;text-indent:-9999px;margin:0 auto;}
Аналогично с предыдущим.
5.Цвет фильтра по ценам.
.ui-slider-horizontal .ui-slider-range {background: #ff0551;border: solid 1px #ff0551;}
В обоих случаях нужно менять цвет и у бэкграунда и у рамки.
6.Кнопка "Купить" в карточке товара.
input.button_cart_product {background-color:#ff0551;}
Возможно я что то упустил. Если увидите что еще нужно заменить, напишите.
#9
Отправлено 26 Февраль 2014 - 21:20
Alexey11 (26 Февраль 2014 - 19:44) писал:
А еще бы основную цену красным бы сделать....
Ну и фон общий поменять с белого на фоновую картинку )))
#10
Отправлено 26 Февраль 2014 - 21:29
#content .heading_title span {border-bottom:1px solid #ff0551;padding-bottom:8px;padding-right:10px;position:absolute;bottom:-1px;left:0px; }
border-bottom
2.Верх закладок:
#tabs a.active, #tabs a:hover {padding-bottom: 12px;background: #FFFFFF;border-top: 4px solid #ff0551;}
border-top
3.Цена красным.
Добавьте данный блок кода в шаблон main.css
#content_1 > div.right > form > div.price > div > span.price-new.goodsDataMainModificationPriceNow > span > span.num { color: red; }
4. Своя картинка на фоне.
Загрузите нужную картинку в раздел "Сайт" - "Редактор шаблонов"
Данный блок кода в шаблоне main.css
#container {width: 100%;margin-left: auto;margin-right: auto;text-align: left;}
замените его на:
#container {width: 100%;margin-left: auto;margin-right: auto;text-align: left;background:url({ASSETS_IMAGES_PATH}название_картинки.формат);}
#11
Отправлено 26 Февраль 2014 - 21:59
Цена не везде стала красной, только в карточке товара, а в каталоге и блоке "Вы смотрели" осталась черной.
И еще бы в подвале тоже свой фон поставить.
#12
Отправлено 26 Февраль 2014 - 23:00
Roman_Latyshev (26 Февраль 2014 - 21:59) писал:
Цена не везде стала красной, только в карточке товара, а в каталоге и блоке "Вы смотрели" осталась черной.
И еще бы в подвале тоже свой фон поставить.
Если здесь изменить, то везде изменится:
Цитата
#13
Отправлено 26 Февраль 2014 - 23:10
#14
Отправлено 26 Февраль 2014 - 23:45
И еще бы в подвале тоже свой фон поставить.
А еще и слайдер отключить....на время, не хочу пока, тем более такой огромный.
#15
Отправлено 27 Февраль 2014 - 00:54
Roman_Latyshev (26 Февраль 2014 - 23:45) писал:
И еще бы в подвале тоже свой фон поставить.
А еще и слайдер отключить....на время, не хочу пока тем более такой огромный.
Пригодится. Ширина обязательно должна быть 1920, а высота - любая, хоть 5 пикселей. slide1.png, slide2.png удалить, откорректировать, потом снова добавить.
#16
Отправлено 27 Февраль 2014 - 01:01
velena168 (27 Февраль 2014 - 00:54) писал:
Пригодится. Ширина обязательно должна быть 1920, а высота - любая, хоть 5 пикселей. slide1.png, slide2.png удалить, откорректировать, потом снова добавить.
Если и будет слайдер, то на главной...или этот перерисую, сейчас не хочу заморачиваться...
#17
Отправлено 27 Февраль 2014 - 01:18
Roman_Latyshev (27 Февраль 2014 - 01:01) писал:
Если и будет слайдер, то на главной...или этот перерисую, сейчас не хочу заморачиваться...
#19
Отправлено 27 Февраль 2014 - 20:32
SL-274977
#20
Отправлено 28 Февраль 2014 - 03:34
#header .links a:hover, #header .links a.selected { background-color: #FFFFFF; padding: 11px 10px 9px; }измените значение background-color
Сами цвета необходимо прописать в сл.блоках:
#header .links a:hover, #header .links a.selected { background-color: #FFFFFF; padding: 11px 10px 9px; } #header .links a { display: block; float: left; font-size: 12px; padding: 11px 10px 9px; text-decoration: none; }пример:
#header .links a:hover, #header .links a.selected { background-color: #FFFFFF; padding: 11px 10px 9px; color:#333; } #header .links a { display: block; float: left; font-size: 12px; padding: 11px 10px 9px; text-decoration: none; color:#fff; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных