Re: Шапка с разным фоном
Добавлено: 07 янв 2010, 15:41
Никто не поможет? Вопрос в предыдущем посте... 
Web-Codes
Все о программировании, веб‑разработке и электронике.
https://web-codes.net/
Шапка с разным фоном
Страница 2 из 2
Re: Шапка с разным фоном
Добавлено: 07 янв 2010, 17:16
Taksi_Alisa, в чем проблема-то заключается? Скрипты же написаны в цитате. Там первый скрипт меняет бэкграунд в блока DIV, другой стрипкт меняет у тега img атрибут src.
Re: Шапка с разным фоном
Добавлено: 08 янв 2010, 00:33
SOKOJI, у меня ссылка на шапку в CSS:
Я не пойму, как задать ID блоку с шапкой. И вообще где этот блок и где эта шапка.
В верхней части сайта у меня:
Вот тут у меня и тупик, помогите пожалуйста. Наверно, сто пудов на какой то мелочи туплю..
Код: Выделить всё
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>Вот тут у меня и тупик, помогите пожалуйста. Наверно, сто пудов на какой то мелочи туплю..
Re: Шапка с разным фоном
Добавлено: 08 янв 2010, 10:44
Код: Выделить всё
<div class="header">Код: Выделить всё
<div class="header" id="header">Re: Шапка с разным фоном
Добавлено: 08 янв 2010, 12:27
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>Re: Шапка с разным фоном
Добавлено: 08 янв 2010, 15:20
Код: Выделить всё
<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>Не проверял, но должно работать.
Re: Шапка с разным фоном
Добавлено: 08 янв 2010, 15:38
SOKOJI, не а, не заработало..
Мне кажется нужно, что то еще в CSS поменять где ссылка на картинку шапки:
Мне кажется нужно, что то еще в CSS поменять где ссылка на картинку шапки:
Код: Выделить всё
.wrap3 {background: url('http://f-millerovo.info/shapka/Shapka3.jpg') top center no-repeat; text-align: center;}Re: Шапка с разным фоном
Добавлено: 08 янв 2010, 17:50
Taksi_Alisa, ну так правильно, та мне .wrap3 должно быть, а #header:
Код: Выделить всё
#header. {background: url('http://f-millerovo.info/shapka/Shapka3.jpg') top center no-repeat; text-align: center;}