Забыли пароль?
Запросите новый здесь.

Автор темы: Alex
ID темы: 2849
Информация:
Тема содержит 5 сообщения, была просмотрена 1738 раз.
Просмотр темы
PHP-Fusion Russia » Веб-разработка » HTML и CSS
 Распечатать тему
диагональный рисунок в шапке сайта
Alex
Планирую для одного из сайтов сделать подобную шапку

linkme.ufanet.ru/images/ace0db4afffea96a649a202f291f2265.jpg

НО гложет сомнения как оно будет смотреться при разных разрешениях экрана.

может кто нибудь что то посоветует как такое реализовать?


моя первая мысль создать див на всю ширину экрана и этот рисунок поставить фоном этого дива, и вот тут сомнениями задаюсь а что будет при разных разрешениях экрана
 
Web
jikaka
как вариант, для дива ставь бэкграундом и для разных разрешений меняй размер фона через background-size
для телефонов делай свой фон
 
Web
Vveb--ws
всё это глупости.

ставишь на фон body с выравниванием вверх влево без повтора.

можно сделать разные bg для каждого разрешения монитора
Скачать исходники  Код

@media screen and (min-width:100px) and (max-width:599px) {

    /* сюда вписывать стиль */
    body {
        background-image: url('images/background.jpg');
        background-position: top left;
        background-repeat: no-repeat;
    }
   
}


@media screen and (min-width:600px) {

    body {
    }

}



 
Web
jikaka
Vveb--ws, я тоже самое и предложил)))
 
Web
lucky
можно background растягивать на всю ширину:
Скачать исходники  Код
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
background-size: cover;




или так:
Скачать исходники  Код
background-size: 100% 100%;


 

Поделиться этой темой
Социальные закладки: Vkontakte Odnoklassniki Mail.ru Facebook Google Tweet This
URL:
BBcode:
HTML:

Перейти на форум:
Похожие темы
Темы Форум Ответов / Просмотров Последние сообщения
Какие плагины вы посоветуете для создания сайта с платным скачиванием файлов?  →  Плагины 1 / 156 01.02.2018 09:42
Бесплатная реклама сайта  →  Реклама на портале 1 / 329 25.01.2018 14:52
Сделаю видео-анализ юзабилити сайта  →  Платные услуги 15 / 11416 10.10.2017 21:23
Перекидывать с админки на главную страницу сайта  →  Вопросы новичков 6 / 2454 26.09.2017 12:40
категории новостей в меню сайта  →  Вопросы новичков 2 / 1174 29.08.2017 15:16
Для каждой доп страницы свой текст в шапке  →  Народное творчество 8 / 7898 14.04.2017 21:02
Шапка сайта  →  Вопросы новичков 5 / 4103 06.11.2016 06:23
Уникально дебильные требования к вёрстке сайта. На ночь не читать!  →  Юмор 9 / 4077 27.10.2016 13:37
Можно ли убрать в нижней части сайта Copyright © 2010-2013 RUSFusion.ru....  →  Вопросы новичков 9 / 6030 27.10.2016 03:01
Версия сайта для слабовидящих  →  Пожелания и предложения 8 / 7839 18.09.2016 11:20
Топ 5 пользователей форума
Alex Alex (1,175)   Zaxap Zaxap (1,078)   Vova Vova (877)   Pisatel Pisatel (678)   util util (666)