Промяна на header в css файл

[zorro]

Привет,
въпросът ми е:
Как да направя така, че като посоча друга страница от сайта да се отваря друга снимка в header?
В .css файла е указано това

#header {
	width:1000px;
	height:331px;
	background:url(images/backgroundHeader.jpg) no-repeat left top;
}

как мога това да го огранича само в index.php; а на about.php да се зарежда друга снимка. Или дали не може да се укаже директн в about.php този код само, че с друга снимка? и съответно ако има и следващи страници - link.php, other.php ... с различни header-и.
Дайте някакво предложение. Благодаря за вниманието!
Хубава вечер.

 

[embaka]

#header2 {
   width:1000px;
   height:331px;
   background:url(images/backgroundHeader.jpg) no-repeat left top;
}

правиш си втори клас, както съм го кръстил аз header2 и в about вместо да заредиш header, зареждаш header2, промени си само изображенито на тоя клас

 

[zorro]

Благодаря за идеята, но във всички страници има линк към .css файла:

<link href="style.css" rel="stylesheet" type="text/css" />

ако го направя по твоя начин директно в about ще има ли ефект? и в него са описани тия header-s, mainmenu...
Хубва ден

 

[zorro]

 Съмнява ме някой да не знае как точно да стане... Ще ми помогнете, защото доста се измъчих, но нищо не даде резултат... ?
Благодаря за вниманието!

 

[KaRo]

Защо не опиташ с php, така на почти всеки клик, навсякъде ще е различен хеадъра, вместо хеадъра запиши това с правилни пътища..

<?
$header[] = "<img src='parviheader.png' />";
$header[] = "<img src='vtoriheader.jpg' />";
$randsh0w = $header[array_rand($header)];
echo "$randsh0w";
?>

 

[zorro]

Нещо не мога да разбера - това го пиша в index.php и после какво? Във всеки .php файл ли трябва да го има това. Съвсем се заплетох? А това от .css файла да го махна ли

#header {
   width:1000px;
   height:331px;
   background:url(images/backgroundHeader.jpg) no-repeat left top;
}

 

[Reactiv]

Сега ще ти помогна значи аз те разбрах ти какво искаш точно

ти искаш на всяка една страница хедъра да се променя нали така?


Значи ти си посочил кода на хедъра към този код в css файла

#header {
width:1000px;
height:331px;
background:url(images/backgroundHeader.jpg) no-repeat left top;
}

то трябва да стане по този начин тоест

прабвиш си го

#header 2{
width:1000px;
height:331px;
background:url(images/backgroundHeader.jpg) no-repeat left top;
}

и в страницата на която ще се сменя хедъра то там е посочено от къде да взема css информацията примерно в повечето дизайни е с дивове

то е написано по този начин:

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

и в страницата където искаш да ти се промени хедъра прабвиш така

<div id="header2">&nbsp</div>

но задължително си сложил в css файла този код:

#header 2{
width:1000px;
height:331px;
background:url(images/backgroundHeader2.jpg) no-repeat left top;
}

и ще стане това което искаш! приятна работа дано съм помогнал!

 

[zorro]

Браво
точно това имах предвид. Много ти благодаря за решението на проблема. Ето такива отзивчиви хора трябва да има, а не да ги търсим с микроскоп.
Признателен съм ти много, Reactiv
Хубава вечер