Design-Maker.de :: PHP-CSS

PHP-CSS

Hier nun mal ein kleines Script was ein PHP Tab-Menü zur Verfügung stellt das ganz ohne Java-Scripte auskommt.

Dies habe ich geschrieben, da ich im Grunde so wenige Java-Scripte auf meinen Seiten haben möchte wie es nur geht ich
aber auf die Funktion der deutlich Machung auf welchen Seiten man sich befindet nicht verzichten wollte.

Da ich keinen gefunden habe und ich denke das vielleicht noch mehr dies suchen hier nun mein Script-Lösung dazu.

Ein Demo finden sie hier Oben auf den Seiten

CSS-Script

/*
Author: Design-Maker.de
Author URI: http://design-maker.de
Name des Scriptes: PHP-CSS Tabmenü V1
*/

#nav-oben {
FONT-SIZE: 8pt;
FLOAT: left;
WIDTH: 892px;
LINE-HEIGHT: normal
}
#nav-oben UL {
display: block;
float:right;
position: absolute;
z-index: 2;
text-align: right;
width: 98%;
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 97px;
LIST-STYLE-TYPE: none;
}
#nav-oben LI {
DISPLAY: inline;
BACKGROUND: url('images/corner_mitte.gif') left top;
float: right;
margin-right: 10px;
height: 27px;
PADDING: 0px;
WIDTH:30px;
}
html>body #nav-oben LI {width: auto;}

#nav-oben A {
height: 27px;
PADDING-LEFT: 0px;
BACKGROUND: url('images/corner_left.gif') no-repeat left top;
FLOAT: left;
MARGIN: 0px;
text-decoration: underline;
color: #2D392E;
}
#nav-oben A SPAN {
display: block;
height: 27px;
PADDING-RIGHT: 6px;
DISPLAY: block;
PADDING-LEFT: 6px;
BACKGROUND: url('images/corner_right.gif') no-repeat right top;
FLOAT: left;
PADDING-BOTTOM: 6px;
color: #2D392E;
PADDING-TOP: 6px
}

#nav-oben A SPAN {
FLOAT: none
}
#nav-oben A:hover SPAN {
text-decoration: underline overline;
color: #2D392E;
}

#nav-oben li.activ {
DISPLAY: inline;
BACKGROUND: url('images/corner_mitte-activ.gif') left top;
float: right;
margin-right: 10px;
height: 27px;
PADDING: 0px;
WIDTH:30px;
}
html>body #nav-oben li.activ {width: auto;}

#nav-oben A.activ-left {
height: 27px;
PADDING-LEFT: 0px;
BACKGROUND: url('images/corner_left.gif') no-repeat left top;
FLOAT: left;
MARGIN: 0px;
text-decoration: none;
color: #2D392E;
}

#nav-oben A SPAN.activ-right {
display: block;
height: 27px;
PADDING-RIGHT: 6px;
DISPLAY: block;
PADDING-LEFT: 6px;
BACKGROUND: url('images/corner_right.gif') no-repeat right top;
FLOAT: left;
PADDING-BOTTOM: 6px;
color: #2D392E;
PADDING-TOP: 6px
}

#nav-oben A SPAN.activ-right {
FLOAT: none
}

PHP-Script

<!—
/*
Author: Design-Maker.de
Author URI: http://design-maker.de
Name des Scriptes: PHP-CSS Tabmenü V1
*/
—>

<?php
$scriptname = preg_replace("/^.*//","",$_SERVER['SCRIPT_NAME']);
?>

<div id="nav-oben">
<ul>
<?php if($scriptname=="agbs.php") { ?>
<li class="activ"><a class="activ-left" href="agbs.php"><span class="activ-right">AGB</span></a></li>
<?php }else{ ?>
<li><a href="agbs.php"><span>AGB</span></a></li>
<?php } ?>
<?php if($scriptname=="index.php") { ?>
<li class="activ"><a href="index.php" class="activ-left"><span class="activ-right">Home</span></a></li>
<?php }else{ ?>
<li><a href="index.php"><span>Home</span></a></li>
<?php } ?>
</ul>
</div>

Support wird nur Im Board von Design-Maker.de gegeben.

Wir übernehmen keine Haftung für die Richtigkeit des Skriptes und auch keine Haftung für entstandene
Schäden beim Verwenden des Skriptes.