Menu Navigation mit Submenus bzw. Unterkategorien

F

final

Guest
Hallo,
ich möchte eine Menu Navigation mit Submenus bzw. Unterkategorien für meine HP erstellen und weiß nicht so recht wie das Funktionieren soll!
Die Normale Navi ist kein Problem, aber an dieser sitze ich schon seid ca. zwei Wochen und schaffe es einfach nicht.

Ich wäre sehr dankbar, wenn mir jemand ein paar Tipps geben könnte oder mir zeigt wie das Funktionieren soll.

Wichtig, es sollte mit allen gängigen Browsern Kompatibel sein!


Ich habe eine Skizze hoch geladen, wie das Ungefähr aussehen soll.
http://www.gta-clan.com/phpkit/bilder/muster.jpg

Das Submenu bzw. Unterkategorie soll Horizontal unter der Hauptkategorie Angezeigt werden, eben wie auf der Skizze.

Es ist in grunde nur eine Navi-Leiste, nur in verschiedenen zuständen.
Sprich, es zeigt was die Unterkategorie bzw. Submenu Anzeigt wenn man auf die Haupt Kategorie Klickt.
Wenn ich auf INDEX Klicke zeigt das Submenu bzw. Unterkategorie News, Archive, Article
Wenn ich auf CLAN Klicke zeigt das Submenu bzw. Unterkategorie About us, Member, Squads
Usw………
Und dort kann man dann auf die Einzelnen Unterkategorien bzw. Submenus Klicken und dort wird dann die Site Angezeigt.

Ich Arbeite mit Macromedia Dreamweaver 8, Macromedia Firework 8 und Adobe Photoshop CS2 und es ist für das CMS:Webspell

F!NAL*
 
ich kenne webspell gar nicht. kannst du die navigation unabhängig vom cms umsetzen? dann kuck mal hier und achte auf die url. die beiden variablen 'top' und 'sub' bestimmen den seiteninhalt und den status der beiden navigationen. mit

CODE if ($_GET['sub'])


steuere ich die darstellung in der navigation. wenn es für dich in frage kommt kann ich es dir detailierter erläutern. schreib hier ins forum oder eine PM.

Gute Nacht, René
 
Danke für die schnelle Antwort

Genau das!
Nur die Anordnung kann man hoffentlich frei gestallten so das die Submenus unter der Hauptkategorie Auftauchen (siehe Skizze)

Ja, bei der Gestaltung der HP muss ich in erster Linie nicht auf das CMS achten.

Es wäre sehr nett, wenn du mir das erklären könntest wie das Funktionieren soll.

F!NAL*
 
also, in der url hast mit den beiden variablen definiert welche hauptseite, und welche unterseite du willst. 'top' steuert bei mir nur welchen reiter ich hervorheben will, 'sub' sagt welcher reiter in der unternavigation hervorgehoben werden soll und gibt auch den pfad zur seite die geladen werden soll. meine unternavigation sieht so aus:

CODE
<?php $url = $_SERVER['HTTP_HOST'].$_SERVER['SCRIPT_NAME']."?".$_SERVER['QUERY_STRING'];?>

<!-- Business -->

<?php if($topnav==1){?>

<?php $navname = "Referenzen"; $navpage = "business/referenz";?>

<?php if($sub == $navpage){?><img src="<?php echo $http;?>_img/style/nav/dot.gif" width="14" height="15" border="0" align="middle"> <?php echo $navname;?>...<?php }else{?><img src="<?php echo $http;?>_img/style/nav/dot.jpg" width="14" height="15" border="0" align="middle"> <A HREF="<?php echo $http;?>?top=business&sub=<?php echo $navpage;?>" class="nav_sub_link"><?php echo $navname;?></A><?php }?><br>

<?php if($sub == $navpage){?><img src="<?php echo $http;?>_img/style/eff/leer.gif" width="25" height="1" border="0"><img src="<?php echo $http;?>_img/nav/referenz.gif"><br><br><?php }?>

<?php $navname = "Online bezahlen"; $navpage = "business/cash/index";?>

<?php if($sub == $navpage){?><img src="<?php echo $http;?>_img/style/nav/dot.gif" width="14" height="15" border="0" align="middle"> <?php echo $navname;?>...<?php }else{?><img src="<?php echo $http;?>_img/style/nav/dot.jpg" width="14" height="15" border="0" align="middle"> <A HREF="<?php echo $http;?>?top=business&sub=<?php echo $navpage;?>" class="nav_sub_link"><?php echo $navname;?></A><?php }?><br>

<?php if($sub == $navpage){?><img src="<?php echo $http;?>_img/style/eff/leer.gif" width="25" height="1" border="0"><img src="<?php echo $http;?>_img/nav/cash.gif"><br><br><?php }?>

<?php } ?>



<!-- Info -->

<?php if($topnav==2){?>

<?php $navname = "Update"; $navpage = "about/update";?>

<?php if($sub == $navpage){?><img src="<?php echo $http;?>_img/style/nav/dot.gif" width="14" height="15" border="0" align="middle"> <?php echo $navname;?>...<?php }else{?><img src="<?php echo $http;?>_img/style/nav/dot.jpg" width="14" height="15" border="0" align="middle"> <A HREF="<?php echo $http;?>?top=info&sub=<?php echo $navpage;?>" class="nav_sub_link"><?php echo $navname;?></A><?php }?><br><br>

<?php if($sub == $navpage){?><img src="<?php echo $http;?>_img/style/eff/leer.gif" width="25" height="1" border="0"><img src="<?php echo $http;?>_img/nav/hilfe.gif"><br><br><?php }?>

<?php $navname = "Hilfe"; $navpage = "about/help";?>

<?php if($sub == $navpage){?><img src="<?php echo $http;?>_img/style/nav/dot.gif" width="14" height="15" border="0" align="middle"> <?php echo $navname;?>...<?php }else{?><img src="<?php echo $http;?>_img/style/nav/dot.jpg" width="14" height="15" border="0" align="middle"> <A HREF="<?php echo $http;?>?top=info&sub=<?php echo $navpage;?>" class="nav_sub_link"><?php echo $navname;?></A><?php }?><br>

<?php if($sub == $navpage){?><img src="<?php echo $http;?>_img/style/eff/leer.gif" width="25" height="1" border="0"><img src="<?php echo $http;?>_img/nav/hilfe.gif"><br><br><?php }?>

<?php $navname = "Webcodes"; $navpage = "info/webcode";?>

<?php if($sub == $navpage){?><img src="<?php echo $http;?>_img/style/nav/dot.gif" width="14" height="15" border="0" align="middle"> <?php echo $navname;?>...<?php }else{?><img src="<?php echo $http;?>_img/style/nav/dot.jpg" width="14" height="15" border="0" align="middle"> <A HREF="<?php echo $http;?>?top=info&sub=<?php echo $navpage;?>" class="nav_sub_link"><?php echo $navname;?></A><?php }?><br>

<?php if($sub == $navpage){?><img src="<?php echo $http;?>_img/style/eff/leer.gif" width="25" height="1" border="0"><img src="<?php echo $http;?>_img/nav/find.gif"><br><br><?php }?>

<?php $navname = "Kalender"; $navpage = "info/kalender/kalender";?>

<?php if($sub == $navpage){?><img src="<?php echo $http;?>_img/style/nav/dot.gif" width="14" height="15" border="0" align="middle"> <?php echo $navname;?>...<?php }else{?><img src="<?php echo $http;?>_img/style/nav/dot.jpg" width="14" height="15" border="0" align="middle"> <A HREF="<?php echo $http;?>?top=info&sub=<?php echo $navpage;?>" class="nav_sub_link"><?php echo $navname;?></A><?php }?><br>

<?php if($sub == $navpage){?><img src="<?php echo $http;?>_img/style/eff/leer.gif" width="25" height="1" border="0"><img src="<?php echo $http;?>_img/nav/kalender.gif"><br><br><?php }?>

<?php $navname = "Wetter"; $navpage = "info/wetter/wetter";?>

<?php if($sub == $navpage){?><img src="<?php echo $http;?>_img/style/nav/dot.gif" width="14" height="15" border="0" align="middle"> <?php echo $navname;?>...<?php }else{?><img src="<?php echo $http;?>_img/style/nav/dot.jpg" width="14" height="15" border="0" align="middle"> <A HREF="<?php echo $http;?>?top=info&sub=<?php echo $navpage;?>" class="nav_sub_link"><?php echo $navname;?></A><?php }?><br>

<?php if($sub == $navpage){?><img src="<?php echo $http;?>_img/style/eff/leer.gif" width="25" height="1" border="0"><img src="<?php echo $http;?>_img/nav/wetter.gif"><br><br><?php }?>

<?php $navname = "Tutorial"; $navpage = "info/tutorial/tutorial";?>

<?php if($sub == $navpage){?><img src="<?php echo $http;?>_img/style/nav/dot.gif" width="14" height="15" border="0" align="middle"> <?php echo $navname;?>...<?php }else{?><img src="<?php echo $http;?>_img/style/nav/dot.jpg" width="14" height="15" border="0" align="middle"> <A HREF="<?php echo $http;?>?top=info&sub=<?php echo $navpage;?>" class="nav_sub_link"><?php echo $navname;?></A><?php }?><br>

<?php if($sub == $navpage){?><img src="<?php echo $http;?>_img/style/eff/leer.gif" width="25" height="1" border="0"><img src="<?php echo $http;?>_img/nav/tutorial.gif"><?php }?>

<?php if($sub == $navpage){include ("info/tutorial/nav.php");echo "<p class=\"nav_sub\">";}?>

<?php $navname = "Glossar"; $navpage = "info/glossar/glossar";?>

<?php if($sub == $navpage){?><img src="<?php echo $http;?>_img/style/nav/dot.gif" width="14" height="15" border="0" align="middle"> <?php echo $navname;?>...<?php }else{?><img src="<?php echo $http;?>_img/style/nav/dot.jpg" width="14" height="15" border="0" align="middle"> <A HREF="<?php echo $http;?>?top=info&sub=<?php echo $navpage;?>" class="nav_sub_link"><?php echo $navname;?></A><?php }?><br><br>

<?php if($sub == $navpage){?><img src="<?php echo $http;?>_img/style/eff/leer.gif" width="25" height="1" border="0"><img src="<?php echo $http;?>_img/nav/glossar.gif"><br><br><?php }?>

<?php if($sub == $navpage){include ("info/glossar/nav.php");echo "<p class=\"nav_sub\">";}?>

<?php $navname = "SelfHTML"; $navpage = "info/selfhtml/";?><!-- _blank, extern -->

<?php if($sub == $navpage){?><img src="<?php echo $http;?>_img/style/nav/dot.gif" width="14" height="15" border="0" align="middle"> <?php echo $navname;?>...<?php }else{?><img src="<?php echo $http;?>_img/style/nav/dot.jpg" width="14" height="15" border="0" align="middle"> <A HREF="<?php echo $http;?><?php echo $navpage;?>" class="nav_sub_link" target="_blank"><?php echo $navname;?></A><?php }?><br>

<?php $navname = "Internet-History"; $navpage = "info/entwicklung";?>

<?php if($sub == $navpage){?><img src="<?php echo $http;?>_img/style/nav/dot.gif" width="14" height="15" border="0" align="middle"> <?php echo $navname;?>...<?php }else{?><img src="<?php echo $http;?>_img/style/nav/dot.jpg" width="14" height="15" border="0" align="middle"> <A HREF="<?php echo $http;?>?top=info&sub=<?php echo $navpage;?>" class="nav_sub_link"><?php echo $navname;?></A><?php }?><br>

<?php if($sub == $navpage){?><img src="<?php echo $http;?>_img/style/eff/leer.gif" width="25" height="1" border="0"><img src="<?php echo $http;?>_img/nav/folder.gif"><br><br><?php }?>

<?php $navname = "Linkliste"; $navpage = "info/links/links";?>

<?php if($sub == $navpage){?><img src="<?php echo $http;?>_img/style/nav/dot.gif" width="14" height="15" border="0" align="middle"> <?php echo $navname;?>...<?php }else{?><img src="<?php echo $http;?>_img/style/nav/dot.jpg" width="14" height="15" border="0" align="middle"> <A HREF="<?php echo $http;?>?top=info&sub=<?php echo $navpage;?>" class="nav_sub_link"><?php echo $navname;?></A><?php }?><br>

<?php if($sub == $navpage){?><img src="<?php echo $http;?>_img/style/eff/leer.gif" width="25" height="1" border="0"><img src="<?php echo $http;?>_img/nav/links2.gif"><br><br><?php }?>

<?php if($sub == $navpage){include ("info/links/nav.php");echo "<p class=\"nav_sub\">";}?>

<?php $navname = "RSS Feeds"; $navpage = "info/feed";?>

<?php if($sub == $navpage){?><img src="<?php echo $http;?>_img/style/nav/dot.gif" width="14" height="15" border="0" align="middle"> <?php echo $navname;?>...<?php }else{?><img src="<?php echo $http;?>_img/style/nav/dot.jpg" width="14" height="15" border="0" align="middle"> <A HREF="<?php echo $http;?>?top=info&sub=<?php echo $navpage;?>" class="nav_sub_link"><?php echo $navname;?></A><?php }?><br>

<?php if($sub == $navpage){?><img src="<?php echo $http;?>_img/style/eff/leer.gif" width="25" height="1" border="0"><img src="<?php echo $http;?>_img/nav/rss.gif"><br><br><?php }?>


<?php } ?>





platzieren und darstellen kannst du es wie du willst. den inhalt lade ich dann so:


CODE
<?php $page = $inhalt; if (is_readable(dirname(__FILE__) . '/' . $page)){include("$page");}else{echo "<META HTTP-EQUIV=\"Refresh\" CONTENT=\"0; URL=http://www.darin.ch/?top=home&sub=error&error=internal\">";} ?>



es wird geprüft ob die ausgewählte seite lesbar ist und somit existiert (schutz vo hackern), wenn nicht wird eine fehlerseite angezeigt.

wenn noch unklarheiten sind einfach nochmals fragen...
 
Ich bin leider kein Profi, ich erstelle die HP so da ich das Design Slice und mit Hilfe von Tabellen die HP aufbaue und dort füge ich die verschiedenen Code Schnipsel des Webspell CMS ein. Die HP wird nur über die Index.php gesteuert und dort kommen die ganzen angaben rein.


Hier ist die Standard index.php von Webspell

CODE

<?php
include("_mysql.php");
include("_settings.php");
include("_functions.php");
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="Clanpage using webSPELL 4 CMS">
<meta name="author" content="webspell.org">
<meta name="keywords" content="webspell, webspell4, clan, cms">
<meta name="copyright" content="Copyright © 2005 by webspell.org" />
<meta name="generator" content="webSPELL" />
<title><? echo PAGETITLE; ?></title>
<link href="_stylesheet.css" rel="stylesheet" type="text/css">
<script src="js/bbcode.js" language="jscript" type="text/javascript"></script>
<style type="text/css">
<!--
body {
background-image: url(images/bg.gif);
margin-left: 0px;
margin-top: 3px;
margin-right: 0px;
margin-bottom: 0px;
}
.Stil1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
}
.Stil5 {
font-size: 10px;
color: $pst;
font-weight: bold;
}
.Stil6 {
font-size: 10px;
font-weight: bold;
}
a:link {
color: $pst;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: $pst;
}
a:hover {
text-decoration: none;
color: $pst;
}
a:active {
text-decoration: none;
color: $pst;
}
.Stil9 {color: #FFFFFF}
.Stil10 {font-size: 9px}
.Stil11 {font-size: 10px}
.Stil13 {font-size: 10px; color: #6DC903; }
.Stil15 {font-size: 10px; color: #333333; }
.Stil17 {font-size: 10px; color: #6DC903; font-weight: bold; }
-->
</style></head>

<body>
<table width="970" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="1" rowspan="2" bgcolor="#333333"> </td>
<td height="5" colspan="3" align="left" valign="top" bgcolor="#6DC903"> </td>
<td width="1" rowspan="2" bgcolor="#333333"> </td>
</tr>
<tr>
<td width="192" align="left" valign="top" bgcolor="#FFFFFF"><table width="192" border="0" cellspacing="0" cellpadding="0">
<tr bgcolor="#FFFFFF">
<td colspan="3"><table width="192" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9"><img src="images/logo.gif" width="50" height="43"></td>
<td align="right" valign="middle"><div align="justify"><span class="Stil1"><?php echo $myclanname ?></span><br>
<?php echo $hp_url ?></div></td>
<td width="2" align="right"> </td>
</tr>
</table></td>
</tr>
<tr align="center" valign="top" bgcolor="#FFFFFF">
<td height="2" colspan="3"> </td>
</tr>
<tr align="center" valign="top" bgcolor="#FFFFFF">
<td colspan="3"><table width="192" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9"> </td>
<td><? include("quicksearch.php"); ?> </td><td width="2"> </td>
</tr>
</table></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="2" colspan="3"> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td colspan="3"><img src="images/seperator_katl.gif" width="192" height="4"></td>
</tr>
<tr bgcolor="#FFFFFF">
<td colspan="3"><table width="192" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9"> </td>
<td><span class="Stil5"></span><span class="Stil6">Umfragen</span></td>
</tr>
</table></td>
</tr>

<tr bgcolor="#FFFFFF">
<td colspan="3"><table width="192" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9"> </td>
<td><? include("poll.php"); ?></td>
<td width="2"> </td>
</tr>
</table></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="2" colspan="3"> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td colspan="3"><img src="images/seperator_katl.gif" width="192" height="4"></td>
</tr>
<tr bgcolor="#FFFFFF">
<td colspan="3"><table width="192" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9"> </td>
<td><span class="Stil5"></span><span class="Stil6">Bilderschau</span></td>
</tr>
</table></td>
</tr>
<tr bgcolor="#FFFFFF">
<td colspan="3"><table width="192" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9"> </td>
<td align="center"><? include("sc_potm.php"); ?></td>
<td width="2"> </td>
</tr>
</table></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="2" colspan="3"> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td colspan="3"><img src="images/seperator_katl.gif" width="192" height="4"></td>
</tr>
<tr bgcolor="#FFFFFF">
<td colspan="3"><table width="192" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9"> </td>
<td><span class="Stil5"></span><span class="Stil6">Userschau</span></td>
</tr>
</table></td>
</tr>
<tr bgcolor="#FFFFFF">
<td colspan="3"><table width="192" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9"> </td>
<td align="center"><? include("sc_randompic.php"); ?></td>
<td width="2"> </td>
</tr>
</table></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="2" colspan="3"> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td colspan="3"><img src="images/seperator_katl.gif" width="192" height="4"></td>
</tr>
<tr bgcolor="#FFFFFF">
<td colspan="3"><table width="192" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9"> </td>
<td><span class="Stil5"></span><span class="Stil6">Artikel</span></td>
</tr>
</table></td>
</tr>
<tr bgcolor="#FFFFFF">
<td colspan="3"><table width="192" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9"> </td>
<td><span class="Stil9">
<? include("sc_articles.php"); ?>
</span></td>
<td width="2"> </td>
</tr>
</table></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="2" colspan="3"> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td colspan="3"><img src="images/seperator_katl.gif" width="192" height="4"></td>
</tr>
<tr bgcolor="#FFFFFF">
<td colspan="3"><table width="192" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9"> </td>
<td><span class="Stil5"></span><span class="Stil6">Downloads</span></td>
</tr>
</table></td>
</tr>
<tr bgcolor="#FFFFFF">
<td colspan="3"><table width="192" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9"> </td>
<td><span class="Stil9">
<? include("sc_files.php"); ?>
</span></td>
<td width="2"> </td>
</tr>
</table></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="2" colspan="3"> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td colspan="3"><img src="images/seperator_katl.gif" width="192" height="4"></td>
</tr>
<tr bgcolor="#FFFFFF">
<td colspan="3"><table width="192" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9"> </td>
<td><span class="Stil5"></span><span class="Stil6">Themen</span></td>
</tr>
</table></td>
</tr>
<tr bgcolor="#FFFFFF">
<td colspan="3"><table width="192" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9"> </td>
<td><span class="Stil9">
<? include("latesttopics.php"); ?>
</span></td>
<td width="2"> </td>
</tr>
</table></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="2" colspan="3"> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td colspan="3"><img src="images/seperator_katl.gif" width="192" height="4"></td>
</tr>
<tr bgcolor="#FFFFFF">
<td colspan="3"><table width="192" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9"> </td>
<td><span class="Stil5"></span><span class="Stil6">Partner</span></td>
</tr>
</table></td>
</tr>
<tr bgcolor="#FFFFFF">
<td colspan="3"><table width="192" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9"> </td>
<td>
<?
include("partners.php");
?> </td>
<td width="2"> </td>
</tr>
</table></td>
</tr>
</table></td>
<td width="500" align="left" valign="top" bgcolor="#FFFFFF"><table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="12" rowspan="11" align="left" valign="top" background="images/body_sp_l.gif"> </td>
<td align="left" valign="top"><table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="105" align="left" valign="top"><span class="Stil17">GEMEINSCHAFT</span></td>
<td width="50" align="left" valign="top"> </td>
<td width="110" align="left" valign="top" class="Stil17">CLAN</td>
<td width="50" align="left" valign="top" class="Stil13"> </td>
<td width="70" align="left" valign="top" class="Stil17">MEDIEN</td>
<td width="50" align="left" valign="top" class="Stil13"> </td>
<td width="95" align="left" valign="top" class="Stil17">SONSTIGES</td>
<td width="50" align="left" valign="top" class="Stil13"> </td>
<td rowspan="2"><a href="index.php?site=challenge" class="Stil11"></a></td>
</tr>
<tr>
<td width="105" colspan="2" align="left" valign="top"><span class="Stil15"><a href="index.php?site=news">News</a><br>
<a href="index.php?site=articles">Artikel</a><br>
<a href="index.php?site=calendar">Kalender<br>
<a href="index.php?site=polls">Umfragen</a><br></span></td>
<td width="110" colspan="2" align="left" valign="top"><span class="Stil15"><a href="index.php?site=trainplaner">Training</a><br>
<a href="index.php?site=about">Über uns</a><br>
<a href="index.php?site=members">Mitglieder</a><br>
<a href="index.php?site=sponsors">Sponsoren</a><br>
<a href="index.php?site=history">Geschichte</a><br>
<a href="index.php?site=clanwars">Clankämpfe</a><br>
<a href="index.php?site=joinus">Gruppenbeitritt</a><br>
<a href="index.php?site=awards">Auszeichnungen</a><br>
<a href="index.php?site=challenge">Herausforderungen</a><br><br></span></td>
<td width="70" colspan="2" align="left" valign="top" class="Stil15"><a href="index.php?site=links">Links</a><br>
<a href="index.php?site=server">Server</a><br>
<a href="index.php?site=demos">Demos</a><br>
<a href="index.php?site=linkus">Banner</a><br>
<a href="index.php?site=gallery">Galerien</a><br>
<a href="index.php?site=files">Downloads</a><br></span></td>
<td width="95" colspan="2" align="left" valign="top"><span class="Stil15"><a href="index.php?site=forum">Foren</a><br>
<a href="index.php?site=contact">Kontakt</a><br>
<a href="index.php?site=newsletter">Newsletter</a><br>
<a href="index.php?site=guestbook">Gästebuch</a><br>
<a href="index.php?site=imprint">Impressum</a><br>
<a href="index.php?site=registered_users">Registrierte User</a><br>
<a href="index.php?site=whoisonline">Wer ist / war online?</a><br></span></td>
</tr>
</table></td>
<td width="12" rowspan="11" align="left" valign="top" background="images/body_sp_r.gif"> </td>

<tr>
<td align="left" valign="top"><span class="Stil10"> </span> <table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="8"> </td>
<td width="547"><span class="Stil5"></span><span class="Stil6">Scrolltext</span></td>
</tr>
</table></td>
</tr>
<tr>
<td><table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="8"> </td>
<td width="545" align="center" valign="top"><?
include("sc_scrolltext.php");
?></td>
<td width="2"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="2"> </td>
</tr>
<tr>
<td><img src="images/seperator_body.gif" width="555" height="4"></td>
</tr>
<tr>
<td><table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="8"> </td>
<td width="547"><span class="Stil5"></span><span class="Stil6">Werbung</span></td>
</tr>
</table></td>
</tr>
<tr>
<td><table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="8"> </td>
<td width="545" align="center" valign="top"><?
include("sc_bannerrotation.php");
?></td>
<td width="2"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="2"> </td>
</tr>
<tr>
<td><img src="images/seperator_body.gif" width="555" height="4"></td>
</tr>
<tr>
<td><table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="8"> </td>
<td width="545" align="center" valign="top"><div align="center">
<?
if(!isset($site)) $site="news";
//Sichheitslücke beheben
$invalide = array('/','/\/',':','.');
$site = str_replace($invalide,' ',$site);
if(!file_exists($site.".php")) $site = "news";
include($site.".php");
?>
</div></td>
<td width="2"> </td>
</tr>
</table></td>
</tr>
</table></td>
<td width="190" align="left" valign="top" bgcolor="#FFFFFF"><table width="190" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="190" bgcolor="#FFFFFF"><table width="190" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="Stil5"></span><span class="Stil6">Anmeldung</span></td>
</tr>
</table></td>
</tr>
<tr>
<td width="190" bgcolor="#FFFFFF"><table width="190" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="2"> </td>
<td><span class="Stil9">
<? include("login.php"); ?>
</span></td>
<td width="2"> </td>
</tr>
</table></td>
</tr>
<tr>
<td width="190" height="2" bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td width="190" bgcolor="#FFFFFF"><img src="images/seperator_katr.gif" width="189" height="5"></td>
</tr>
<tr>
<td width="190" bgcolor="#FFFFFF"><table width="190" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="Stil5"></span><span class="Stil6">Clankämpfe</span></td>
</tr>
</table></td>
</tr>
<tr>
<td width="190" bgcolor="#FFFFFF"><table width="190" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="2"> </td>
<td><? include("sc_results.php"); ?></td>
<td width="2"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="2" bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><img src="images/seperator_katr.gif" width="189" height="5"></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><table width="190" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="Stil5"></span><span class="Stil6">Demos</span></td>
</tr>
</table></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><table width="190" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="2"> </td>
<td>
<? include("sc_demos.php"); ?>
</td><td width="2"> </td>
</tr>
</table></td>
</tr>
<tr>
<td width="190" height="2" bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td width="190" bgcolor="#FFFFFF"><img src="images/seperator_katr.gif" width="189" height="5"></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><table width="190" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="Stil5"></span><span class="Stil6">Aktuellste News</span></td>
</tr>
</table></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><table width="190" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="2"> </td>
<td><? include("sc_topnews.php"); ?></td>
<td width="2"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="2" bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><img src="images/seperator_katr.gif" width="189" height="5"></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><table width="190" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="Stil5"></span><span class="Stil6">Letzte News</span></td>
</tr>
</table></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><table width="190" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="2"> </td>
<td><span class="Stil9">
<? include("sc_headlines.php"); ?>
</span></td>
<td width="2"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="2" bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><img src="images/seperator_katr.gif" width="189" height="5"></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><table width="190" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="Stil5"></span><span class="Stil6">Ereignisse</span></td>
</tr>
</table></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><table width="190" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="2"> </td>
<td><? include("sc_upcoming.php"); ?></td>
<td width="2"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="2" bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><img src="images/seperator_katr.gif" width="189" height="5"></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><table width="190" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="Stil5"></span><span class="Stil6">Shoutbox</span></td>
</tr>
</table></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><table width="190" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="2"> </td>
<td><div align="center"><span class="Stil9">
<? include("shoutbox.php"); ?>
</span></div></td>
<td width="2"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="2" bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><img src="images/seperator_katr.gif" width="189" height="5"></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><table width="190" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="Stil5"></span><span class="Stil6">Statistik</span></td>
</tr>
</table></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><table width="190" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="2"> </td>
<td><? include("counter.php"); ?></td>
<td width="2"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="5" bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td width="190" bgcolor="#FFFFFF"><div align="center"><span class="Stil11">© Copyright 2005-2006 <?php echo $myclanname ?><br>
Powered by <a href="http://www.webspell.de.tt" target="_blank">webSPELL</a></span></div></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>




Ich Slice das Design mit Photoshop und erstelle die Tabellen mit Dreamwever


Wenn du mir sagen könntest wie ich das dort mit einbinden könnte wehre das nicht schlecht.

 
das wichtigste was du für php brauchst findest in meinem tutorial.
detailierte infos zu den einzelnen php funktionen bei php.net

das layouten mit tabellen ist gut. lade also in die entsprechenden zellen die navigation und die seiteninhalte. so hab ich es auch gelöst. schreib den code für die topnav und die subnav in 2 separate seiten. dort wo du sie benötigst lädst du sie mit einem include in die zelle.

CODE <?php include("topnav.php");?>


die variable in der url kannst z.b mit nummern versehen. 'index.php?top=1', 'index.php?top=2', etc. wie du deine navigation gestaltest, mit grafik oder tabelle ist dir überlassen. meine lösung mit den grafiken ist sehr aufwendig zum zusammenbauen. einfacher ist eine tabelle. hast du in der url top=2 gibst du der 2. zelle eine andere hintergrundfarbe.


CODE background="#<?php if($_GET['top']==2) {echo "FFFFFF";} else {echo "000000";}?>"


Das geht natürlich auch mit css. mit if() kannst auch steuern ob der text ein link ist oder nicht.

zugegeben, php benötigt etwas mehr routine als html, dafür hast auch viel mehr möglichkeiten.
 
Zurück
Oben