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


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


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

#1 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 30 Октябрь 2014 - 11:21

Доброго дня ! хочу перенести частично дизайн на новый шаблон(в старом адаптация едет) Помогите пожалуйста по шагам  вот временный черновой сайт Аккаунт SL-316446
1 Подвал
Сейчас загружена фоновая картинка в подвал какое нужно добавить значение чтоб картинка сжималась подстраиваясь под размер экрана?

#2 Danil

Danil

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

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

Отправлено 30 Октябрь 2014 - 11:31

Просмотр сообщениямистка (30 Октябрь 2014 - 11:21) писал:

Доброго дня ! хочу перенести частично дизайн на новый шаблон(в старом адаптация едет) Помогите пожалуйста по шагам  вот временный черновой сайт Аккаунт SL-316446
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 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 30 Октябрь 2014 - 12:03

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

#4 Vaccina

Vaccina

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

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

Отправлено 31 Октябрь 2014 - 03:40

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

#5 ViktorIG

ViktorIG

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

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

Отправлено 31 Октябрь 2014 - 09:02

Приветствую! Подскажите, как в этом шаблоне вместо белого фона вывести текстуру?

#6 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 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 ViktorIG

ViktorIG

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

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

Отправлено 31 Октябрь 2014 - 09:52

Спасибо. Очень оперативно отвечаете.

#8 fredshka

fredshka

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

  • Пользователи
  • PipPipPipPip
  • 241 сообщений
  • ГородМосква

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

Как сделать, чтобы логотип растягивался настолько (показано на картинке)
+ мне нужно добавить падающий снег, но чтобы ничего не тормозило?
Аккаунт - 317267

#9 Danil

Danil

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

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

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

Просмотр сообщенияfredshka (03 Ноябрь 2014 - 21:38) писал:

Как сделать, чтобы логотип растягивался настолько (показано на картинке)
+ мне нужно добавить падающий снег, но чтобы ничего не тормозило?
Аккаунт - 317267
Здравствуйте.
Уточните, как именно нужно растянуть логотип, так же не совсем понятно, где должен падать снег?.

#10 ViktorIG

ViktorIG

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

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

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

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

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

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

#11 Dars

Dars

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

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

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

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

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

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

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

#12 ViktorIG

ViktorIG

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

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

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

По предыдущему вопросу - завтра нарисую скрин, выложу здесь.

Еще небольшая проблемка. На странице обратной связи (feedback) не видны границы полей для ввода данных. Выглядит как просто пустое поле под поясняющим текстом:

2014-11-06 22-21-10 Связь с администрацией – Yandex.png

надо как-то обозначить границы полей ввода. подскажите, как это сделать?

#13 Danil

Danil

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

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

Отправлено 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 sergej0720

sergej0720

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

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

Отправлено 09 Ноябрь 2014 - 23:30

Здравствуйте уважаемые модераторы, нужна ваша помощь:
1. сделать так чтобы в шапке всегда по умолчанию были не группы, а стока поиска (но чтобы она не закрывала значки сравнения товаров и корзину)
2. убрать из строки поиска кнопку "закрыть" и значок поиска

Вот как я хочу чтобы это выглядело - см. скрин

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

  • Безымянный.png


#15 ViktorIG

ViktorIG

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

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

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

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

По предыдущему вопросу - завтра нарисую скрин, выложу здесь.

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

5.png

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

Как это исправить?

#16 Prorock_Ugl

Prorock_Ugl

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

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

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

Добрый день! Подскажите, пожалуйста возможно ли реализовать фон, как показано на примере (http://livedemo00.te...36811/index.php) не прибегая к загрузке бесшовной текстуры? Фон нужен одинаковый и для подвала и для шапки. Как заменить цвет текста на белый? Как уменьшить по ширине размер слайдера и шапки, так, чтобы по бокам оставался виден фон сайта?(в идеале хотелось бы получить, как на том же примере http://livedemo00.te...36811/index.php ). Спасибо!

#17 AnnaM

AnnaM

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

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

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

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

Добрый день! Подскажите, пожалуйста возможно ли реализовать фон, как показано на примере (http://livedemo00.te...36811/index.php) не прибегая к загрузке бесшовной текстуры? Фон нужен одинаковый и для подвала и для шапки. Как заменить цвет текста на белый? Как уменьшить по ширине размер слайдера и шапки, так, чтобы по бокам оставался виден фон сайта?(в идеале хотелось бы получить, как на том же примере http://livedemo00.te...36811/index.php ). Спасибо!
Добрый день! Уточните номер аккаунта на котором требуется производить изменения.

#18 Prorock_Ugl

Prorock_Ugl

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

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

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

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

Добрый день! Уточните номер аккаунта на котором требуется производить изменения.

Извиняюсь, вот ссылка
http://kzearphone.storeland.ru/

#19 Dars

Dars

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

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

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

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


Извиняюсь, вот ссылка
http://kzearphone.storeland.ru/
Если я вас правильно понял, вам нужно произвести следующие изменения в main.css:

строку:

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

Prorock_Ugl

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

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

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

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


Возможно, останется изменить цвет ещё нескольких элементов, внесите данные изменения, затем исправим остальное.

Спасибо. Кое что получилось. Остался сам подвал залить тем же цветом. До меню и лого доберемся позже. Скажите, а текстуру как в примере (именно под мелкий карбон) можно реализовать? Именно это хочется в результате получить.




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

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