Codebeispiel - Einfaches Hauptmenü: Unterschied zwischen den Versionen
Aus DynPG-Wiki
K |
K (hat „Code-Schnipsel Einfaches Hauptmenü“ nach „Codebeispiel - Einfaches Hauptmenü“ verschoben) |
(kein Unterschied)
| |
Version vom 2. November 2010, 15:16 Uhr
→ Hauptartikel: Implementation eines kompletten Hauptmenüs
Beschreibung: Ein Webseite mit einem einfachen dynamischen Navigationsmenü und einer Inhaltsanzeige.
Einfaches Hauptmenü - index.php
[php, N]
<?php
require '../dynpg/getcontent.php'; //DynPG-Funktionalität einbinden
$GLOBALS["DynPG"]->SetParam_PathToRoot('../dynpg/'); //DynPG-Pfad setzen
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US"> <head>
<title>Seite mit dynamischen Navigationsmenü</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<?php $GLOBALS["DynPG"]->Write_AllGroups(); // Gruppenlisten-Ansicht ausgeben (standardmäßig abhängig vom Navigationskontext) $GLOBALS["DynPG"]->SetParam_AA_Maxview(10); // Maximal zehn Einträge in Artikellisten anzeigen $GLOBALS["DynPG"]->Write_AllArticles(); // Artikelliste-Ansicht ausgeben (standardmäßig abhängig vom Navigationskontext) $GLOBALS["DynPG"]->SetParam_A_Anytime(false); // Parameter wieder auf false setzen (wurde bei der Navigation auf true gesetzt) $GLOBALS["DynPG"]->Write_Article(); // Artikel-Detailansicht ausgeben ?>
</body> </html> </code>
Einfaches Hauptmenü - style.css
[css, N]
/* Navigation */
div#navigation{
/* Angaben für ein zweispaltiges Layout */ float: left; width:150pt; margin-left:5pt; margin-right:5pt;
border:1px solid black;
}
/* Inhalt */ div#inhalt {
/* Angaben für ein zweispaltiges Layout */ margin-left:165pt; margin-right:5pt;
}
/* Alle divs innerhalb des Navigationsmenüs verschieben ihren Inhalt
um 10 pt nach rechts. Durch die Verschaltelung von divs innerhalb des Menüs erhalten wir so eine Einrückung. */
div#course_categories_menu div {
padding-left:10pt;
}
/* Alle links innerhalb des Navigationsmenüs */ div#course_categories_menu a {
text-decoration:none;
}
