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, 23 downloads) (Dynamische Schriftgrößenänderung (JavaScript, Mootools))

— Docu: –
Forum: –

Autor: Oliver Georgi (http://phpwcms.de)
wiki-Autor: K.Heermann (flip-flop) http://planmatrix.de) 27.07.2011
CMS Version: >= 1.4.7 (r4xx)
Version: V1.30

Tag: –

Dateinamen: * template/lib/mootools/plugin-1.2/mootools.fontsize.js

• oder
• template/lib/mootools/plugin-1.3/mootools.fontsize.js

Verzeichnis: template/lib/mootools/plugin-1.2 [plugin-1.3]

Bedingung: → /config/phpwcms/conf.inc.php

• $phpwcms['allow_cntPHP_rt'] = 1;
• JS im Browser eingeschaltet

—

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

Ist nicht weiter dokumentiert - habe das selbst entwickelt. Letztlich 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.