- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Как снизить ДРР до 4,38% и повысить продажи с помощью VK Рекламы
Для интернет-магазина инженерных систем
Мария Лосева
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Здравствуйте. Помогите пожалуйста советом и объяснением.
У меня есть шапка (картинкой), вот здесь она - http://nodar.name/graffiti.jpg
Она очень сложная, не можете ли мне подсказать, как ее сделать, чтобы на всех мониторах она была на весь экран? :)
По "стандартным" резиновым методам получается какая-то растянутая :(
Помогите, пожалуйста :)
Что значит на весь экран? На 100% ширины страницы?
Если так, то:
например так
<div style="background-image: url(graffiti.jpg); background-position: top left; background-repeat: repeat-x; height: 234px; width: 100%;"><br></div>
Шапка будет тянуться на всю ширину, но если размер окна браузера больше 1024 px то будет видно повторение рисунка. Можно рисунок сделать шире ну например чтоб ширина была 1920 px или больше. Тогда проблем не будет. Или подправить его чтоб не было видно стыка. Тогда рекомендую еще "логотип" сделать отдельным файлом и накладывать его поверх этого слоя.
Что значит на весь экран? На 100% ширины страницы?
Если так, то:
Иногда у этого примера бывают проблемы, пример htt_://www.gorizont.co.ua/, флеш-шапка судя по коду с таким же решением, на 3/4 мониторах отлично, на 16/9 широкоформатнике (22", 1680/1000счемто)- флеш шапка плывет (в Ие, Опере точно).
если я вас правильно понял, то тут есть только два решения
1. сделать шапку длиннее (у вас она короткая)
2. сделать так, что бы при её повторении не было видно стыков
то есть тут пока проблема с картинкой, а код уже сделать не проблема ;)
Ну вот мне второй вариант больше всего подходит :) Спасибо за советы :)
можно в стыке повернуть зеркально, таким образом удлинить картинку и вставить фоном без указания ширины.
Имхо тебе надо закольцевать картинку.
В шопе идешь в фильтр-отер-оффсет
ставишь горизонтальное смещение пикселов в 500.
Отчетливо видишь стык ;)
Зараисовываешь стык, чтобы органично перетекало одно в другое.
Делаешь фильтр-оффсет со смещением в минус 500 пикселей (назад).
Такая картинка заданная как бэк с репитом по горизонтали будет "бесконечно" тянуться