Чат сообщества
|
   |
| Модератор форума: Yuri_G |
| Сообщество uCoz Мастерская uCoz Дизайн: управление шаблонами Шапка сайта в CSS (Отображать шапку не через HTML а через CSS) |
| Шапка сайта в CSS |
|
Здравствуйте. У меня на сайте шапка отображается через штмл, вот так (<table width="1216" height="51"><img src="/logo.jpg" width="100%" />) . Как сделать так чтоб шапка отображалась через css?
Говорят что через css сайт быстрее прогружается, вот и хочу сделать так. |
|
Pika44y, #header {width: 1216px; height: 51px; background: url(http://это фон шапки.jpg) no-repeat;}
это если на сайте фиксированная ширина body, то есть 1216, а если ширина body 100%, то body будет растягиваться, а картинка в шапке - нет. Тогда нужно добавить к этому коду ещё две строчки: #boom {position: absolute;margin-left: 432px;width: 538px;height:177px;background: url(http://это картинка слева в шапке.jpg) no-repeat;} #sitelogo {padding: 45px 0px 0px 40px;width: 460px;font: bold 42px 'Arial';color: #999999;text-shadow: 0px 1px 0px #fff;-moz-text-shadow: 0px 1px 0px #fff;} и в html-коде шапки надо прописать путь к стилям: <div id="header"> <div id="boom"></div> <div id="sitelogo"> <a href="http//:тут адрес сайта"><img src="http//:тут ссылка на картинку"> </div> </div> Сообщение отредактировал Romchik_Ya - Воскресенье, 11 Май 2014, 20:48:37
|
|
ЗДраствуйте, не могу убрать картинку mac-b.png , все обрыл, не нашел ее нигде.
Прикрепления:
5045674.jpg
(46.4 Kb)
|
|
Цитата bandjuk (  )нужен адрес сайта |
|
Кровельщик, в таблице стилей
Цитата .promo-mask { background: url("/.s/t/1064/mac-b.png") repeat scroll 0 0 rgba(0, 0, 0, 0); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 100; } |
|
Спасибо, нашел все- таки, не знал что нада список таблици горать что бы браузер искал по всему, а так он искал то что видно на экране и чуть ниже.
|
| |||
| |||
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!