Wie Text "Druckbare Version" durch Icon ersetzen?

[bejoro]

Hallo!

Ich habe in den Site-Eigenschaften die "Druckbare Version" aktiviert.

Ich würde nun gerne den Text "Druckbare Version" durch ein nettes, kleines Icon ersetzen.

Ich habe in der global.ccml das Icon-Bild als GIF-Datei aufgenommen, so dass es auch auf den Server kopiert wird.

In der page.ccml habe ich an der Stelle, an der normalerweise der Text ausgegeben wird folgendes eingefügt:

<a target="_blank" href="<cc:print value="&page.content.printablefile">"><img src="../images/<cc:print value="&pic.printer.filename">" border="0"></a>

Problem:
Das Icon erscheint immer nur auf der Startseite (1. Hauptseite) und den Hauptseiten der ersten Ebene.

Auf den Seiten der zweiten Ebene erscheint das Icon nicht mehr. Der Firefox zeigt gar nichts an, der IE zeit das X-Grafikbildchen, als würden beide die Grafikdatei nicht mehr finden.

Gebe ich beides aus, den Text "Druckbare Version" und das Icon, so erscheint auf den Seiten der zweiten Ebene nur noch der Text.

Ich verwende eine modifizierte Version des Designs "Zeus".

[blue]

<a target="_blank" href="<cc:print value="&page.content.printablefile">">
<img src="<cc:print value="&home.folderurl">images/<cc:print value="&pic.printer.filename">" border="0"></a>

[bejoro]

Ich hatte vermutet, dass es etwas mit der direkten Angabe des Verzeichnisses zu tun hat, aber ich wusste nicht, wie ich das lösen muss. Wieder etwas gelernt! Ich muss mich einfach noch intensiver mit CCML beschäftigen.

Das kann ich nur jedem empfehlen, der etwas mehr aus W2D herausholen möchte, als die Standard-Designs und einen individuelleren Auftritt möchte.

Modifiziertes Design Zeus:

Ich habe mir in der style_design.css einen eigenen CSS-Style "printable_version" für das Printer-Logo angelegt, damit ich es besser positionieren kann.

In der page.ccml habe ich die IF-Anweisung aus dem "more"-Container herausgenommen (fast am Ende der Datei) und in meinen eigenen DIV-Container "printable_version" vor diesen "more"-Container gelegt. Das GIF ist 48x48 Pixel groß, evtl. suche ich mir noch ein etwas kleineres (ungedingt auf freie Anwendbarkeit hinsichlich Urheberrecht achten).

style_design.css:

/* zur Ausgabe des Icons für "Druckbaren Version" */

#printable_version {
    margin: 0px;
    padding-bottom: 20px; 
    width: 48;
    height: 48;
    text-align: right;
}

page.ccml

Die Änderung ist gelb markiert:

</cc:loop>


<cc:*> Darstellung der "Druckbaren Version" als Icon </cc:*>

<div id="printable_version">
    <cc:if cond="&page.content.printablefile">
    <a target="_blank" href="<cc:print value="&page.content.printablefile">"><img src="<cc:print value="&home.folderurl">images/<cc:print value="&pic.printer.filename">" border="0"></a>
    </cc:if>
</div>

<div id="more">

Die Anweisung zur Ausgabe des Textes "Druckbare Version" steht gleich am Beginn des "more"-Containers und kann gelöscht oder auskommentiert werden.

Diese IF-Schleife kann dann gelöscht oder besser auskommentiert werden:

<div id="more">

<cc:if cond="&page.content.printablefile">
<a target="_blank" href="<cc:print value="&page.content.printablefile">"><cc:print value="&site.ressource.printable"></a><br />
</cc:if>

Krtitik und Verbesserungsvorschläge erwünscht!

Lieben Dank.