Как реализовать в шапке такое

(Ответов: 4, Просмотров: 642)
  1. Опытный
    • Регистрация: 06.08.2013
    • Сообщений: 307
    • Репутация: 5
    Как реализовать такое в шапке http://joxi.ru/1K7TUv3JTJCdESLi_y0.
    Вырезать два фона http://joxi.ru/N6_TUv3JTJAaONRc7zs, а потом на них налаживать изображение логотипа и текст, а также слайдер.
    Подскажите пожалуйста, как тут правильнее поступить.
    Заранее благодарен.
    • 0
  2. Гуру Аватар для Ems
    • Регистрация: 24.05.2011
    • Сообщений: 2,032
    • Репутация: 663
    Зачем два фона? Сделать блок, на бэкграунд поставить этот один фон. Слева выставить логотип, справа слайдер.
    Облачный хостинг из TOP-3 - от 1 Gb ОЗУ, от 25 GB SSD.
    • 1

    Спасибо сказали:

    altezzik(13.01.2014),
  3. Опытный
    • Регистрация: 06.08.2013
    • Сообщений: 307
    • Репутация: 5
    Ems,Слишком большое фоновое изображение получается, я и сделал в виде двух фонов. А сайт не будет медленнее загружается, если один такой большой фон или фоновое изображение в отличии от просто изображения не грузит сервер при обращении к нему?
    • 0
  4. Гуру Аватар для Ems
    • Регистрация: 24.05.2011
    • Сообщений: 2,032
    • Репутация: 663
    Ems,Слишком большое фоновое изображение получается, я и сделал в виде двух фонов. А сайт не будет медленнее загружается, если один такой большой фон или фоновое изображение в отличии от просто изображения не грузит сервер при обращении к нему?
    Слишком больше в каком смысле? В вашем варианте получается тоже самое, только две части изображения, вместо одной. Что хуже. Т.к. пойдёт два запроса на сервер, вместо одного. Загрузка будет зависеть от веса изображений. Можно их ужать. В любом случае, стили и графика после первой загрузки закешируются в браузере и при следующей загрузки страницы, не будут повторно загружаться с сервера.
    Облачный хостинг из TOP-3 - от 1 Gb ОЗУ, от 25 GB SSD.
    • 0
  5. Опытный Аватар для ViTaXa
    • Регистрация: 15.03.2013
    • Сообщений: 265
    • Репутация: 97
    SergeyNetIt, как вариант первый фон оставить как есть. А второй, в целях ускорения загрузки, сделать маленькой вертикальной полоской шириной в 3px и дублировать по оси Х, но в таком случае не будет подсвечивания в правом верхнем углу.
    И сделать это лучше в одном блоке, задав ему 2 фоновые изображения (это уже html5).
    <style>
    div{
    width: 1000px;
    height: 300px;
    background:
    url(1 часть фона.jpg) no-repeat,
    url(полоска второй части фона.jpg) repeat-x;
    }
    </style>
    Последний раз редактировалось ViTaXa; 13.01.2014 в 19:10.
    • 0

Похожие темы

Темы Раздел Ответов Последний пост
Как реализовать такое при оформление комментариев?
WordPress 3 18.12.2013 23:39
Как реализовать такое меню?
Web программирование 6 09.10.2012 21:11
Как реализовать такое в Wordpress
WordPress 1 04.09.2012 20:13
Каким плагином можно реализовать такое меню?
Софт, скрипты, сервисы 1 09.09.2011 20:10

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры