Schriftgröße vergrößern/verkleinern

Weiter ausführen und dann überstzen

Forum: http://forum.phpwcms.org/viewtopic.php?f=28&t=18299
Forum: http://forum.phpwcms.org/viewtopic.php?p=104925#p104925

Die Schriftgröße per Klick vergrößern oder verkleinern.

Mit dem RT switchFontSize.php ist dies möglich.

Die Datei switchFontSize.php dazu bitte aus
/templates/inc_script/frontend_render/disabled/switchFontSize.php
nach
/templates/inc_script/frontend_render/switchFontSize.php
kopieren.

Im Template

<div id="accessibilitybar">
  <a href="[FontSize+]" title="mach groesser"><img src="pics/plus-s.png" border="0" alt="zoom in" /></a>
  &nbsp;&nbsp;
  <a href="[FontSize=]" title="mach normal">Originalgröße</a>
  &nbsp;&nbsp;
  <a href="[FontSize-]" title="mach kleiner"><img src="pics/minus-s.png" border="0" alt="zoom out" /></a>
</div>

Im Verzeichnis /template/inc_css/fontSize/ finden wir die zusätzlich angehängten CSS-Anweisungen.

Download: fontsizer.zip (1.34 KiB, 22 downloads) (Dynamische Schriftgrößenänderung (JavaScript, Mootools))

Beispiel untern: http://www.iba-stadtumbau.de/index.php?news-aktuell

Ist nicht weiter dokumentiert - habe das selbst entwickelt. Letzlich muss man sich nur die Settings ansehen und in etwa verstehen, was passiert.

Einfach mal das Beispiel vergleichen mit IBA Stadtumbau und den Quellcode anschauen - aber mit Firebug, da die größer/kleiner/gleich “Tasten” erst zur Laufzeit “injiziert” werden. Kein JavaScript = keine Tasten. (OG)

Seihe dazu auch den Beitrag im Forum.