как сделать шапку сайта с помощью CSS?

seosniks
На сайте с 13.08.2007
Offline
389
996

Добрый день уважаемые Доны.

Картинка размер 1200 на 200, это фон размер на всю страницу пропсан в header

#header {

background:url(hdr_bg00.png) top center no-repeat;

height:200px;

position:relative;

}

я хочу отрезать левый и правый край у картинки, и вставить их с лева и с права, а остельное залить фоном.

Как это сделать?

Или оставить картинку как есть? сейчас она весит 36 кб.

Спасибо за помощь.

sir Nicholas
На сайте с 18.04.2012
Offline
146
#1
seosniks:
Картинка размер 1200 на 200, это фон размер на всю страницу пропсан в header
я хочу отрезать левый и правый край у картинки, и вставить их с лева и с права, а остельное залить фоном.

Не совсем понял, так как не вижу дизайна и не совсем понимаю как нужно сделать, но:

#header{width:1200px;height:200px;background:url(hdr_bg00.png) top center no-repeat;}

а фон прописать к примеру в body

body{background:url(fon.jpg) top repeat-x;}
seosniks:
Или оставить картинку как есть? сейчас она весит 36 кб.

В фотошопе сохранить для web, если картинка как фото - jpg, если обычная - png, поэкспериментируйте качество/вес

Vauquelin
На сайте с 02.09.2012
Offline
9
#2

покажите картинку, плж

seosniks
На сайте с 13.08.2007
Offline
389
#3
Vauquelin:
покажите картинку, плж

картинка обычный прямоугольник с закругленными углами.

Например как у серча , тольк о на всю ширину, и закругленными углами.

вот я и хотел у далить часть картинки вставить туда пару мелких, а середжину фоном.

Цвет черный у всей шапки.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий