Войти

Авторизация

Логин:
Пароль:
Забыли пароль?
Регистрация
Сайт пользователей Artisteer и Themler. Официальный торговый представитель.

Резиновая шапка

Захожу иногда
viliksar
Сообщений: 89
174 дня назад
В верстке шаблона я понял что программа не умеет делать резиновую шапку со своей картинкой. Как я не пытался картинка не отображалась как мне хотелось.

решил вопрос таким образом, в файле header.php вместо:

Код PHP:
  1. art-header
  2.  
Вставил:
Код PHP:
  1. <img width="100%" src="URL картинки" alt="Мой сайт" title="Мой сайт"/>


В итоге результат меня полностью устраивает.
Возможно существует другой вариант в программе самой, буду рад услышать советы.
Редактировалось: 4 раза (Последний: 1 апреля 2015 в 21:01)
Постоянный участник
Malover
Медаль
Сообщений: 580
12 часов назад
Недавно была тема с подобным вопросом.
Как резиновую картинку вставить можно.

Но ИМХО закоментировано много лишнего, если не все.
Разбираться нужно по месту. Коротко то что видно:
Это стили слайдера, если его нет в шаблоне можно удалить совсем.
Спойлер
Это сама шапка, не думаю что хороший вариант комментировать её
Спойлер
Лучше использовать .art-header как контейнер удалив из него фон:

background-image: url('images/header.png');

И из .responsive .art-header тоже.
То есть должно быть как то примерно так:
<div class="art-header">
<img width="100%" src="URL картинки" alt="Мой сайт" title="Мой сайт"/>
</div>

ЗЫ: Попробуйте проверить что у Вас получилось в разных браузерах и на разных разрешениях.
Если Вас устраивает то...
Постоянный участник
Evgenert
Медаль
Сообщений: 310
2 дня назад
Malover:
Лучше использовать .art-header как контейнер удалив из него фон:

Не факт, может работать при некоторых макетах. Сам лист будет контейнером.


Malover:
Попробуйте проверить что у Вас получилось в разных браузерах и на разных разрешениях.

Если нужен резиновый шаблон можно в браузерах. Если адаптивный для мобильных то в Firefox
Инструменты - Веб- разработка - адаптивный дизайн.
Проверить для разных устройств.
Захожу иногда
viliksar
Сообщений: 89
174 дня назад
Комментирование в css удалил, береборщил согласен.

А с контейнером в хедере
Код PHP:
  1. <div class="art-header">
  2.  
  3. </div>
вариан мне не понравился, шапка налезла на меню, рылся в css подложка в таком случае не резиновая и при масштамбировании шапка отслаивается от подложки.

Просто оставил в хедере
Код PHP:
  1. <img width="100%" src="URL картинки" alt="Мой сайт" title="Мой сайт"/>
Проверил в лисе по адаптивный дизайн, смотрится отлично.
Постоянный участник
Malover
Медаль
Сообщений: 580
12 часов назад
viliksar:
вариан мне не понравился,

Это был вариант, на местности видней. smile

Возможно даже:

Evgenert:
Сам лист будет контейнером.
Посетитель
pragma
Сообщений: 9
837 дней назад
А на мобильном нормально будет ?

Не давно была такая проблема, пытался её решить не получилось:
Скрытый текст виден только зарегистрированным пользователям
Захожу иногда
viliksar
Сообщений: 89
174 дня назад
pragma:
А на мобильном нормально будет ?

На любом дивайсе шапка резиновая и вид отличный-
Захожу иногда
viliksar
Сообщений: 89
174 дня назад
Кстати, если выбрать пункт - "размеры верх. колон. под изображение..."
То тогда шапка становиться прямо в программе такой, как должно быть. Но проблема в том, что эта кнопка высвечивается только если лист шаблона в пикселях, если его делать резиновым, то оно уже не светиться.
Редактировалось: 1 раз (Последний: 17 июня 2015 в 19:07)
Постоянный участник
Malover
Медаль
Сообщений: 580
12 часов назад
viliksar:
Кстати, если выбрать пункт - "размеры верх. колон. под изображение..."
То тогда шапка становиться прямо в программе такой, как должно быть.

Нет в программе получается как описано в теме показанной выше:
Скрытый текст виден только зарегистрированным пользователям


То есть часть изображения скрывается пример:

Мобильный:

""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.


Десктоп:

""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.


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

Решение что у Вас выше делает именно резиновым изображение и шапку, по крайней мере я так думаю.
А при вставке в программе на снимках видно, часть изображения прячется.Добавлено спустя 3 минутыСейчас подумал scratch возможно если подготовить узкое изображение по высоте окна в расположении то может быть и будет обрезать минимально и не будет заметно.
Посетитель
HVALAALLAHU
Сообщений: 9
157 дней назад
Добрый ! способ для ленивых , как сделать хедер респонзив без правки стилей ( подойдёт для тех кто рисовал , а не вставляет обычное фото ) . сюжет шапки надо нарисовать около 1120 пх при общей ширине 1920 , тогда все влезет на всех устройствах . в последнем артисти - том что есть экспорт в темлер . Еще заметила , что артисти режет картинку для шапки и переводит в жпг , с потерей качества , можно поменять фон шапки уже в папке картинок темы . загрузила картинку 1920 пх как шпору для проверки
Прикрепленные файлы:
shapka_58b4a3a862e41.jpg | 51.38 Кб | Скачали: 8 раз
Модератор Постоянный участник
samson
Медаль За активное участие в жизни сайта.
Сообщений: 922
5 дней назад
HVALAALLAHU:
Еще заметила , что артисти режет картинку для шапки и переводит в жпг , с потерей качества , можно поменять фон шапки уже в папке картинок темы . загрузила картинку 1920 пх как шпору для проверки

В этом есть некоторый смысл... Все таки уменьшается вес страницы. Но с другой стороны при современных скоростях интернета возможно 1-2 лишних Мб не критично для сайта.
Посетитель
HVALAALLAHU
Сообщений: 9
157 дней назад
когда я уехала из большого города , только тогда я поняла , что шапка не должна весить более 200-400 кб ) может эта инфа будет полезна жителям мегаполисов .
Модератор Постоянный участник
samson
Медаль За активное участие в жизни сайта.
Сообщений: 922
5 дней назад
HVALAALLAHU:
только тогда я поняла , что шапка не должна весить более 200-400 кб ) может эта инфа будет полезна жителям мегаполисов .

Так я и не утверждаю обратного.)

Вообще правильно тестировать сайт на загрузку, Как минимум через тесты скорости загрузки

Скрытый текст виден только зарегистрированным пользователям
Посетитель
HVALAALLAHU
Сообщений: 9
157 дней назад
samson, спасибо полезный сервис - желтый . я раньше реально думала , что это параноя гоши , пока сама не уехала и не поняла , что не везде бывает быстрый инет ... и сейчас уже каждые 60 кб считаю .
|
Перейти на форум:
Быстрый ответ
У вас нет прав, чтобы писать на форуме.