Schrift vergrössern

[motix]

Hallo zusammen,

Ich vernahm dass es die möglichkeit gibt die Schriftgrösse auf der Page zu vergrössern und verkleinern, fand auf die schnelle nichts. Wie nennt man diese Funktion?

Wie gross ist der Aufwand?

Danke

[flip-flop]

Hi,

mal im wiki nach "Schriftgröße" suchen ......

Knut

[motix]

Danke

läuft bis auf etwas

Es wird alles andere grösser, ausser Inhalt. Ich möchte es umgekehrt.

Wo kann ich definieren was sich ändern soll?

Menü usw wird grösser dies möcht ich nicht unbeding.

Wo kann ich die Stufen veränder?

Danke für die Hilfe, bin froh darum.

Gruss m

[motix]

Ich möchte dass es mir im CSS nur diese eine einstellung verändert, nicht noch die Menüs.

/* --- Text =============================================== */

form, div, p, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }

/* Artikel Text grösse */
td, th, p, div, span {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px

2 stuffe grösser und kleiner.

[pepe]

Mit dem FontSizer kannst du doch eine Klasse bestimmen, innerhalb derer die Umschaltung stattfinden soll.

Code: Select all

var fsize_section	= 'content';

also einfach um den Mittelbereich deines Temples einen Container mit dieser Klasse legen, ...
dann funktioniert das auch nur dort!

Code: Select all

<div class="content">
..
Hier steht der Inhalt, der von der Schriftgröße-Umschaltung betroffen werden soll!
..
</div>

PS
Ich bin mir nicht mehr sicher ob's eine class oder id sein muss... ist schon ewig her

PPS
Nicht vergessen, die sehschwachen Besucher sollen doch auch das Menü lesen können... also, wieso da nicht?
"Schön" ist weniger wichtig, als gut navigierbar...

[motix]

ich weis wir haben darüber gesprochen. eines nach dem andern werde den code morgen reinschreiben.

danke

[motix]

Hi Pepe

kannst kannst du mir noch beschreiben wohin ich den code kopieren muss:
var fsize_section = 'content';


werden dann nur noch die selectierten abschnitte verändert? Wo kann ich die stufen verstellen?

[pepe]

Bei der Lösung mit Javascript ( http://forum.phpwcms.org/viewtopic.php?p=104925#p104925 ) kannst du dir doch eine kleine Musterseite downloaden und starten, da siehst du, wie alles zusammenspielt.

Sie mal in die Datei : fontsize.js , dort sind ja Variablen, die du mit deinen eigenen Daten bestücken kannst, bzw, deren Werte du in dein Template übernehmen musst, damit die Sache läuft.

var fsize_step = 0.1;
var fsize = 1;
var fsize_cookie = 'mooFontSize';
var fsize_section = 'content';
var fsize_min = 0.6;
var fsize_max = 3;

Vorgegeben ist die Klasse "content" für den Bereich, innerhalb der die Schriftartvergrößerung funktionieren soll.

Du legst also einen zusätzlichen Container um den fraglichen Bereich herum.

Code: Select all

<div class="content">{CONTENT}</div>

würde also die Funktion NUR auf den eigentlichen Inhaltsbereich beschränken!

Einfach mal versuchen und etwas "spielen" mit den Features...

[motix]

Hi pepe habe es mit switchFontSize.php gemacht.

Kann man da auch diese einstellungen machen?

Gruss M

[flip-flop]

Ich habe den wiki Beitrag überarbeitet, vielleicht hilft es.

Knut

[motix]

Danke für die überarbeitung.

Wie ist das gemeint mit dem Einbinden:

<!-- JS: fontsize -->

wo muss die Datei fontsize.js hin?

Gruss M

[flip-flop]

wiki bitte nocheinmal lesen.

Lade die Datei fontsizer_phpwcms.zip herunter, dort stimmt Pfad- und Dateiname.
(fontsize.js wird umbenannt nach mootools.fontsize.js im entsprechenden Pluginpfad).

Knut

[motix]

Danke für die Hilfe

Habe es mit dem Front Render gemacht. Ohne JS.

Läuft hammer!!!!!!!!!

Danke