Изминения Общей Стилистики
#1
Отправлено 30 Октябрь 2014 - 11:21
1 Подвал
Сейчас загружена фоновая картинка в подвал какое нужно добавить значение чтоб картинка сжималась подстраиваясь под размер экрана?
#2
Отправлено 30 Октябрь 2014 - 11:31
мистка (30 Октябрь 2014 - 11:21) писал:
1 Подвал
Сейчас загружена фоновая картинка в подвал какое нужно добавить значение чтоб картинка сжималась подстраиваясь под размер экрана?
В main.css найдите код
#footer .footer-top {font-size: 12px;line-height: 21px;padding: 120px 0 13px;background: rgba(171, 213, 210, 0.97) url('http:###/foter.png?7804') no-repeat center top;}и замените на
#footer .footer-top {font-size: 12px;line-height: 21px;padding: 120px 0 13px;background: rgba(171, 213, 210, 0.97) url('http:###/foter.png?7804') no-repeat center; background-size:100%; -moz-background-size:100%; -o-background-size:100%; -webkit-background-size:100%;}
#3
Отправлено 30 Октябрь 2014 - 12:03
вот и все ...я в осени жду уже 3 недели как исправить такую бяду...думаю ну новый шаблон наверное все там отлично...а н нет... все те же грабли все те же шишки...
#4
Отправлено 31 Октябрь 2014 - 03:40
Фон сайтов обычно не адаптируют, при уменьшении разрешения он просто обрезается, вылезать никак не должен, как вариант можно залить фон цветом и кусок картинки фоновой прибить к левому или правому краю и при уменьшении она тогда останется в видимой области.
#5
Отправлено 31 Октябрь 2014 - 09:02
#6
Отправлено 31 Октябрь 2014 - 09:22
ViktorIG (31 Октябрь 2014 - 09:02) писал:
Здравствуйте. Вам нужно загрузить изображение вашей текстуры в раздел Сайт - Редактор шаблонов.
Далее в шаблоне main.css найти код:
.main-container { background: #ffffff; }
и заменить его на:
.main-container { background: url({ASSETS_IMAGES_PATH}bg.jpg) repeat; }
где bg.jpg - имя загруженного изоюражения
#7
Отправлено 31 Октябрь 2014 - 09:52
#8
Отправлено 03 Ноябрь 2014 - 21:38
+ мне нужно добавить падающий снег, но чтобы ничего не тормозило?
Аккаунт - 317267
#9
Отправлено 03 Ноябрь 2014 - 22:18
fredshka (03 Ноябрь 2014 - 21:38) писал:
+ мне нужно добавить падающий снег, но чтобы ничего не тормозило?
Аккаунт - 317267
Уточните, как именно нужно растянуть логотип, так же не совсем понятно, где должен падать снег?.
#10
Отправлено 06 Ноябрь 2014 - 12:24
Подскажите, каким образом внести следующее изменение:
Заказ обратного звонка из подвала переместить в шапку - по нажатию пиктограммы телефона. Сейчас при нажатии появляется номер нашего телефона, а надо, чтобы появлялась форма для заказа обратного звонка.
#11
Отправлено 06 Ноябрь 2014 - 16:24
ViktorIG (06 Ноябрь 2014 - 12:24) писал:
Подскажите, каким образом внести следующее изменение:
Заказ обратного звонка из подвала переместить в шапку - по нажатию пиктограммы телефона. Сейчас при нажатии появляется номер нашего телефона, а надо, чтобы появлялась форма для заказа обратного звонка.
#12
Отправлено 06 Ноябрь 2014 - 22:28
Еще небольшая проблемка. На странице обратной связи (feedback) не видны границы полей для ввода данных. Выглядит как просто пустое поле под поясняющим текстом:
надо как-то обозначить границы полей ввода. подскажите, как это сделать?
#13
Отправлено 07 Ноябрь 2014 - 08:28
ViktorIG (06 Ноябрь 2014 - 22:28) писал:
Еще небольшая проблемка. На странице обратной связи (feedback) не видны границы полей для ввода данных. Выглядит как просто пустое поле под поясняющим текстом:
2014-11-06 22-21-10 Связь с администрацией – Yandex.png
надо как-то обозначить границы полей ввода. подскажите, как это сделать?
В main.css найдите код
.input-text {border: 1px solid #e1e1e1;-webkit-box-shadow: 0 1px #fff, inset 0 1px 4px rgba(0,0,0,.15);-moz-box-shadow: 0 1px #fff, inset 0 1px 4px rgba(0,0,0,.15);box-shadow: 0 1px #fff, inset 0 1px 4px rgba(0,0,0,.15);-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 12px;margin: 10px 0;min-height: 40px;padding: 8px 12px;-webkit-appearance: none;width: 200px;}поэкспериментируйте со значениями(цветом)
#e1e1e1,
#fff(встречается несколько раз, т.е. если изменяете, то везде ставьте одинаковый),
так же
rgba(0,0,0,.15)(аналогично предыдущему)
#14
Отправлено 09 Ноябрь 2014 - 23:30
1. сделать так чтобы в шапке всегда по умолчанию были не группы, а стока поиска (но чтобы она не закрывала значки сравнения товаров и корзину)
2. убрать из строки поиска кнопку "закрыть" и значок поиска
Вот как я хочу чтобы это выглядело - см. скрин
#15
Отправлено 11 Ноябрь 2014 - 19:46
ViktorIG (06 Ноябрь 2014 - 22:28) писал:
Приветствую!
В предыдущих постах я просил помочь перенести поля заказа быстрого звонка в шапку - по нажатию иконки телефона.
Наконец-то нарисовали, как мы хотели бы видеть форму заказа быстрого звонка:
Еще вопрос. При вводе описания товара в админке текст вводится с разделением на абзацы. Но при входе на карточку любого товара в пользовательском интерфейсе - весь текст сливается в один большой абзац без разрывов и становится нечитабельным.
Как это исправить?
#16
Отправлено 13 Ноябрь 2014 - 12:35
#17
Отправлено 13 Ноябрь 2014 - 12:49
Prorock_Ugl (13 Ноябрь 2014 - 12:35) писал:
#18
Отправлено 13 Ноябрь 2014 - 12:56
AnnaM (13 Ноябрь 2014 - 12:49) писал:
Извиняюсь, вот ссылка
http://kzearphone.storeland.ru/
#19
Отправлено 13 Ноябрь 2014 - 13:08
Prorock_Ugl (13 Ноябрь 2014 - 12:56) писал:
строку:
.fixed-header .header-wrapper {background: #fff;-webkit-transition: background 0.2s linear;transition: background 0.2s linear;}
заменить на:
.fixed-header .header-wrapper {background: #0e0e0e;-webkit-transition: background 0.2s linear;transition: background 0.2s linear;}
строку:
.page-box {min-height: 100%;height: auto !important;height: 100%;}
на:
.page-box {min-height: 100%;height: auto !important;height: 100%; background:#0e0e0e;}
строку:
#footer .footer-top {background: #f2f2f2;font-size: 12px;line-height: 21px;padding: 50px 0 13px;}
на:
#footer .footer-top {background: #0e0e0e;font-size: 12px;line-height: 21px;padding: 50px 0 13px;}
строку:
#footer .footer-bottom {background: #f7f7f7;border-top-width: 1px;border-color: #e1e1e1;font-size: 11px;line-height: 17px;padding: 21px 0 20px;}
на:
#footer .footer-bottom {background: #0e0e0e;border-top-width: 1px;border-color: #e1e1e1;font-size: 11px;line-height: 17px;padding: 21px 0 20px;}
строку:
body {font-family: 'Ubuntu', sans-serif;height: 100%;width:100%;line-height: 1.6;font-size: 14px;-webkit-appearance: none;-webkit-font-smoothing: antialiased;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;overflow-x: hidden;background-color: #fff;margin: 0;padding: 0;color: #0e0e0e;}
на:
body {font-family: 'Ubuntu', sans-serif;height: 100%;width:100%;line-height: 1.6;font-size: 14px;-webkit-appearance: none;-webkit-font-smoothing: antialiased;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;overflow-x: hidden;background-color: #fff;margin: 0;padding: 0;color: white;}
Изменения размеров указанных вами элементов может привести к потере адаптивности.
Возможно, останется изменить цвет ещё нескольких элементов, внесите данные изменения, затем исправим остальное.
#20
Отправлено 13 Ноябрь 2014 - 13:26
Dars (13 Ноябрь 2014 - 13:08) писал:
Возможно, останется изменить цвет ещё нескольких элементов, внесите данные изменения, затем исправим остальное.
Спасибо. Кое что получилось. Остался сам подвал залить тем же цветом. До меню и лого доберемся позже. Скажите, а текстуру как в примере (именно под мелкий карбон) можно реализовать? Именно это хочется в результате получить.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных