[{SET lang_en='Displaying Your Tag Cloud On Zope Pages'}]
!!!Tag-Wolken auf Zope-Seiten 


[{$jspwiki.projname}]-Schlagwörter können auf einer [Zope|http://zope.org/]-Seite angezeigt werden. Ein Beispiel finden Sie [hier|http://www.kde.cs.uni-kassel.de/macek].

* Sie müssen auf eine [{$jspwiki.projname}]-Seite aus Zope heraus zugreifen. Hierfür benötigen Sie das Produkt [Kebas Data|http://sourceforge.net/projects/kebasdata/].
* Für jede Tag-Wolke, die Sie anzeigen lassen wollen, benötigen Sie ein KebasData-Objekt. Bitte konfigurieren Sie es wie folgt (Benutzername etc. muss natürlich ersetzt werden): \\ \\ [{Image src='kebas_config.png' align=center}] \\ \\ Nun werden alle Tags in Ihrer Tag-Wolke angezeigt, die sich zwischen den Start- <ul ...> und den Ende- </ul> Schemata bewegen.
* Sie müssen jedoch die von [{$jspwiki.projname}] ausgegebenen URLs überarbeiten, da diese sich auf das [{$jspwiki.projname}]-Hauptverzeichnis und nicht auf Ihre Seite beziehen. Hierfür fügen Sie bitte ein "Script (Python)"-Objekt namens {{__render_fixbaseurl__}} in Zope an beliebiger Stelle oberhalb des Ordners, der Ihre Tag-Wolke enthält, ein. Lassen Sie es zwei Parameter haben und folgendermaßen aussehen ("http://www.bibsonomy.org/" ist ggf. durch die [{$jspwiki.projname}]-Adresse zu ersetzen): 
%%prettify 
{{{
ul = context.match[0]
ul = ul.replace('href="/', 'href="http://www.bibsonomy.org/')
print ul
return printed
some code block
}}}
/%
* Für die Anzeige Ihrer Tag-Wolke von ''DTML'' aus müssen Sie diesen Befehl eingeben:
%%prettify
{{{
<ul class="tagbox">
  <dtml-var tagcloud>
</ul> 
}}} /%
* Für die Anzeige Ihrer Tag-Wolke von einem ''Page Template'' aus können Sie diesen Befehl benutzen: 
%%prettify
{{{
<ul class="tagbox">
  <div tal:replace="structure here/tagcloud"/>
</ul>
}}}
/%
* Nutzen Sie CSS zur Formatierung der Tag-Wolke nach Ihrem Geschmack. Hier sehen Sie, was wir benutzen; bitte beachten Sie, dass dies die selten vorkommenden Tags verbirgt. Sie können {{__display: none__}} durch {{__display: inline__}} ersetzen, um deren Anzeige zu aktivieren: 
%%prettify 
{{{
ul.tagbox { list-style: none; text-align: justify; }
ul.tagbox li { display: inline; }
ul.tagbox li a { display: none; text-decoration: none; color: #e05698; font-size: 60% }
ul.tagbox li.tagone a {  display: none; text-decoration: none; color: #a3004e; font-size: 80% } 
ul.tagbox li.tagten a {  display: inline; text-decoration: none; color: #830030; font-size: 100% }
}}}
/%
\\ \\