Шапка с разным фоном

[Taksi_Alisa]

Никто не поможет? Вопрос в предыдущем посте...

[SOKOJI]

Taksi_Alisa, в чем проблема-то заключается? Скрипты же написаны в цитате. Там первый скрипт меняет бэкграунд в блока DIV, другой стрипкт меняет у тега img атрибут src.

[Taksi_Alisa]

SOKOJI, у меня ссылка на шапку в CSS:

Код: Выделить всё

http://f-millerovo.info/shapka/Shapka2.jpg

Код: Выделить всё

/* General Style */
body {background: #195d83; margin:0px; padding:0px; font-family: Tahoma, Verdana, Arial, sans-serif;}
.wrap2 {background: url('http://vmillerovo.net/21.gif') center repeat-y;}
.wrap3 {background: url('http://f-millerovo.info/shapka/Shapka2.jpg') top center no-repeat; text-align: center;}
.contanier {width: 920px; margin-left: auto; margin-right: auto; text-align: left;}
.header {height: 220px; position: relative;}
 .header h1 {color: #fff; font-size: 30pt; font-weight: normal; font-style: oblique; position: absolute; top: 60px; left: 90px; margin: 0; padding: 0;}
p.date {position: absolute; top: 10px; right: 10px; color: #fff; font-size: 9pt;}
p.user-bar {position: absolute; top: 170px; left: 140px; padding: 3px 5px; background: #f7faeb; border: 1px dashed #cfd9a8;font-size: 9pt;}

Я не пойму, как задать ID блоку с шапкой. И вообще где этот блок и где эта шапка.
В верхней части сайта у меня:

Код: Выделить всё

<div class="header">
 <h1><!-- <logo> --><!-- </logo> --></h1>
 <p class="date">$WDAY$, $DATE$, $TIME$</p>
<p class="user-bar"><?if($USER_LOGGED_IN$)?><!--<s5200>-->Вы вошли как<!--</s>--> <a href="$PERSONAL_PAGE_LINK$"><b>$USERNAME$</b></a> | <!--<s3167>-->Группа<!--</s>--> "<u>$USER_GROUP$</u>"<?else?><!--<s5212>-->Приветствую Вас<!--</s>--> <b>$USERNAME$</b><?endif?> <?if($RSS_LINK$)?>| <a href="$RSS_LINK$">RSS</a> | <?endif?><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> <?if($MODULE_URL$)?>| <a href="$MODULE_URL$">$MODULE_NAME$</a><?endif?> <?if($USER_LOGGED_IN$)?> | <a href="$PERSONAL_PAGE_LINK$"><!--<s5214>-->Мой профиль<!--</s>--></a><?else?> | <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a><?endif?> <?if($USER_LOGGED_IN$)?> | <a href="$LOGOUT_LINK$"><!--<s5164>-->Выход<!--</s>--></a><?else?> | <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a><?endif?>
 </p>
 </div>

Вот тут у меня и тупик, помогите пожалуйста. Наверно, сто пудов на какой то мелочи туплю..

[SOKOJI]

Код: Выделить всё

<div class="header">

замени на

Код: Выделить всё

<div class="header" id="header">

.

[Taksi_Alisa]

SOKOJI, что то у меня вообще ничего не выходит.

Вот как сделал в верхней части сайта:

Код: Выделить всё

<div class="header" id="header">
 <h1><!-- <logo> --><!-- </logo> --></h1>
 <p class="date">$WDAY$, $DATE$, $TIME$</p>
<p class="user-bar"><?if($USER_LOGGED_IN$)?><!--<s5200>-->Вы вошли как<!--</s>--> <a href="$PERSONAL_PAGE_LINK$"><b>$USERNAME$</b></a> | <!--<s3167>-->Группа<!--</s>--> "<u>$USER_GROUP$</u>"<?else?><!--<s5212>-->Приветствую Вас<!--</s>--> <b>$USERNAME$</b><?endif?> <?if($RSS_LINK$)?>| <a href="$RSS_LINK$">RSS</a> | <?endif?><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> <?if($MODULE_URL$)?>| <a href="$MODULE_URL$">$MODULE_NAME$</a><?endif?> <?if($USER_LOGGED_IN$)?> | <a href="$PERSONAL_PAGE_LINK$"><!--<s5214>-->Мой профиль<!--</s>--></a><?else?> | <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a><?endif?> <?if($USER_LOGGED_IN$)?> | <a href="$LOGOUT_LINK$"><!--<s5164>-->Выход<!--</s>--></a><?else?> | <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a><?endif?>
 </p>
 </div>
<script type="text/javascript">
 var path = 'http://f-millerovo.info/shapka', /* путь до папки с изображениями из шага 1 */
 format='jpg', /* формат изображений */
 inum = 3; /* количество сменяемых изображений */
 document.getElementById('header') // получаем доступ к контейнеру шапки
 .style.background='url(path+new Date().getSeconds()%inum+'.'+format)'</script>

[SOKOJI]

Код: Выделить всё

<script type="text/javascript">
var path = 'http://f-millerovo.info/shapka', /* путь до папки с изображениями из шага 1 */
format='jpg', /* формат изображений */
inum = 3; /* количество сменяемых изображений */
document.getElementById('header') // получаем доступ к контейнеру шапки
.style.background='url(path+new Date().getSeconds()%inum+'.'+format)'</script>

замени на

Код: Выделить всё

<script type="text/javascript">
var path = 'http://f-millerovo.info/shapka', /* путь до папки с изображениями из шага 1 */
format='jpg', /* формат изображений */
inum = 3; /* количество сменяемых изображений */
document.getElementById('header').style.background = "url(path+new Date().getSeconds()%inum+'.'+format)"</script>

Не проверял, но должно работать.

[Taksi_Alisa]

SOKOJI, не а, не заработало..
Мне кажется нужно, что то еще в CSS поменять где ссылка на картинку шапки:

Код: Выделить всё

.wrap3 {background: url('http://f-millerovo.info/shapka/Shapka3.jpg') top center no-repeat; text-align: center;}

[SOKOJI]

Taksi_Alisa, ну так правильно, та мне .wrap3 должно быть, а #header:

Код: Выделить всё

#header. {background: url('http://f-millerovo.info/shapka/Shapka3.jpg') top center no-repeat; text-align: center;}