Hi,
ich versuche mal die Frage mit ner Navliste zu erklären:
also generell baue ich ein Template wie jeder andere - zunächst. Allerdings nur semantisch richtig und ohne Design. Also im Grunde ein nacktes Template ohne Layout - keine Tabellen, keine Grafiken, die dem Design dienen.
Alle Module lasse ich mit dem -1-Switch ausgeben, das bringt Mambo dazu, Menüs z.B. als Unorderd List <ul> auszugeben, mit allen Menüpunkten als <li>-Elemente.
"Normalerweise" wäre ein Modul ja:
PHP Code:
<?php mosLoadModules( 'left' );?>
Wenn man aber das Modul so ausgibt:
PHP Code:
<?php mosLoadModules( 'left', -1 );?>
dann verzichtet Mambo auf das ganze "Tabellengedöns" und gibt das Modul, z.B. das Menü, xHTML-like aus, und das macht man eigentlich immer als Liste.
Schau dann bitte mal hier, um von dort ab weiter zu finden, z.B. wie mache ich aus einer ungeordneten Liste dann ein horizontales Menü:
http://css.maxdesign.com.au/listamatic/
Bei Webseiten wie dem Cooking Cup, die ganz schnell gemacht werden müssen, dann ein Jahr lang halten, und dann wieder durch eine neue Seite ersetzt werden, mache ich mir meist nicht die Mühe, die Menüs tatsächlich dynamisch aufzubauen. Das mache ich nur bei Seiten, die für eine längere Zeit online sein sollen und wo sich Dinge in den Menüstrukturen ändern könnten.
Beim Cooking Cup sind also die horizontalen Hauptmenü-Punkte fest im Template "hard-ge-coded". Woher wusste ich dann die Menü-Links: nun, das "Main Menu" gibt es noch, ist jedoch auf der Position "debug" und wird, wenn die Seite live geht - einfach ausgeschaltet. Bis dahin kopiere ich mir von dort die eigentlichen Menülinks für meine Hartvercodung.
Wie gesagt: das mag nicht sonderlich elegant sein, ist aber in Anbetracht dessen, das diese Seite gerade mal bis Hebst/Winter diesen Jahres aktuell bleibt und dann wieder durch eine komplett neue ersetzt werden wird eine etwas einfachere Sache.
In Listamatic siehst Du auch, wie Du generell Drop-Down-Menüs auf diese Weise machen kannst. Das per Hand aufzubauen kann aber dann doch sehr nervig sein, und darum bevorzuge ich hier Stingreys Menü-Module. Siehe
http://www.stingrey.biz/
Die Subnavi war ursprünglich so gar nicht vorgesehen und musste dann recht kurzfristig eingefriemelt werden. Darum ist sie auch bei mir ein wenig das "Stifkind" dieser Seite. Hier nervt mich dann auch mein eigenes Layoutraster, dass diese Submenüs auf eine feste Breite von 120px fest setzt, und manchmal musste ich da schon etwas erfinderisch in der Wortwahl werden, damit es rein passte...
Diese Subnavi könnte man sicher noch verbessern, z.B. schönere Over-Effekte etc. Aber da fehlte einfach Zeit und Geld - leider. Ach ja, hier haben wir übrigens wieder Stingreys "Tigra Display Menu" in der Subnavi -
http://mamboforge.net/projects/displaymenu/
Die Hintergrundbilder sind übrigens nicht im Template enthalten. Es gibt insgesamt 5 Templates: Startseite, 2 Varianten der Unterseiten (wie unter "So kochen Sie mit" und "Newsletter"), das Magazin und der Shop.
Die Bilder jeweils im Hintergrund sind Module, die nur das Bild selbst enthalten. Kleiner Gag hier: die helle Fläche auf dem der Text liegt ist nicht im Bild enthalten. Das ist einfach eine weiße Fläche, die per CSS auf eine Transparenz gesetzt wurde. Hier das Beispiel aus der CSS-Datei:
Code:
#content {
position: absolute;
top: 131px;
left: 120px;
width: 480px;
height: 437px;
background: #fff;
/* Opacity in IE */
filter: alpha(opacity=60);
/* Opacity in Mozilla */
-moz-opacity: 0.6;
}
#content ist die hellere Fläche generell, mit "absolut" positioniert, so kann man dann schön weitere Elemente drüber stapeln und so stapelt sich auch die Fläche über das darunter liegende DIV, dass das Bild aus einer bestimmten Modul-Position ausgibt. Dann die beiden Filter-Regeln für (in diesem Falle) 60% Durchsichtigkeit für je Internet Explorer und Mozilla-basierten Browsern (dabei kann z.B. Safari zwar nichts mehr mit Anfangen, aber dieser Brower sieht dann einfach eine farbliche Fläche auf dem der Text liegt).
Danach kommt dan ein weiterer DIV, der in diese Fläche hineinverschachtelt ist, der dann die Regeln für den Text und den Overflow (für die Scrollbalken bei Bedarf) enthält. Würde ich auf genau diesen #content-DIV schon den Text packen, wäre er nämlich auch 60% durchscheinend und entsprechend schwer lesbar.
Der Shop basiert (bei den Büchern und CDs auf AWESOME! - eine Superkomponente, auch wenn es ewtas mühsam ist, sie zu bedienen) - Infos und Download unter
http://mamboforge.net/projects/awesom/
Das Handyangebot ist leider momentan noch ein wenig ein "Medienbruch" - wer's haben will muss unseren Partner anrufen. Das wird aber in den kommenden Wochen noch mit deren Online-Shop verlinkt werden.
Die ganze Seite wird inhaltlich in den kommenden Wochen auch noch anwachsen. Im Magazin gibt es wöchentlich einen neuen Artikel und es werden auch noch weitere Sponsoren des Kochwettbewerbs dazu eingestellt.
Warum das ganze mit Mambo gemacht ist? Weil Mambo elegant, superschnell und leicht zu bedienen ist. Und weil ich für die gesamte Seite Dank Mambo nur 1 1/2 Wochen gebraucht habe. Ich kenn kein System mit dem es besser und einfacher ginge, komplexe Seiten zu bauen.
DANKE AUCH AN ALLE, DIE MIR BEI FRAGEN HALFEN UND HELFEN! Ich hoffe ich kann so viel wie möglich selbst zurück geben. Bei Fragen: einfach fragen! ;-)
Und danke noch mal für die Komplimente!
Stephan
Cooking Cup - der Kochwettbewerb in neuer Runde
Linear Mode
