>
Категории вопросов
Задать вопрос +

Основное

Контент-модули

Продвижение сайта

Управление сайтом

Доп. модули

Вебмастеру

Похожие вопросы



Подскажите, в чем может быть ошибка при попытке установки разных шапок для разных страниц сайта?

Голоса: +1
Пытаюсь установить несколько шапок на сайт. Одна, основная, стоит с css. Через условные операторы пытаюсь поставить вторую. В верхней части сайта указываю:

<div id="header">
</div>
<?if($URI_ID$='frCategory7')?><style>header {background:url(http://kresley-cole.ru/Images/shapka_kopija-1.png);}</style><?endif?>

Но реакции никакой, страница (http://kresley-cole.ru/forum/7) грузится с основной шапкой.

Подскажите, в чем моя ошибка?

И второй, не менее важный, вопрос: Возможно ли задать поочередную или случайную загрузку нескольких шапок? То есть не устанавливать разные шапки для конкретных страниц, а чтобы они загружались поочередно при переходе на разные страницы.
Адрес сайта http://kresley-cole.ru/
| Автор: | Категория: Дизайн сайта

Ответов: 3

голоса: +2
 
Лучший ответ

Можно написать стили для id = "header1" и поставить в таблицу стилей под #header {}, я так понимаю, что отличие только в фоновой картинке, значит можно просто скопировать и изменить рисунок.

#header {
 clear: both;
 width: 1000px;
 height: 338px;
 background: url(http://kresley-cole.ru/img/shapka/iad4.png); 
 margin: auto;
 text-align: left;
 font: 35px/110px 'Times New Roman';
 color: #885305;
}

#header1 {
 clear: both;
 width: 1000px;
 height: 338px;
 background: url(http://kresley-cole.ru/Images/shapka_kopija-1.png); 
 margin: auto;
 text-align: left;
 font: 35px/110px 'Times New Roman';
 color: #885305;
}

Условие будет так 

<?if($URI_ID$='frCategory7')?><div  id="header1"></div><?else?><div  id="header"></div><?endif?>

Если надо больше то можно так 

<?if($URI_ID$='frCategory7')?><div  id="header1"></div><?else?><?if($URI_ID$='frCategory8')?><div  id="header2"></div><?else?><div  id="header"></div><?endif?><?endif?>

И ещё как вариант. Можно сделать картинки для нужных категорий, дать им названия типа frCategory1.png, frCategory1.png, ...
Загрузить их через файловый менеджер в папку например /img/shapka/frCategory1.png
В CSS в блоке

#header {
 clear: both;
 width: 1000px;
 height: 338px;
 background: url(http://kresley-cole.ru/img/shapka/iad4.png); 
 margin: auto;
 text-align: left;
 font: 35px/110px 'Times New Roman';
 color: #885305;
}

удалить строчку

background: url(http://kresley-cole.ru/img/shapka/iad4.png);

В шаблоне верхней части в нужное  вместо

<div id="header"></div>

вставить код: 

<?if($MODULE_ID$='forum'&($URI_ID$='frCategory1'||$URI_ID$='frCategory2'||$URI_ID$='frCategory3'))?><div id="header" style="background-image: url('http://kresley-cole.ru/img/shapka/$URI_ID$.png')" ></div><?else?><div id="header" style="background-image: url('http://kresley-cole.ru/img/shapka/iad4.png')" ></div><?endif?>

 

| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk

Все бы здорово, но почему-то дублируются на сайте обе шапки, одна под другой... То есть на всех страницах появляется две основные шапки (#header), а в frCategory7 два разные (#header и #header1). Возможно, это я такая "умная", но не получилось, к сожалению(( 

| Автор:

Если вы про первую часть ответа, то вместо

<?if($URI_ID$='frCategory7')?><img src="http://kresley-cole.ru/Images/shapka_kopija-1.png"><?endif?> 
</div>
<div id="header">
</div>
<?if($URI_ID$='frCategory7')?><style>body {background:url(http://iad-cole.3dn.ru/img/fon/fon_demonarkhija_fiol.png); background-attachment: fixed; background-size: 100%;}</style><?else?>

Над

<?if($URI_ID$='frCategory7')?><div  id="header1"></div><?else?><div  id="header"></div><?endif?>

И не забываем про таблицу стилей (CSS) для #header и  #header1

 

| Автор:
Голоса: +1
Чтобы была постоянно разная картинка, можно воспользоваться решением - http://likbezz.ucoz.ru/forum/60-61-1
| Автор:
Не поняла - что и к чему. Для моего мозга, видимо, сложновато.
| Автор:
Голоса: +1
Обобщая каприз. Можно сделать так что бы менялась картинка в шапке. А картинку можно нарисовать в gimp. Типа img src="". В скобочках ссылка на картинку. И так на каждой странице. Вот.
| Автор:
чтобы менялась в шапка, скрипт данного решения уже есть в теме - http://forum.ucoz.ru/forum/31-16478-1
| Автор:
Ваш вариант попробовала, почти получилось... Но, к сожалению, почему-то правый нижний уголок шапки накладывается сверху на нижнюю картинку, скажем так. А должен быть так же, как левый. Подскажите, в чем проблема?

http://kresley-cole.ru/forum/7
| Автор:
чтобы понять в чем проблема, нужно видеть проблему и тестировать на вашем сайте, вам решение предоставили, если не получается внедрить так как хочется, почти получается, обратитесь на - http://upartner.pro/
| Автор:

Чтобы увидеть проблему, я специально указала ссылку, перейдя по которой, и можно увидеть проблему с уголком, которую я описывала. Очень жаль, Юрий, что когда-то Вы готовы уделять время на разъяснения, а когда-то, как сейчас, после первого же недопонимания отправляете на платный сайт. Решала и более сложные проблемы, в том числе с Вашей помощью, и удивляюсь, что приобретя премиум, мне по сути отказывают в помощи. Жаль! Это уж точно не та проблема, за решение которой, я готова платить деньги! По сути комментарий я писала к ответу Константина Якунина, так как именно его ответ реализовывала. Ладно, попытаюсь как-нибудь сама.

| Автор:

не знаю, может я вас не правильно понял, как я вижу вы хотите чтобы и уголок справа скрывался под иконкой с мечами итд

Если это так, то решение следующее, в стилях находим строку номер 111, на время закомментируем фон:

#header {
 clear: both;
 width: 1000px;
 height: 338px;
 /*background: url(http://kresley-cole.ru/img/shapka/iad4.png); */
 margin: auto;
 text-align: left;
 font: 35px/110px 'Times New Roman';
 color: 885305;
}

далее ниже добавим следующие стили:

#top2 img {
    z-index: -1;
    position: relative;
}

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

| Автор:

В принципе, Вы правильно поняли мою проблему. Но при добавлении указанных Вами знаков /*background: url(http://kresley-cole.ru/img/shapka/iad4.png); */, уголок встает на место, при этом исчезает основная шапка со всех остальных страниц сайта, которая указана в 111 строке. Пока эту корректировку удалила.

На всякий случай привожу часть того, что у меня указано в Верхней части сайта:

<div id="top"></div>
<div id="top2">
<div id="top2_block">
<div id="today">
$WDAY$, $DATE$, $TIME$
</div>
<div id="tm">
<a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> <?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?><?if($RSS_LINK$)?> | <a href="$RSS_LINK$">RSS</a><?endif?>
</div>
</div>
<?if($URI_ID$='frCategory7')?><img src="http://kresley-cole.ru/Images/shapka_kopija-1.png"><?endif?> 
</div>
<div id="header">
</div>
<?if($URI_ID$='frCategory7')?><style>body {background:url(http://iad-cole.3dn.ru/img/fon/fon_demonarkhija_fiol.png); background-attachment: fixed; background-size: 100%;}</style><?else?>

Красным выделена, собственно, задаваемая шапка. Сразу скажу, что если размещать условие после <div id="header"> (где у меня указаны условия для фонов на разных страницах сайта), то шапки начинают дублироваться, их появляется две, одна под другой. Может, я здесь что-то указываю не так? Меня смущает, что левый угол встает нормально, а правый выеживается...

| Автор:
По вашему коду у вас должно быть 3 картинки, видать одно условие не срабатывает.
| Автор:

Юрий, опробовала скрипт по Вашей ссылке http://forum.ucoz.ru/forum/31-16478-1. Получилось установить случайную загрузку шапок. Но опять та же проблема с нижним правым уголком. Попробовала прописать стили, которые Вы советовали и  /*background: url(http://kresley-cole.ru/img/shapka/iad4.png); */  не помогло. Можете помочь с этой моей проблемой? Жаль, добившись желаемого результата, застопориться на такой ерунде...

| Автор:
...