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


Сразу Поменять Основные Тона Сайта И Размеры Шрифтов В Меню.


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

#1 Roman_Latyshev

Roman_Latyshev

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

  • Пользователи
  • PipPipPipPip
  • 1 048 сообщений

Отправлено 26 Февраль 2014 - 16:29

Спасибо за новый шаблон.
Сразу нужно поменять размер шрифтов в меню (боковом и верхнем).
А также цвет: весть розовый поменять на зеленый. Подскажите где все менять....кнопочки, прокрутку и все-все-все....

#2 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 26 Февраль 2014 - 17:07

Просмотр сообщенияRoman_Latyshev (26 Февраль 2014 - 16:29) писал:

Спасибо за новый шаблон.
Сразу нужно поменять размер шрифтов в меню (боковом и верхнем).
А также цвет: весть розовый поменять на зеленый. Подскажите где все менять....кнопочки, прокрутку и все-все-все....
Здравствуйте, укажите пожалуйста номер аккаунта, на котором установлена данная тема.
На аккаунте , указанном в вашем профиле тема "Сияние"

#3 Roman_Latyshev

Roman_Latyshev

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

  • Пользователи
  • PipPipPipPip
  • 1 048 сообщений

Отправлено 26 Февраль 2014 - 17:15

Да, сорри, забыл SL-271627

#4 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 26 Февраль 2014 - 17:38

Данный блок кода в шаблоне style.css отвечает за шапку:

#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.

Если этого не достаточно, укажите пожалуйста что еще нужно изменить.

#5 Roman_Latyshev

Roman_Latyshev

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

  • Пользователи
  • PipPipPipPip
  • 1 048 сообщений

Отправлено 26 Февраль 2014 - 18:22

Просмотр сообщенияAlexey11 (26 Февраль 2014 - 17:38) писал:

Данный блок кода в шаблоне style.css отвечает за шапку:

Нет такого шаблона style.css, есть main.css
Или где искать style.css ?

#6 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 26 Февраль 2014 - 18:29

Извиняюсь за ошибку , main.css

#7 Roman_Latyshev

Roman_Latyshev

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

  • Пользователи
  • PipPipPipPip
  • 1 048 сообщений

Отправлено 26 Февраль 2014 - 19:28

Просмотр сообщенияAlexey11 (26 Февраль 2014 - 17:38) писал:

Если этого не достаточно, укажите пожалуйста что еще нужно изменить.
Алексей, спасибо огромное!
Сейчас посмотрите.
Осталось чтобы полностью пропал розовый как таковой, заменить его на зеленый.
Надписи все поменять, чтобы при наведении были зелеными, бегунок, кнопочки... Везде.

Также осталось заменить размер шрифта в строке пути, под логотипом, который высвечивается.

И еще как можно уменьшить задержку переключения на боковом меню при наведении, т.е. сделать анимацию  меню при на ведении более динамичнее.

#8 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 26 Февраль 2014 - 19:44

1.Цвет при наведении на ссылки
измените данный код в шаблоне 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 Roman_Latyshev

Roman_Latyshev

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

  • Пользователи
  • PipPipPipPip
  • 1 048 сообщений

Отправлено 26 Февраль 2014 - 21:20

Просмотр сообщенияAlexey11 (26 Февраль 2014 - 19:44) писал:

Возможно я что то упустил. Если увидите что еще нужно заменить, напишите.
Еще осталось в карточке товара, верх закладок и еще подчеркивание названий страниц "Доставка" и "Главная" тонкая полосочка осталась.
А еще бы основную цену красным бы сделать....
Ну и фон общий поменять с белого на фоновую картинку )))

#10 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 26 Февраль 2014 - 21:29

1.Подчеркивание названия страниц:

#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 Roman_Latyshev

Roman_Latyshev

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

  • Пользователи
  • PipPipPipPip
  • 1 048 сообщений

Отправлено 26 Февраль 2014 - 21:59

И еще как можно уменьшить задержку переключения на боковом меню при наведении, т.е. сделать анимацию  меню при на ведении более динамичнее.

Цена не везде стала красной, только в карточке товара, а в каталоге и блоке "Вы смотрели" осталась черной.

И еще бы в подвале тоже свой фон поставить.

#12 velena168

velena168

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

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 26 Февраль 2014 - 23:00

Просмотр сообщенияRoman_Latyshev (26 Февраль 2014 - 21:59) писал:

И еще как можно уменьшить задержку переключения на боковом меню при наведении, т.е. сделать анимацию  меню при на ведении более динамичнее.

Цена не везде стала красной, только в карточке товара, а в каталоге и блоке "Вы смотрели" осталась черной.

И еще бы в подвале тоже свой фон поставить.

Если здесь изменить, то везде изменится:

Цитата

.num {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-style: normal !important;font-weight: bold;color: #000;white-space: nowrap;}

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

  • Снимок.PNG


#13 Roman_Latyshev

Roman_Latyshev

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

  • Пользователи
  • PipPipPipPip
  • 1 048 сообщений

Отправлено 26 Февраль 2014 - 23:10

velena168, спасибо, одной проблемс меньше.

#14 Roman_Latyshev

Roman_Latyshev

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

  • Пользователи
  • PipPipPipPip
  • 1 048 сообщений

Отправлено 26 Февраль 2014 - 23:45

И еще как можно уменьшить задержку переключения на боковом меню при наведении, т.е. сделать анимацию  меню при на ведении более динамичнее.

И еще бы в подвале тоже свой фон поставить.

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

#15 velena168

velena168

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

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 27 Февраль 2014 - 00:54

Просмотр сообщенияRoman_Latyshev (26 Февраль 2014 - 23:45) писал:

И еще как можно уменьшить задержку переключения на боковом меню при наведении, т.е. сделать анимацию  меню при на ведении более динамичнее.

И еще бы в подвале тоже свой фон поставить.

А еще и слайдер отключить....на время, не хочу пока тем более такой огромный.
А зачем его отключать, можно заменить слайды на узкие, какой-нибудь бордюрчик или Написать приветствие, или Объявление, или Поздравление.
Пригодится. Ширина обязательно должна быть 1920, а высота - любая, хоть 5 пикселей. slide1.png, slide2.png удалить, откорректировать, потом снова добавить.

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

  • Снимок1.PNG


#16 Roman_Latyshev

Roman_Latyshev

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

  • Пользователи
  • PipPipPipPip
  • 1 048 сообщений

Отправлено 27 Февраль 2014 - 01:01

Просмотр сообщенияvelena168 (27 Февраль 2014 - 00:54) писал:

А зачем его отключать, можно заменить слайды на узкие, какой-нибудь бордюрчик или Написать приветствие, или Объявление, или Поздравление.
Пригодится. Ширина обязательно должна быть 1920, а высота - любая, хоть 5 пикселей. slide1.png, slide2.png удалить, откорректировать, потом снова добавить.
Да он мне не нравится, тем более у меня по бокам уже фон вставлен.
Если и будет слайдер, то на главной...или этот перерисую, сейчас не хочу заморачиваться...

#17 velena168

velena168

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

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 27 Февраль 2014 - 01:18

Просмотр сообщенияRoman_Latyshev (27 Февраль 2014 - 01:01) писал:

Да он мне не нравится, тем более у меня по бокам уже фон вставлен.
Если и будет слайдер, то на главной...или этот перерисую, сейчас не хочу заморачиваться...
Так, вырезать кусок кода, куда-нибудь в блокнот, а когда пригодится вернуть.

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

  • Снимок.PNG


#18 Roman_Latyshev

Roman_Latyshev

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

  • Пользователи
  • PipPipPipPip
  • 1 048 сообщений

Отправлено 27 Февраль 2014 - 01:30

Просмотр сообщенияvelena168 (27 Февраль 2014 - 01:18) писал:

Так, вырезать кусок кода, куда-нибудь в блокнот, а когда пригодится вернуть.
Не, там код другой.

#19 Sate

Sate

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

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

Отправлено 27 Февраль 2014 - 20:32

Добрый вечер. А подскажите пожалуйста, как в этом же шаблоне изменить цвет кнопки в верхнем меню при наведении на неё. Надо на фон вставить картинку. И как заменить цвет текста в этих кнопках в спокойном состоянии (т.е. не в тот момент когда на него наводят курсор).

SL-274977

#20 Vaccina

Vaccina

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

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

Отправлено 28 Февраль 2014 - 03:34

В файле style.css найдите:
#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 анонимных