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


Цветовая Схема

Автор Hiding, 24 мая 2015 16:50

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

#1 Hiding

Hiding

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

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

Отправлено 24 Май 2015 - 16:50

Подскажите пожалуйста. А цветовая схема меняется? Чет не нашел.

#2 Firefly

Firefly

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

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

Отправлено 24 Май 2015 - 17:18

Просмотр сообщенияHiding (24 Май 2015 - 16:50) писал:

Подскажите пожалуйста. А цветовая схема меняется? Чет не нашел.
Добрый вечер.
В этом шаблоне, как и в других можно изменять значения кода цвета у элементов и подстраивать под себя.
Если необходимо изменить один какой-то цвет на другой во всем шаблоне сразу, то можно использовать функцию замены через двойное нажатие Ctrl+F. В первое поле подставить первый код цвета, который необходимо изменить, а во второе поле тот код цвета на который изменить и нажать на кнопку All.

#3 Hiding

Hiding

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

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

Отправлено 24 Май 2015 - 17:25

Понял. Спасибо.

#4 nymphetamin2004

nymphetamin2004

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

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

Отправлено 03 Июнь 2015 - 18:20

Добрый день!
А как в шаблоне сделать чтобы кнопки которые на рисунки были всегда синие,  а когда наводишь мышку белую?
А то стандартно в шаблоне Лазурь наоборот в обычном состоянии они белые а когда нажимаешь синие
Заранее спасибо!

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

  • 1.jpg

#5 RayLi

RayLi

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

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

Отправлено 03 Июнь 2015 - 20:22

Просмотр сообщенияnymphetamin2004 (03 Июнь 2015 - 18:20) писал:

Добрый день!
А как в шаблоне сделать чтобы кнопки которые на рисунки были всегда синие,  а когда наводишь мышку белую?
А то стандартно в шаблоне Лазурь наоборот в обычном состоянии они белые а когда нажимаешь синие
Заранее спасибо!

Здравствуйте.
К сожалению аккаунт вашего интернет-магазина SL - 326781 заблокирован.
Пополните, пожалуйста, баланс вашего сайта и после этого мы сможем вам помочь.
Спасибо.

#6 nymphetamin2004

nymphetamin2004

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

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

Отправлено 03 Июнь 2015 - 21:22

Просмотр сообщенияRayLi (03 Июнь 2015 - 20:22) писал:

Здравствуйте.
К сожалению аккаунт вашего интернет-магазина SL - 326781 заблокирован.
Пополните, пожалуйста, баланс вашего сайта и после этого мы сможем вам помочь.
Спасибо.

346727 аккаунт.
Если так будете тянуть с ответами то и этот заблокируют к тому времени. А вопрос по прежнему актуален.
Я понимаю, что вы может и не обязаны но все же : вопрос был не о блокировке.
И блокировка на форум не распространяется. А может я помогаю кому-то?


А как в шаблоне сделать чтобы кнопки которые на рисунки были всегда синие,  а когда наводишь мышку белую?
А то стандартно в шаблоне Лазурь наоборот в обычном состоянии они белые а когда нажимаешь синие

Заранее спасибо!

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

  • 1.jpg

#7 Vaccina

Vaccina

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

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

Отправлено 04 Июнь 2015 - 04:41

Выше вам ответили через 2 часа после вашего вопроса, за этот срок магазин не может быть заблокирован, мы стараемся отвечать всем, если некоторые вопросы мы упускаем не стесняйтесь апнуть тему или вопрос, чтобы в следующий раз мы ее\его не упустили =)

В main.css найдите:
#topsl .block .block-title:before {position: absolute;content: "";height: 84px;width: 84px;border: 1px solid #dfdfdf;left: 50%;top: 0px;margin-left: -43px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;}
#topsl .block .block-title span:before {position: absolute;content: "";height: 78px;width: 78px;border: 3px solid #FFF;left: 50%;top: 1px;margin-left: -42px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;opacity: 0;filter: alpha(opacity=0);}
#topsl .block .block-title span:after {position: absolute;content: "";background: url("{ASSETS_IMAGES_PATH}ico-shoppolicy.png") no-repeat -78px top;left: 50%;top: 4px;margin-left: -39px;height: 78px;width: 78px;}
#topsl .block.money-back .block-title span:after {background-position: -234px top;}
#topsl .block.orders-247 .block-title span:after {background-position: -390px top;}
#topsl .block.secured-payment .block-title span:after {background-position: -546px top;}
#topsl .block .block-title:hover {cursor:pointer;}
#topsl .block:hover .block-title {color: #3cabda;}
#topsl .block:hover .block-title:before {border-color: #3cabda;cursor:pointer;}
#topsl .block:hover .block-title span:before {background: #3cabda;opacity: 1;filter: alpha(opacity=100);}
#topsl .block:hover .block-title span:after {background-position: 0px top;}
#topsl .block.money-back:hover .block-title span:after {background-position: -156px top;}
#topsl .block.orders-247:hover .block-title span:after {background-position: -312px top;}
#topsl .block.secured-payment:hover .block-title span:after {background-position: -468px top;}

замените на:
#topsl .block .block-title:before {background: #3cabda; position: absolute;content: "";height: 84px;width: 84px;border: 1px solid #dfdfdf;left: 50%;top: 0px;margin-left: -43px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;}
#topsl .block .block-title span:before {position: absolute;content: "";height: 78px;width: 78px;border: 3px solid #FFF;left: 50%;top: 1px;margin-left: -42px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;opacity: 0;filter: alpha(opacity=0);}
#topsl .block .block-title span:after {position: absolute;content: "";background: url("{ASSETS_IMAGES_PATH}ico-shoppolicy.png") no-repeat 0 top;left: 50%;top: 4px;margin-left: -39px;height: 78px;width: 78px;}
#topsl .block.money-back .block-title span:after {background-position: -156px top;}
#topsl .block.orders-247 .block-title span:after {background-position: -312px top;}
#topsl .block.secured-payment .block-title span:after {background-position: -468px top;}
#topsl .block .block-title:hover {cursor:pointer;}
#topsl .block:hover .block-title {color: #3cabda;}
#topsl .block:hover .block-title:before {border-color: #fff;cursor:pointer;}
#topsl .block:hover .block-title span:before {background: #fff;opacity: 1;filter: alpha(opacity=100);}
#topsl .block:hover .block-title span:after {background-position: -78px top;}
#topsl .block.money-back:hover .block-title span:after {background-position: -234px top;}
#topsl .block.orders-247:hover .block-title span:after {background-position: -390px top;}
#topsl .block.secured-payment:hover .block-title span:after {background-position: -546px top;}

#8 nymphetamin2004

nymphetamin2004

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

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

Отправлено 04 Июнь 2015 - 06:42

Просмотр сообщенияVaccina (04 Июнь 2015 - 04:41) писал:

Выше вам ответили через 2 часа после вашего вопроса, за этот срок магазин не может быть заблокирован, мы стараемся отвечать всем, если некоторые вопросы мы упускаем не стесняйтесь апнуть тему или вопрос, чтобы в следующий раз мы ее\его не упустили =)

В main.css найдите:
#topsl .block .block-title:before {position: absolute;content: "";height: 84px;width: 84px;border: 1px solid #dfdfdf;left: 50%;top: 0px;margin-left: -43px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;}
#topsl .block .block-title span:before {position: absolute;content: "";height: 78px;width: 78px;border: 3px solid #FFF;left: 50%;top: 1px;margin-left: -42px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;opacity: 0;filter: alpha(opacity=0);}
#topsl .block .block-title span:after {position: absolute;content: "";background: url("{ASSETS_IMAGES_PATH}ico-shoppolicy.png") no-repeat -78px top;left: 50%;top: 4px;margin-left: -39px;height: 78px;width: 78px;}
#topsl .block.money-back .block-title span:after {background-position: -234px top;}
#topsl .block.orders-247 .block-title span:after {background-position: -390px top;}
#topsl .block.secured-payment .block-title span:after {background-position: -546px top;}
#topsl .block .block-title:hover {cursor:pointer;}
#topsl .block:hover .block-title {color: #3cabda;}
#topsl .block:hover .block-title:before {border-color: #3cabda;cursor:pointer;}
#topsl .block:hover .block-title span:before {background: #3cabda;opacity: 1;filter: alpha(opacity=100);}
#topsl .block:hover .block-title span:after {background-position: 0px top;}
#topsl .block.money-back:hover .block-title span:after {background-position: -156px top;}
#topsl .block.orders-247:hover .block-title span:after {background-position: -312px top;}
#topsl .block.secured-payment:hover .block-title span:after {background-position: -468px top;}

замените на:
#topsl .block .block-title:before {background: #3cabda; position: absolute;content: "";height: 84px;width: 84px;border: 1px solid #dfdfdf;left: 50%;top: 0px;margin-left: -43px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;}
#topsl .block .block-title span:before {position: absolute;content: "";height: 78px;width: 78px;border: 3px solid #FFF;left: 50%;top: 1px;margin-left: -42px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;opacity: 0;filter: alpha(opacity=0);}
#topsl .block .block-title span:after {position: absolute;content: "";background: url("{ASSETS_IMAGES_PATH}ico-shoppolicy.png") no-repeat 0 top;left: 50%;top: 4px;margin-left: -39px;height: 78px;width: 78px;}
#topsl .block.money-back .block-title span:after {background-position: -156px top;}
#topsl .block.orders-247 .block-title span:after {background-position: -312px top;}
#topsl .block.secured-payment .block-title span:after {background-position: -468px top;}
#topsl .block .block-title:hover {cursor:pointer;}
#topsl .block:hover .block-title {color: #3cabda;}
#topsl .block:hover .block-title:before {border-color: #fff;cursor:pointer;}
#topsl .block:hover .block-title span:before {background: #fff;opacity: 1;filter: alpha(opacity=100);}
#topsl .block:hover .block-title span:after {background-position: -78px top;}
#topsl .block.money-back:hover .block-title span:after {background-position: -234px top;}
#topsl .block.orders-247:hover .block-title span:after {background-position: -390px top;}
#topsl .block.secured-payment:hover .block-title span:after {background-position: -546px top;}

помогло но на белых изображениях видны синие рамки на краях и очень не красиво. Как их исправить?

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

  • 11.jpg

#9 Vaccina

Vaccina

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

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

Отправлено 04 Июнь 2015 - 06:49

В main.css
#topsl .block:hover .block-title:before {border-color: #fff;cursor:pointer;}

попробуйте заменить на:
#topsl .block:hover .block-title:before {background:#fff;border-color: #fff;cursor:pointer;}

#10 Hiding

Hiding

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

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

Отправлено 04 Июнь 2015 - 17:29

Подскажите пжлст где изменить цвет всех ссылок при наведении?

#11 Firefly

Firefly

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

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

Отправлено 04 Июнь 2015 - 17:39

Просмотр сообщенияHiding (04 Июнь 2015 - 17:29) писал:

Подскажите пжлст где изменить цвет всех ссылок при наведении?

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
a:hover, a:active {outline:0;color: #005b5b;text-decoration:none;}

Изменяйте значение кода цвета #005b5b на необходимое.

#12 Hiding

Hiding

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

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

Отправлено 04 Июнь 2015 - 17:43

Спасибо.
А на товаре всплывающее окно?
И цену..

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

  • 04-06-2015 23-42-39.jpg

#13 Firefly

Firefly

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

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

Отправлено 04 Июнь 2015 - 17:55

Просмотр сообщенияHiding (04 Июнь 2015 - 17:43) писал:

Спасибо.
А на товаре всплывающее окно?
И цену..

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.products-grid .item .item-inner .item-img .item-box-hover {z-index: 2;background-color: #005b5b;background-color: rgba(62, 171, 218, 0.8);position: absolute;width: 100%;height: 90px;bottom: -90px;left: 0px;}

Изменяйте значение цвета rgba(62, 171, 218, 0.8) на необходимое.

Найдите код:
.price-box .special-price .price {color: #005b5b;font-size: 180%;}

Так же изменяйте значение #005b5b на необходимое.

#14 Hiding

Hiding

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

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

Отправлено 04 Июнь 2015 - 18:04

Спасибо.

#15 nymphetamin2004

nymphetamin2004

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

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

Отправлено 04 Июнь 2015 - 21:25

Просмотр сообщенияVaccina (04 Июнь 2015 - 06:49) писал:

В main.css
#topsl .block:hover .block-title:before {border-color: #fff;cursor:pointer;}

попробуйте заменить на:
#topsl .block:hover .block-title:before {background:#fff;border-color: #fff;cursor:pointer;}

Просмотр сообщенияVaccina (04 Июнь 2015 - 06:49) писал:

В main.css
#topsl .block:hover .block-title:before {border-color: #fff;cursor:pointer;}

попробуйте заменить на:
#topsl .block:hover .block-title:before {background:#fff;border-color: #fff;cursor:pointer;}
Спасибо помогло!

#16 MikhailC

MikhailC

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

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

Отправлено 05 Июнь 2015 - 19:22

Просмотр сообщенияFirefly (24 Май 2015 - 17:18) писал:

Добрый вечер.
В этом шаблоне, как и в других можно изменять значения кода цвета у элементов и подстраивать под себя.
Если необходимо изменить один какой-то цвет на другой во всем шаблоне сразу, то можно использовать функцию замены через двойное нажатие Ctrl+F. В первое поле подставить первый код цвета, который необходимо изменить, а во второе поле тот код цвета на который изменить и нажать на кнопку All.
Я не понял, объясните пожалуйста где нажимать ctrl+f?

#17 Firefly

Firefly

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

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

Отправлено 05 Июнь 2015 - 19:42

Просмотр сообщенияMikhailC (05 Июнь 2015 - 19:22) писал:

Я не понял, объясните пожалуйста где нажимать ctrl+f?

Комбинацию необходимо нажимать при нахождении в окне редактирования кода (скриншот в приложении).
Постарайтесь писать сообщения в тему, которую Вы создали ранее для обсуждения данного вопроса.

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

  • Screenshot_1.png

Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Лазурь
  5. → Изменение общей стилистики
  6. Privacy Policy