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


Фон Шапки

фон шапки лазурь

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

#1 Ast

Ast

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

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

Отправлено 10 Март 2017 - 11:23

Аккаунт SL-406567
Здравствуйте. Попытался установить фон шапки, но почему-то не показывается.
Помогите пожалуйста. Нужно сделать как на скриншоте:
1. Установить фоном картинку
2. Увеличить header до 194 px

Спасибо

Изображение

#2 Firefly

Firefly

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

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

Отправлено 10 Март 2017 - 17:58

Просмотр сообщенияAst (10 Март 2017 - 11:23) писал:

Аккаунт SL-406567
Здравствуйте. Попытался установить фон шапки, но почему-то не показывается.
Помогите пожалуйста. Нужно сделать как на скриншоте:
1. Установить фоном картинку
2. Увеличить header до 194 px

Спасибо

Изображение

Здравствуйте.
Изменения Вам произвел и создал бэкап после.

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

  • screenshot.jpg


#3 Ast

Ast

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

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

Отправлено 10 Март 2017 - 19:42

Просмотр сообщенияFirefly (10 Март 2017 - 17:58) писал:

Здравствуйте.
Изменения Вам произвел и создал бэкап после.
Спасибо огромное! Всё как надо.

#4 Ast

Ast

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

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

Отправлено 11 Март 2017 - 14:32

Изображение

Не могли бы помочь сделать еще несколько мелких изменений:
1. Убрать полностью форму поиска в шапке
2. Переместить в шапке Телефон и Email на место формы поиска
3. Убрать разделительные полосы в шапке над логотипом (синюю и серую)
4. Меню под логотипом. Между меню и хлебными крошками убрать синюю полосу
5. В подвале убрать белую полосу между верхним и нижним подвалом

Спасибо большое!

#5 Danil

Danil

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

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

Отправлено 11 Март 2017 - 20:15

Просмотр сообщенияAst (11 Март 2017 - 14:32) писал:

Изображение

Не могли бы помочь сделать еще несколько мелких изменений:
1. Убрать полностью форму поиска в шапке
2. Переместить в шапке Телефон и Email на место формы поиска
3. Убрать разделительные полосы в шапке над логотипом (синюю и серую)
4. Меню под логотипом. Между меню и хлебными крошками убрать синюю полосу
5. В подвале убрать белую полосу между верхним и нижним подвалом

Спасибо большое!
Здравствуйте.
Изменения Вам произвел, проверьте, пожалуйста.

#6 Ast

Ast

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

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

Отправлено 12 Март 2017 - 10:36

Просмотр сообщенияDanil (11 Март 2017 - 20:15) писал:

Здравствуйте.
Изменения Вам произвел, проверьте, пожалуйста.

1. В десктопной версии всё правильно. Но подскажите пожалуйста, где в css установлен размер и цвет номера телефона и email?
Хотелось бы размер номера чуть увеличить,а почту чуть уменьшить.

2. А в мобильной версии телефон и почта не показывается. Надо бы чтобы были под логотипом. .

3. Почему-то не получается сверстать 2 резиновые колонки (смотрите главную страницу). Не раздвигаются на всю ширину страницы.  (скрин как должно быть прилагаю). В мобильной версии правая колонка должна располагаться под левой, как обычно.
Вообще такое впечатление что шапка шире всего контента под шапкой. Даже блок новостей не центрован как то. Нет?
Можно сделать чтобы выводилось на главной 3 новости?

Спасибо Вам огромное!

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

  • iacheiki.jpg


#7 Stasya

Stasya

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

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

Отправлено 14 Март 2017 - 13:05

Просмотр сообщенияAst (12 Март 2017 - 10:36) писал:

1. В десктопной версии всё правильно. Но подскажите пожалуйста, где в css установлен размер и цвет номера телефона и email?
Хотелось бы размер номера чуть увеличить,а почту чуть уменьшить.

2. А в мобильной версии телефон и почта не показывается. Надо бы чтобы были под логотипом. .

3. Почему-то не получается сверстать 2 резиновые колонки (смотрите главную страницу). Не раздвигаются на всю ширину страницы.  (скрин как должно быть прилагаю). В мобильной версии правая колонка должна располагаться под левой, как обычно.
Вообще такое впечатление что шапка шире всего контента под шапкой. Даже блок новостей не центрован как то. Нет?
Можно сделать чтобы выводилось на главной 3 новости?

Спасибо Вам огромное!
1) В файле main.css найдите строку
#header ul.contact-us-now li {float:right;line-height: 36px;margin-left: 15px;padding-left: 28px;font-size: 170%;}
и сразу после нее вставьте код
#header ul.contact-us-now .c-phone a {
font-size: 20px;
color: #7db61a;
}
#header ul.contact-us-now .c-email a {
font-size: 20px;
color: #7db61a;
}
В нем Вы можете изменить цвет - #7db61a и размер шрифта - 20px в блоке  
#header ul.contact-us-now .c-phone a {
font-size: 20px;
color: #7db61a;
}
и тоже самое для почты в блоке
#header ul.contact-us-now .c-email a {
font-size: 20px;
color: #7db61a;
}

2) В файле main.css найдите строку
@media (max-width: 481px) {
чуть ниже нее найдите строку
ul.contact-us-now {position: absolute;top: 35px;left: -1px;width: 200px;border: 1px solid #e9e9e9;background: #FFF;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);}
и замените ее на
ul.contact-us-now {
position: absolute;
top: 86px;
left: -1px;
width: 100% !important;
text-align: center;
}
#header ul.contact-us-now li {
float: none;
line-height: 26px;
margin-left: 15px;
padding-left: 28px;
font-size: 170%;
}
3) В файле main.css найдите строку
@media all and (max-width: 767px) {
и сразу после нее вставьте блок
.inbox1, .inbox2 {width:100%}


#8 Ast

Ast

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

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

Отправлено 14 Март 2017 - 13:16

Просмотр сообщенияStasya (14 Март 2017 - 13:05) писал:

1) В файле main.css найдите строку
#header ul.contact-us-now li {float:right;line-height: 36px;margin-left: 15px;padding-left: 28px;font-size: 170%;}
и сразу после нее вставьте код
#header ul.contact-us-now .c-phone a {
font-size: 20px;
color: #7db61a;
}
#header ul.contact-us-now .c-email a {
font-size: 20px;
color: #7db61a;
}
В нем Вы можете изменить цвет - #7db61a и размер шрифта - 20px в блоке  
#header ul.contact-us-now .c-phone a {
font-size: 20px;
color: #7db61a;
}
и тоже самое для почты в блоке
#header ul.contact-us-now .c-email a {
font-size: 20px;
color: #7db61a;
}

Спасибо, всё сработало как надо. А как со 2 и 3 пунктами?

#9 Ast

Ast

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

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

Отправлено 14 Март 2017 - 13:26

Черт, в новостном блоке не заметил что там есть прокрутка новостей. А можно сделать как это реализовано в шаблоне проекта SL-406930 ? То есть на главной выводятся 3 новости в одну строку, и новая новость замещает старые. Не надо прокрутку.

#10 Stasya

Stasya

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

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

Отправлено 14 Март 2017 - 14:16

Просмотр сообщенияAst (14 Март 2017 - 13:16) писал:

Спасибо, всё сработало как надо. А как со 2 и 3 пунктами?
Здравствуйте. Дописала инструкцию по всем пунктам. Обновите, пожалуйста, страницу.

#11 Ast

Ast

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

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

Отправлено 14 Март 2017 - 14:45

Просмотр сообщенияStasya (14 Март 2017 - 14:16) писал:

Здравствуйте. Дописала инструкцию по всем пунктам. Обновите, пожалуйста, страницу.
Спасибо большое. все получилось, кроме 3 пункта и с новостями.
Не получается раздвинуть 2 колонки на главной по ширине страницы. Может быть я плохо пояснил. Колонки должны быть даже не резиновые, а адаптивные. То есть на странице левая колонка для основного контента, а правая по ширине фотографии. Но в мобильной версии правая колонка должна показываться под левой.

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

#12 Stasya

Stasya

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

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

Отправлено 14 Март 2017 - 14:53

Просмотр сообщенияAst (14 Март 2017 - 14:45) писал:

Спасибо большое. все получилось, кроме 3 пункта и с новостями.
Не получается раздвинуть 2 колонки на главной по ширине страницы. Может быть я плохо пояснил. Колонки должны быть даже не резиновые, а адаптивные. То есть на странице левая колонка для основного контента, а правая по ширине фотографии. Но в мобильной версии правая колонка должна показываться под левой.

С новостями надо сделать чтобы на главной они показывались в одну строку, и без прокруток. Как это было в шаблоне раньше. Пример - аккаунт SL-406930 Новые новости замещают старые да и всё.
ЧТо касаемо новостей, то Вам необходимо в шаблоне HTML найти строку
{% FOR news_list_all %}
и сразу после нее добавить код
{% IF news_list_all.index >3 %}{break}{% ENDIF %}
А так же в разделе Настройки-> Основные поставить галочку Группировать новости в блоке навигации на сайте.
Что касаемо блоков, то тот код, который я Вам прислала ранее и делает адаптивными колонки текста. Если я Вас правильно поняла.
Речь идет об этих столбцах ? Как он будет перестраиваться при уменьшении экрана показала синей стрелкой.
Попробуйте по ранее присланной инструкции в п.3  вставить код
.inbox1, .inbox2 {
width: 100% !important;
}


#13 Ast

Ast

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

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

Отправлено 14 Март 2017 - 15:23

Просмотр сообщенияStasya (14 Март 2017 - 14:53) писал:

ЧТо касаемо новостей, то Вам необходимо в шаблоне HTML найти строку
{% FOR news_list_all %}
и сразу после нее добавить код
{% IF news_list_all.index >3 %}{break}{% ENDIF %}
А так же в разделе Настройки-> Основные поставить галочку Группировать новости в блоке навигации на сайте.
Что касаемо блоков, то тот код, который я Вам прислала ранее и делает адаптивными колонки текста. Если я Вас правильно поняла.
Речь идет об этих столбцах ? Как он будет перестраиваться при уменьшении экрана показала синей стрелкой.
Попробуйте по ранее присланной инструкции в п.3  вставить код
.inbox1, .inbox2 {
width: 100% !important;
}

Да эти столбцы. Правый где фото должен быть соответственно по ширине фото.
Вставил дополнительно код, не помогает. :blink:

С новостями всё ок, спасибо

#14 Ast

Ast

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

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

Отправлено 14 Март 2017 - 15:32

Хотя нет, с новостями еще не все в порядке. Показываются 3 новости все ок но не в одну строчку. Видимо надо уменьшить ширину каждого блока новостей? Или надо оставить показ 2 новостей, но в этом случае между блоками новостей надо сделать больше отступ. Иначе от правого блока до края страницы много пустого места. Не симметрично как-то. В этом проблема.

#15 Ast

Ast

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

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

Отправлено 15 Март 2017 - 12:27

Еще актуально:
1. Столбцы на главной не разворачиваются по ширине страницы
2. На главной большой отступ от правого блока новостей до правого края страницы. Нет симметрии.
3. На странице новостей прижать контент к левому краю.

PS удалите пожалуйста прикрепленные изображения в посте #13 с фотографией человека. Спасибо

#16 Danil

Danil

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

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

Отправлено 15 Март 2017 - 12:36

Просмотр сообщенияAst (15 Март 2017 - 12:27) писал:

Еще актуально:
1. Столбцы на главной не разворачиваются по ширине страницы
2. На главной большой отступ от правого блока новостей до правого края страницы. Нет симметрии.
3. На странице новостей прижать контент к левому краю.

PS удалите пожалуйста прикрепленные изображения в посте #13 с фотографией человека. Спасибо
Здравствуйте.
Изменения Вам произвел, проверьте, пожалуйста.
Так же создал бэкапы до и после.

#17 Ast

Ast

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

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

Отправлено 15 Март 2017 - 12:52

Просмотр сообщенияDanil (15 Март 2017 - 12:36) писал:

Здравствуйте.
Изменения Вам произвел, проверьте, пожалуйста.
Так же создал бэкапы до и после.

Спасибо большое! Всё отлично. а изображения с поста #13 можно удалить?

#18 Ast

Ast

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

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

Отправлено 15 Март 2017 - 13:33

Скажите пожалуйста где меняется цвет фона даты новости?

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

  • news.png


#19 Danil

Danil

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

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

Отправлено 15 Март 2017 - 15:06

Просмотр сообщенияAst (15 Март 2017 - 13:33) писал:

Скажите пожалуйста где меняется цвет фона даты новости?
В main.css найдите код
#botsl .block.block-latestblog .block-content ul .item .item-post:hover .date {background: #3cabda;border-color: #3cabda;}
в нем изменяйте цвет на свой.

#20 Ast

Ast

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

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

Отправлено 15 Март 2017 - 15:31

Просмотр сообщенияDanil (15 Март 2017 - 15:06) писал:

В main.css найдите код
#botsl .block.block-latestblog .block-content ul .item .item-post:hover .date {background: #3cabda;border-color: #3cabda;}
в нем изменяйте цвет на свой.

Спасибо!




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

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