:: Buchempfehlung ::

Danny.67 · #1 22.12.2009, 14:51:53

Hallo Leute,

als CSS- und PHP-Neuling stehe ich vor dem Problem, dass ich beim Wechsel einer Seite gerne die Hintergrundfarbe vom body ändern möchte, aber keinen Plan habe, wie ich das anstellen kann. Aktuell habe ich einen fablich passenden Hintergrund direkt über "body" angesteuert. Das möchte ich jetzt aber ändern und zukünftig beim Aufruf einer jeweiligen Seite z.B. bei Home den Hintergrund (body!) in blau, bei Seite 1 den Hintergrund in gelb etc. haben. Der Body soll jeweils die Farbe des Hover in der Menüführung bekommen. Kann mir da jemand helfen?

Ich sag schonmal dankeschön und würd' mich freuen, wenn ich net bloß ein paar Brocken hingeworfen bekommen würd', sondern ne detailierte Erklärung evtl. sogar mit Code-Ergänzung bekommen könnt.

Dagmar

Aktuell sieht meine Programmierung so aus.

CSS

body
{
margin:0;
padding:0;
background-color:#292929;
color:#d0d0d0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

div
{
position:absolute;
}

div.container
{
position:relative;
top:10px;
width:900px;
height:700px;

position:relative;
margin-left:auto;
margin-right:auto;
}

div.navver
{
left:0px;
height:700px;
width:150px;
background-color:#181818;
padding:0px;
margin:0px;
}

div.navver ul
{
width:inherit;
height:inherit;
text-align:left;
padding:0px;
margin-top:150px;
margin-left:50px;
}

ul.navver li
{
margin-bottom:20px;
list-style:none;
}

div.navver li
{
display:inline;
font-size:20px;
height:25px;
margin:0px;
padding:0px;
list-style:none;
font-size:13px;
max-height:20px;
}

div.navver a
{
text-decoration:none;
color:#d0d0d0;
display:block
padding-top:10px;
margin:0px;
}

div.content
{
top:0px;
left:150px;
height:700px;
width:750px;
background-color:#292929;
overflow:auto;
}

#menue ul
{
letter-spacing:1px;
padding:0px;
margin:40px;
line-height:15px;
}

#menue ul li a
{
display:block;
width:100%;
line-height:15px;
text-decoration:none;
padding:0px;
margin:0px;
}

#menue ul li a:hover
{
background-color:#292929;
text-decoration:none;
line-height:15px;
}

/*--------- NAVI ------------*/

#home a:hover {
border-left: 7px solid #1e48c8;

}

#seite1 a:hover {
border-left: 7px solid #dcf312;

}

#impressum a:hover {
border-left: 7px solid #ffff99;
}

/*--------- END NAVI --------

Meine Index sieht so aus:

<body>
<div class="container">

<div class="navver">
<p> </p>
<?
include("includes/incNavVer.php");

?>
</div>

<div class="content">
<?

if(!isset($_GET['inc']))
{
include("includes/incIntro.php");
}

if(isset($_GET['inc']))

{

if($_GET['inc']==home)
{
include("includes/incHome.php");
}

if($_GET['inc']==seite1)
{
include("includes/incSeite1.php");
}

if($_GET['inc']==impressum)
{
include("includes/incImpressum.php");
}

}

?>
</div>
</body>

Mein Navi-Menü steuer ich über ein Include wie folgt:

<div id="menue">
<ul>
<li id="home"><a href="index.php?inc=home">Home<a/></li>
<li id="seite1"><a href="index.php?inc=dagmar">Seite1<a/></li>
<li id="impressum"><a href="index.php?inc=impressum">Impressum<a/></li>
</ul>
</div>

Danny.67 · #2 22.12.2009, 15:17:01

ich hab's hin bekommen!

zieh über ein include den neuen background an ;o)

in der neuen include steht jetzt halt nur

<body style="background-color:#aa0a7"></body>

... ist vielleicht etwa umständlich, aber es klappt!

:: Buchempfehlung ::

:: Anbieterverzeichnis ::

Globale Branchen

Informieren Sie sich über ausgewählte Unternehmen im Anbieterverzeichnis von SELFPHP

:: Newsletter ::

Abonnieren Sie hier den kostenlosen SELFPHP Newsletter!