Как реализовать такое в шапке http://joxi.ru/1K7TUv3JTJCdESLi_y0.
Вырезать два фона http://joxi.ru/N6_TUv3JTJAaONRc7zs, а потом на них налаживать изображение логотипа и текст, а также слайдер.
Подскажите пожалуйста, как тут правильнее поступить.
Заранее благодарен.
- 13.01.2014 14:19Опытный


- Регистрация: 06.08.2013
- Сообщений: 307
- Репутация: 5
- 13.01.2014 14:32
Зачем два фона? Сделать блок, на бэкграунд поставить этот один фон. Слева выставить логотип, справа слайдер.
Спасибо сказали:
altezzik(13.01.2014), - 13.01.2014 17:19Опытный


- Регистрация: 06.08.2013
- Сообщений: 307
- Репутация: 5
Ems,Слишком большое фоновое изображение получается, я и сделал в виде двух фонов. А сайт не будет медленнее загружается, если один такой большой фон или фоновое изображение в отличии от просто изображения не грузит сервер при обращении к нему?
- 13.01.2014 17:30Слишком больше в каком смысле? В вашем варианте получается тоже самое, только две части изображения, вместо одной. Что хуже. Т.к. пойдёт два запроса на сервер, вместо одного. Загрузка будет зависеть от веса изображений. Можно их ужать. В любом случае, стили и графика после первой загрузки закешируются в браузере и при следующей загрузки страницы, не будут повторно загружаться с сервера.Ems,Слишком большое фоновое изображение получается, я и сделал в виде двух фонов. А сайт не будет медленнее загружается, если один такой большой фон или фоновое изображение в отличии от просто изображения не грузит сервер при обращении к нему?
- 13.01.2014 17:39
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 в 18:10.
Тэги топика:
- joxi,
- большой,
- быть,
- втора,
- загрузка,
- изображение,
- макет шапки,
- полоска,
- реализовать,
- сделать,
- сервер,
- фон,
- фоновый,
- шапка,
- шапка сайта
Похожие темы
| Темы | Раздел | Ответов | Последний пост |
|---|---|---|---|
Как реализовать такое при оформление комментариев? | WordPress | 3 | 18.12.2013 22:39 |
Как реализовать такое меню? | Web программирование | 6 | 09.10.2012 20:11 |
Как реализовать такое в Wordpress | WordPress | 1 | 04.09.2012 19:13 |
Каким плагином можно реализовать такое меню? | Софт, скрипты, сервисы | 1 | 09.09.2011 19:10 |

