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

Автор темы: Alex
ID темы: 2849
Информация:
Тема содержит 5 сообщения, была просмотрена 2909 раз.
Просмотр темы
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 {
    }

}




PHP-Fusion 7 Bogatyr - бесплатная мультиязычная CMS для блога, форума, фотогалереи

vk.com/phpfusion
Создаю интернет-магазины и блоги, лендинги, форумы. Telegram: t.me/Vova_Kazakov
 
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:

Перейти на форум:
Похожие темы
Темы Форум Ответов / Просмотров Последние сообщения
Для каждой доп страницы свой текст в шапке  →  Народное творчество 21 / 12284 14.10.2020 09:55
У нас есть простейшая форма заказа дл сайта?  →  Пожелания и предложения 3 / 1086 16.03.2020 12:35
Какой плагин PHP-Fusion уместно использовать для создания сайта КВИЗа?  →  Пожелания и предложения 1 / 961 18.02.2020 15:14
Восстановление сайта  →  Книга жалоб и предложений 130 / 60816 24.01.2020 06:23
Дизайн сайта  →  Книга жалоб и предложений 59 / 16902 24.01.2020 06:12
Панель "последние статьи" в зависимости от языка сайта и категории статьи  →  Моды 9 / 979 31.10.2019 22:59
Создание сайта на семерке  →  Платные услуги 1 / 836 22.05.2019 14:10
Мобильная версия сайта  →  Моды 4 / 864 08.03.2019 12:14
Я скачал адаптивные темы с оф.сайта  →  Темы оформления 7 версии 8 / 1865 08.12.2018 10:44
Индекс качества сайта (ИКС) - новый показатель оценки сайта от Яндекс  →  Разное 4 / 1652 20.11.2018 02:29
Топ 5 пользователей форума
Alex Alex (1,237)   Zaxap Zaxap (1,090)   Vova Vova (877)   Pisatel Pisatel (678)   util util (666)