Prorock_Ugl (13 Ноябрь 2014 - 13:26) писал:
Изминения Общей Стилистики
#21
Отправлено 13 Ноябрь 2014 - 13:35
#22
Отправлено 13 Ноябрь 2014 - 13:58
Dars (13 Ноябрь 2014 - 13:35) писал:
отлично, а как теперь заполнить им все, что требуется?
#23
Отправлено 13 Ноябрь 2014 - 22:31
Dars (13 Ноябрь 2014 - 13:35) писал:
Здравствуйте, изображение загрузил. Готов вносить изменения. Мне нужно применить данную текстуру везде, где только можно, кроме самого нижнего подвала, где реквизиты организации. Там потребуется другая текстура.
Также прикрепляю скрины там указано то, что планируется поменять на данный момент.
#24
Отправлено 13 Ноябрь 2014 - 22:37
А мне ответ будет на вот эти сообщения:
ViktorIG (06 Ноябрь 2014 - 12:24) писал:
Заказ обратного звонка из подвала переместить в шапку - по нажатию пиктограммы телефона. Сейчас при нажатии появляется номер нашего телефона, а надо, чтобы появлялась форма для заказа обратного звонка.
ViktorIG (11 Ноябрь 2014 - 19:46) писал:
Наконец-то нарисовали, как мы хотели бы видеть форму заказа быстрого звонка:
5.png
#25
Отправлено 14 Ноябрь 2014 - 18:19
Prorock_Ugl (13 Ноябрь 2014 - 22:31) писал:
Также прикрепляю скрины там указано то, что планируется поменять на данный момент.
.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
Отправлено 14 Ноябрь 2014 - 18:34
#29
Отправлено 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
Отправлено 15 Ноябрь 2014 - 17:01
И ОЧЕНЬ ВАЖНЫЙ вопрос, можно ли изменять параметры прозрачности кнопок, фона выпадающего меню и т.д.?
#31
Отправлено 17 Ноябрь 2014 - 13:33
#33
Отправлено 17 Ноябрь 2014 - 14:14
RayLi (17 Ноябрь 2014 - 13:41) писал:
Можете уточнить на какой цвет вы бы хотели изменить элементы?
Да, прозрачность можно настроить, на сколько, для начала, сделать вам прозрачность указанных элементов сайта?
А Вы мне можете показать в коде место, где параметр прозрачности можно менять? я бы сам подобрал и с цветом аналогично
#34
Отправлено 17 Ноябрь 2014 - 14:26
Prorock_Ugl (17 Ноябрь 2014 - 14:14) писал:
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
Отправлено 17 Ноябрь 2014 - 15:00
#37
Отправлено 17 Ноябрь 2014 - 15:31
AnnaM (17 Ноябрь 2014 - 15:02) писал:
На странице возникла JS ошибка:
Script error. на строке: 0.
Адрес файла:
Как исправить ошибку?
Не удалось найти решение для данной ошибки. Для решения проблемы исправьте javascript в разделе «Сайт» > «
Редактор тем».
Если необходимо помочь в решении данной ошибки, задайте вопрос в разделе "
Ошибки" на нашем форуме.
#38
Отправлено 17 Ноябрь 2014 - 16:03
Prorock_Ugl (17 Ноябрь 2014 - 15:31) писал:
На странице возникла JS ошибка:
Script error. на строке: 0.
Адрес файла:
Как исправить ошибку?
Не удалось найти решение для данной ошибки. Для решения проблемы исправьте javascript в разделе «Сайт» > «
Редактор тем».
Если необходимо помочь в решении данной ошибки, задайте вопрос в разделе "
Ошибки" на нашем форуме.
.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
Отправлено 17 Ноябрь 2014 - 16:14
#40
Отправлено 17 Ноябрь 2014 - 20:21
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных