
Zitat von
max11111
Hallo,
ich möchte mit dem Dreamweaver MX 2004 eine Navigation gestalten (Textlinks), wo die aktuelle Seite hervorgehoben ist (z.B. fett).
Im Moment habe ich die Navigation und den Banner in einem Template, das alle Seiten verwenden. Ist dies mit einem Template möglich?
Oder geht das nur wenn auf jeder Seite extra der Link fettgemacht wird, auf welcher Seite man sich gerade befindet?
Gruß
max
Hallo max, willkommen und viel Spaß im TP 
Sicherlich kennst Du unser TP-Portal: www.traum-projekt.com
Schau mal dort in der linken Navigations-Leiste.
Dort gibt es unter: "Traum-Quelle" zu verschiedenen Themen und Programmen Tutorial-Seiten.
Speziell für Dreamweaver empfehle ich Dir diese Seite: Dreamweaver-Tutorials
Vorlagen (Templates) in Dreamweaver: http://www.traum-projekt.com/traum-q...ates/seite/19/
Und nun zum Thema Aktuelle Seite als Aktiv markieren:
Das ist möglich in dem man auf Vorlagenparameter zurückgreift.
Man fügt in den Linktag folgendes ein:
HTML-Code:
"@@(Rubrik_HOME==true?"current":"")@@"
Für jeden Link muß man eine Rubrik anlegen, also für HOME, KONTAKT etc.
Man muss also in jedem Linktag der Navigation einen eigenen Rubrik_NAMEN vergeben.
Dann kann das ganze so aussehen:
HTML-Code:
<li><a class="@@(Rubrik_HOME==true?"current":"")@@" href="/" title="Die Startseite">HOME</a></li>
<li><a class="@@(Rubrik_WEBDESIGN==true?"current":"")@@" href="/webdesign/" title="Standardkonformes Webdesign - Erfahren Sie mehr">WEBDESIGN</a></li>
<li><a class="@@(Rubrik_REFERENZEN==true?"current":"")@@" href="/referenzen/" title="Sehen Sie sich unsere Referenzen an.">REFERENZEN</a></li>
<li><a class="@@(Rubrik_SERVICE==true?"current":"")@@" href="/service/" title="Der gesamte Leistungsumfang von DEVLABS">SERVICE</a></li>
<li><a class="@@(Rubrik_PARTNER==true?"current":"")@@" href="/partner/" title="Ein Netzwerk von Spezialisten">PARTNER</a></li>
<li><a class="@@(Rubrik_IMPRESSUM==true?"current":"")@@" href="/impressum/" title="Impressum - die rechtliche Seite.">IMPRESSUM</a></li>
<li><a class="@@(Rubrik_KONTAKT==true?"current":"")@@" href="/kontakt/" title="Wir freuen uns auf die Kommunikation mit Ihnen!">KONTAKT</a></li>
In den Head Tag der Vorlage muss man für jede Rubrik eine Anweisung schreiben wie folgt:
HTML-Code:
<!-- TemplateParam name="Rubrik_HOME" type="boolean" value="false" --><!-- TemplateParam name="Rubrik_WEBDESIGN" type="boolean" value="false" --><!-- TemplateParam name="Rubrik_REFERENZEN" type="boolean" value="false" --><!-- TemplateParam name="Rubrik_SERVICE" type="boolean" value="false" --><!-- TemplateParam name="Rubrik_PARTNER" type="boolean" value="false" --><!-- TemplateParam name="Rubrik_IMPRESSUM" type="boolean" value="false" --><!-- TemplateParam name="Rubrik_KONTAKT" type="boolean" value="false" --><!-- TemplateParam name="Rubrik_AGB" type="boolean" value="false" --><!-- TemplateParam name="OptionalNewsCol" type="boolean" value="false" --><!-- TemplateParam name="OptionalReferenz" type="boolean" value="false" -->
Für den Aktiven Link muss man noch eine CSS-Klasse erzeugen z.B.
HTML-Code:
.current {color: red}
In den aus der Vorlage generierten Seiten muss man unter Modifizieren/Vorlageneigenschaften die richtige Rubrik als 'wahr' markieren, siehe Screenshot