home | sitemap

Flash tagcloud

Het cms biedt een standaard flash tagcloud aan. De redacteur kan deze opgeven door als template xcms_flash op te geven:

[­TAGCLOUD template=xcms_flash ...]

Deze template kent de volgende instellingen:

width

De breedte in van de tagcloud in pixels.
height De hoogte van de tagcloud in pixels.
foreground

De kleur van tags op de voorgrond. Geef deze waarde op als een RGB-kleur. Voor rood bijv. ff0000 (standaard: zwart, 000000).
background De kleur van tags op de achtergrond. Geef deze waarde op als een RGB-kleur. Voor blauw bijv. 0000ff (standaard grijs, aaaaaa). De kleur van tags tussen de voor- en achtergrond wordt door de flash op basis van de voor- en achtergrondkleur berekend.
hilight De kleur als een gebruiker met de muis boven een tag hangt (en er op kan klikken). Geef deze waarde op als een RGB-kleur. Voor groen bijv. 00ff00 (standaard: rood, ff0000)
speed

De snelheid waarmee de tagcloud beweegt (standaard: 100).
scale_x De tagcloud wordt standaard in een cirkelvorm getoond. Via scale_x kan deze over de x-as worden uitgerekt tot een ovaal (standaard: 1).
scale_y

De tagcloud wordt standaard in een cirkelvorm getoond. Via scale_y kan deze over de y-as worden uitgerekt tot een ovaal (standaard: 1).

 

Het bijbehorende template bestand ziet er als volgt uit:

<object width="<!-- TMPL_VAR NAME="width" DEFAULT="160" -->" height="<!-- TMPL_VAR NAME="height" DEFAULT="120" -->" data="/gfx/tagcloud.swf" type="application/x-shockwave-flash" wmode="transparent">
  <param name="movie" value="/gfx/tagcloud.swf">
  <param name="FlashVars" value="distr=true&tcolor=0x<!-- TMPL_VAR NAME="foreground" \
  DEFAULT="000000" -->&tcolor2=0x<!-- TMPL_VAR NAME="background" DEFAULT="AAAAAA" -- \
  >&hicolor=0x<!-- TMPL_VAR NAME="hilight" DEFAULT="FF0000" -->&tspeed=<!-- TMPL_VAR \
  NAME="speed" DEFAULT="100" -->&scale_x=<!-- TMPL_VAR NAME="scale_x" DEFAULT="1" -- \
  >&scale_y=<!-- TMPL_VAR NAME="scale_y" DEFAULT="1" -->&mode=tags&tagcloud=%3Ctags%3E<!-- \
  TMPL_LOOP NAME="xcms_tagcloud" -->%3Ca+href%3D%27<!-- TMPL_VAR NAME="xcms_url" ESCAPE="URL" \ 
  -->%27+target%3D%27_self%27+style%3D%27font-size%3A<!-- TMPL_VAR NAME="xcms_step" \ 
  ESCAPE="URL" -->%27%3E<!-- TMPL_VAR NAME="xcms_tag" ESCAPE="URL" -->%3C%2Fa%3E \
  <!-- /TMPL_LOOP -->%3C%2Ftags%3E" />
  <param name="quality" value="high" />
  <param name="wmode" value="transparent" />
  <param name="AllowScriptAccess" value="always" />
</object>

NB: de \ aan het eind van sommige regels geeft aan dat hier bewust een enter is ingevoegd voor de leesbaarheid! De \'s moeten dus worden verwijderd zodat de hele value-waarde van de param Flashvars op één regel staat.

Het configuratiebestand ziet er als volgt uit:

title=Flash Tag Cloud
Breedte:width
Hoogte:height
Voorgrondkleur:foreground
Achtergrondkleur:background
Hover-kleur:hilight
Snelheid:speed
Schaal X-as:scale_x
Schaal Y-as:scale_y