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


Изминения Общей Стилистики


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

#21 Dars

Dars

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

  • Модератоpы
  • 1 410 сообщений

Отправлено 13 Ноябрь 2014 - 13:35

Просмотр сообщенияProrock_Ugl (13 Ноябрь 2014 - 13:26) писал:

Спасибо. Кое что получилось. Остался сам подвал залить тем же цветом. До меню и лого доберемся позже. Скажите, а текстуру как в примере (именно под мелкий карбон) можно реализовать? Именно это хочется в результате получить.
Можно, вам нужно взять изображение с того сайта (http://livedemo00.te...ges/body-bg.gif) и загрузить в магазин, затем произведем изменения.

#22 Prorock_Ugl

Prorock_Ugl

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

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

Отправлено 13 Ноябрь 2014 - 13:58

Просмотр сообщенияDars (13 Ноябрь 2014 - 13:35) писал:

Можно, вам нужно взять изображение с того сайта (http://livedemo00.te...ges/body-bg.gif) и загрузить в магазин, затем произведем изменения.

отлично, а как теперь заполнить им все, что требуется?

#23 Prorock_Ugl

Prorock_Ugl

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

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

Отправлено 13 Ноябрь 2014 - 22:31

Просмотр сообщенияDars (13 Ноябрь 2014 - 13:35) писал:

Можно, вам нужно взять изображение с того сайта (http://livedemo00.te...ges/body-bg.gif) и загрузить в магазин, затем произведем изменения.

Здравствуйте, изображение загрузил. Готов вносить изменения. Мне нужно применить данную текстуру везде, где только можно, кроме самого нижнего подвала, где реквизиты организации. Там потребуется другая текстура.
Также прикрепляю скрины там указано то, что планируется поменять на данный момент.

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

  • скрин1.png


#24 ViktorIG

ViktorIG

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

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

Отправлено 13 Ноябрь 2014 - 22:37

Приветствую!

А мне ответ будет на вот эти сообщения:

Просмотр сообщенияViktorIG (06 Ноябрь 2014 - 12:24) писал:

Подскажите, каким образом внести следующее изменение:

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


Просмотр сообщенияViktorIG (11 Ноябрь 2014 - 19:46) писал:

В предыдущих постах я просил помочь перенести поля заказа быстрого звонка в шапку - по нажатию иконки телефона.
Наконец-то нарисовали, как мы хотели бы видеть форму заказа быстрого звонка:

Прикрепленный файл 5.png



#25 Dars

Dars

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

  • Модератоpы
  • 1 410 сообщений

Отправлено 14 Ноябрь 2014 - 18:19

Просмотр сообщенияProrock_Ugl (13 Ноябрь 2014 - 22:31) писал:

Здравствуйте, изображение загрузил. Готов вносить изменения. Мне нужно применить данную текстуру везде, где только можно, кроме самого нижнего подвала, где реквизиты организации. Там потребуется другая текстура.
Также прикрепляю скрины там указано то, что планируется поменять на данный момент.
В main.css строку:

.fixed-header .header-wrapper {background: #0e0e0e;-webkit-transition: background 0.2s linear;transition: background 0.2s linear;}

замените на:

.fixed-header .header-wrapper {background: url(http://kzearphone.storeland.net/bg.gif) repeat;-webkit-transition: background 0.2s linear;transition: background 0.2s linear;}

а строку:

#footer .footer-top {background: #0e0e0e;font-size: 12px;line-height: 21px;padding: 50px 0 13px;}

на:

#footer .footer-top {background: url(http://kzearphone.storeland.net/bg.gif) repeat;font-size: 12px;line-height: 21px;padding: 50px 0 13px;}

Далее, в строке:

#top-box {background-color: #00c59c;min-height: 30px;padding: 5px 0;width: 100%;}

параметр 00c59c замените на нужный вам цвет (фон верхнего меню).

Цвет самих надписей в меню ниже можно изменить в строке:

.header .primary .navbar .nav > li > a {background: none;border: 1px solid #fff;border: 1px solid transparent;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: #1e1e1e;padding: 11px 13px;position: static;text-shadow: none;-webkit-transition: all 0.2s linear;transition: all 0.2s linear;z-index: 901;}

заменив параметр 1e1e1e на нужный. Если в этом меню требуется изменить что-то ещё - укажите подробнее.

Далее, строку:

.dropdown-menu {border: 1px solid #ccc;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);box-shadow: 0 0 5px rgba(0,0,0,.15);min-width: 156px;padding: 0;z-index: 800;position:absolute;top:100%;display:none;float:left;list-style:none;font-size:14px;text-align:left;background-color:#fff;background-clip:padding-box}

замените на:

.dropdown-menu {border: 1px solid #ccc;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);box-shadow: 0 0 5px rgba(0,0,0,.15);min-width: 156px;padding: 0;z-index: 800;position:absolute;top:100%;display:none;float:left;list-style:none;font-size:14px;text-align:left;background-clip:padding-box}


В коде:

.header .cart-header.open .dropdown-toggle {background: #fff;border-color: #ccc;border-bottom: 0 none;border-radius: 3px 3px 0 0;-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);box-shadow: 0 0 5px rgba(0,0,0,.15);-webkit-transition:border-color 0.4s linear,box-shadow 0.4s linear,-moz-box-shadow 0.4s linear,-webkit-box-shadow 0.4s linear;transition:border-color 0.4s linear,box-shadow 0.4s linear,-moz-box-shadow 0.4s linear,-webkit-box-shadow 0.4s linear;}
.header .cart-header.open .dropdown-toggle:after {background: #fff;bottom: 0;content: "";display: block;height: 8px;left: -3px;margin: 0 0 -5px 0;position: absolute;right: 0;}

замените оба параметра fff на нужный вам цвет (фон корзины).

В строке:

h1, h2, h3, h4, h5, h6 {font-weight: normal;line-height: 1.3;margin: 0 0 22px 10px;text-rendering: optimizelegibility;color:#1e1e1e;font-family: 'Arimo', sans-serif;word-wrap: break-word;}

замените параметр 1e1e1e (цвет заголовков).

Поменять цвета у всех бордеров, к сожалению, не получится. За указанный вами отвечает строка:

.page-header {padding-bottom:9px;border-bottom: 1px solid #e1e1e1;margin:40px 0 20px;padding: 0;}

параметр е1е1е1

#26 Prorock_Ugl

Prorock_Ugl

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

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

Отправлено 14 Ноябрь 2014 - 18:34

Спасибо, буду пробовать!

#27 Prorock_Ugl

Prorock_Ugl

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

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

Отправлено 14 Ноябрь 2014 - 20:06

Спасибо, кое что получилось, кое-что нет. Например в поле корзины наполовину только заменился цвет. Мне бы тогда убрать совсем, пусть будет прозрачным.
На скринах очередная порция надоедливых вопросов). Очень жду. Спасибо за работу.

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

  • скрин3.png
  • скрин2.png


#28 ViktorIG

ViktorIG

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

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

Отправлено 15 Ноябрь 2014 - 10:27

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

#29 Danil

Danil

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

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

Отправлено 15 Ноябрь 2014 - 12:25

Просмотр сообщенияProrock_Ugl (14 Ноябрь 2014 - 20:06) писал:

Спасибо, кое что получилось, кое-что нет. Например в поле корзины наполовину только заменился цвет. Мне бы тогда убрать совсем, пусть будет прозрачным.
На скринах очередная порция надоедливых вопросов). Очень жду. Спасибо за работу.
Здравствуйте.
Для блока в самом низу:
в main.css найдите код
#footer .footer-bottom {
background: #f7f7f7;
border-top-width: 1px;
border-color: #e1e1e1;
font-size: 11px;
line-height: 17px;
padding: 21px 0 20px;
}
Для кнопки отправить:
#footer .sidebar .callback .submit {
background: #00c59c;
color: #fff;
height: 38px;
outline: none;
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
box-shadow: none;
text-shadow: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
filter: none;
-webkit-transition: background .2s linear, color .2s linear;
transition: background .2s linear, color .2s linear;
}
Для белых линий:
#footer .sidebar .widget .footer-header {
border-bottom: 1px solid #e1e1e1;
margin: 0 0 15px;
padding: 0 0 12px;
position: relative;
}
Для верхнего меню
.top-navbar .nav > li a:hover {color: #7b7b7b;text-decoration:none;background-color:#eee;}
Для верхнего каталога в конец main.css добавьте код
.header .primary .navbar .nav > li > a:hover {
color: #000;
}
Для иконок найдите
.icon-heart2, .icon-heart-o, .icon-loop, .icon-trashcan, .icon-mobile, .icon-magnifier, .icon-basket {font-size:20px;color:#00c59c;}

Во всех случаях нужно изменять:
background(цвет фона)
color(цвет текста)
background-color(цвет фона)
так же у border(граница), тоже есть цвет

#30 Prorock_Ugl

Prorock_Ugl

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

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

Отправлено 15 Ноябрь 2014 - 17:01

Отлично, спасибо. Кое-что вышло. Но некоторые моменты возможно непонятно изъяснил. прикрепляю скрин для удобства, что хотелось бы переделать.

И ОЧЕНЬ ВАЖНЫЙ вопрос, можно ли изменять параметры прозрачности кнопок, фона выпадающего меню и т.д.?

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

  • скрин5.png
  • скрин4.png


#31 Prorock_Ugl

Prorock_Ugl

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

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

Отправлено 17 Ноябрь 2014 - 13:33

Здравствуйте.Жду, еще катуально.

#32 RayLi

RayLi

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

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

Отправлено 17 Ноябрь 2014 - 13:41

Просмотр сообщенияProrock_Ugl (17 Ноябрь 2014 - 13:33) писал:

Здравствуйте.Жду, еще катуально.
Здравствуйте.
Можете уточнить на какой цвет вы бы хотели изменить элементы?
Да, прозрачность можно настроить, на сколько, для начала, сделать вам прозрачность указанных элементов сайта?

#33 Prorock_Ugl

Prorock_Ugl

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

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

Отправлено 17 Ноябрь 2014 - 14:14

Просмотр сообщенияRayLi (17 Ноябрь 2014 - 13:41) писал:

Здравствуйте.
Можете уточнить на какой цвет вы бы хотели изменить элементы?
Да, прозрачность можно настроить, на сколько, для начала, сделать вам прозрачность указанных элементов сайта?

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

#34 RayLi

RayLi

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

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

Отправлено 17 Ноябрь 2014 - 14:26

Просмотр сообщенияProrock_Ugl (17 Ноябрь 2014 - 14:14) писал:

А Вы мне можете показать в коде место, где параметр прозрачности можно менять? я бы сам подобрал и с цветом аналогично
Найдите в шаблоне main.css следующие коды:
1. Найдите первый код:
.header .cart-header .dropdown-menu {
left: auto;
margin: -4px 0 0 0;
padding: 17px 20px 20px;
right: 0;
text-align: left;
width: 355px;
-webkit-animation: fadeIn 0.4s;
animation: fadeIn 0.4s;
z-index: 890;
}
И замените этим:
.header .cart-header .dropdown-menu {
left: auto;
margin: -4px 0 0 0;
padding: 17px 20px 20px;
right: 0;
text-align: left;
width: 355px;
-webkit-animation: fadeIn 0.4s;
animation: fadeIn 0.4s;
z-index: 890;
background: rgba(100, 40, 40, 0.8);
}
Где за цвет отвечает код: background: rgba(100, 40, 40, 0.8); (значение 0.8 отвечает за прозрачность).
2. Ищем второй код:
.header .primary .navbar .nav > li > a:hover {
color: #4a0303;
}
И заменяем его:
.header .primary .navbar .nav > li > a:hover {
color: #4a0303;
background: rgba(100, 40, 40, 0.8);
}
Где за цвет фона отвечает: background: rgba(100, 40, 40, 0.8); (значение 0.8 отвечает за прозрачность).
А код color: #4a0303; отвечает за цвет текста.
3. Ищем следующий код:
.top-navbar .nav > li a {
font-size: 12px;
line-height: 22px;
padding: 9px 15px 9px;
-webkit-transition: background 0.2s linear,color 0.2s linear;
transition: background 0.2s linear,color 0.2s linear;
color: #fff;
text-shadow: none;
}
В этом коде за цвет текста отвечает: color: #fff;
4. Теперь ищем четвёртый код:
.phone-header, .search-header, .compare-header {
border-right: 1px solid #ccc;
color: #1e1e1e;
display: inline-block;
height: 30px;
margin: 8px 0;
position: relative;
text-align: center;
vertical-align: top;
width: 30px;
}
В нём за цвет бордюров отвечает код: border-right: 1px solid #ccc;

#35 Prorock_Ugl

Prorock_Ugl

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

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

Отправлено 17 Ноябрь 2014 - 15:00

Попробовал заменить первый код, появилась ошибка.

#36 AnnaM

AnnaM

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

  • Модератоpы
  • 1 040 сообщений

Отправлено 17 Ноябрь 2014 - 15:02

Просмотр сообщенияProrock_Ugl (17 Ноябрь 2014 - 15:00) писал:

Попробовал заменить первый код, появилась ошибка.
Уточните, какая ошибка возникает при выполнении первого пункта?

#37 Prorock_Ugl

Prorock_Ugl

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

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

Отправлено 17 Ноябрь 2014 - 15:31

Просмотр сообщенияAnnaM (17 Ноябрь 2014 - 15:02) писал:

Уточните, какая ошибка возникает при выполнении первого пункта?

На странице возникла JS ошибка:


Script error. на строке: 0.


Адрес файла:


Как исправить ошибку?


Не удалось найти решение для данной ошибки. Для решения проблемы исправьте javascript в разделе «Сайт» > «

Редактор тем

».


Если необходимо помочь в решении данной ошибки, задайте вопрос в разделе "

Ошибки

" на нашем форуме.



#38 RayLi

RayLi

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

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

Отправлено 17 Ноябрь 2014 - 16:03

Просмотр сообщенияProrock_Ugl (17 Ноябрь 2014 - 15:31) писал:

На странице возникла JS ошибка:


Script error. на строке: 0.


Адрес файла:


Как исправить ошибку?


Не удалось найти решение для данной ошибки. Для решения проблемы исправьте javascript в разделе «Сайт» > «

Редактор тем

».


Если необходимо помочь в решении данной ошибки, задайте вопрос в разделе "

Ошибки

" на нашем форуме.


Попробуйте закрыть скобку в шаблоне main.css в конце 296 строки, для сравнения код должен выглядеть так:
.header .cart-header .dropdown-menu {left: auto;margin: -4px 0 0 0;padding: 17px 20px 20px;right: 0;text-align: left;width: 355px;-webkit-animation: fadeIn 0.4s;animation: fadeIn 0.4s;z-index: 890;background: rgba(100, 40, 40, 0.8);}


#39 Prorock_Ugl

Prorock_Ugl

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

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

Отправлено 17 Ноябрь 2014 - 16:14

Отлично).Едем дальше :)

#40 ViktorIG

ViktorIG

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

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

Отправлено 17 Ноябрь 2014 - 20:21

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




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

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