Schriftgröße der Beiträge ändern

**iLLc** · 05.11.2010 13:22

Hallo,

ich habe mit Hilfe von Joomla eine Website. Dabei ist es auch möglich, die Schriftgröße per Javascript zu ändern. Allerdings bleiben die Beiträge unbeeindruckt davon. Lediglich die Menüs und restlichen Bestandteile können in der Schriftgröße verändert werden. Ich habe schon meine CSS durchgeschaut, aber über all ist die Schriftgröße relativ festgelegt, nirgends mit Pixel. Korrioserweise funktioniert die Schriftgrößenänderung im Standard-Template "Beez".
Vielen Dank für eventuelle Lösungsvorschläge.
Mit freundlichen Grüßen

iLLc

**KaiWiesling** · 05.11.2010 13:24

du schreibst noch nicht einmal, was für ein template du überhaupt hast.

geschweige denn einen link zum problem ohne den wir sowieso nichts sagen können.

**SirDrake** · 05.11.2010 13:27

vermutlich müssen die Schriftgrößen relativ angegeben werden. Sprich in % oder em

**Plopo23** · 05.11.2010 13:36

Es kann vermutlich daran liegen, dass JS nur die font-size ändert von bestimmten Div's.

Sprich, wenn du ein Div anders formatiert hast, wird es nicht mit eingeschlossen.

Am besten einen Link zu Seite schicken.

**iLLc** · 05.11.2010 14:05

Hallo

Vielen Dank ersteinmal für die Antworten. Das Template ist selbst erstellt. Die Schriftgrößen sind alle relativ angegeben, sprich nur in % oder em, nicht in Pixel.
@Plopo23: Das kann natürlich sein, wo genau kann man die Divs dann darauf einstellen. Ich habe JS in der index.php entsprechend implementiert und auf eine externe Datei verwiesen. Nirgends ist aber etwas von Div-Namen zu sehen.

Hier ist aber mal ein Link zur Seite:
http://uznw.howitworks.de/

MfG

iLLc

**SirDrake** · 05.11.2010 14:17

vielleicht mal hier die Fehler beseitigen
http://validator.w3.org/check?verbos...witworks.de%2F
und die beiden direkt mit
http://jigsaw.w3.org/css-validator/v...witworks.de%2F

Edit: ist übrigends in jedem Browser bereits eingebaut STRG + drücken

**Plopo23** · 05.11.2010 14:19

Das JS spricht folende functions an
revertStyles(2)
revertStyles()
revertStyles(-2)

Da bräuchte man den Code / Function

**iLLc** · 05.11.2010 15:44

Die beiden CSS-Fehler sind beseitigt, waren aber nur Kleinigkeiten. Bei den html-Fehlern muss ich nochmal gucken, das meiste davon wird von Joomla erzeugt.
Das es mit der STRG-Taste geht ist mir schon klar, allerdings ist es so vom "Auftraggeber" gewünscht.

In der index.php rufe ich den JS wie folgt auf:

document.write('<a href="/index.php" title="Vergrößern" onclick="changeFontSize(2); return false;" class="larger"><img src="templates/uznw/images/plus.png" border="0"></a><span class="unseen"> </span>');
document.write('<a href="/index.php" title="Stil auf Standard zurücksetzen" onclick="revertStyles(); return false;" class="reset"><img src="templates/uznw/images/reset.png" border="0"></a>');
document.write('<a href="/index.php" title="Verkleinern" onclick="changeFontSize(-2); return false;" class="smaller"><img src="templates/uznw/images/minus.png" border="0"></a><span class="unseen"> </span>');

Die Funktion changeFontSize macht dann noch einige Abfragen bezüglich max und min Größe und ändert diese dann. Dies ist größtenteils aus einer funktionierender Version kopiert und klappt beim grossen Teil der Website auch.

MfG

iLLc

**oldlady** · 05.11.2010 16:19

Das ist ganz normal aus dem beez übernommen soweit ich sehe.
Das einzige was mir an deiner Seite auffällt ist der Kopf im Quelltext.
Nimm doch mal aus dem Original-beez die ersten zeilen aus der index.php

Code:

<?php 
/**
 * @copyright	Copyright (C) 2005 - 2010 Open Source Matters. All rights reserved.
 * @license		GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant
 * to the GNU General Public License, and as distributed it includes or
 * is derivative of works licensed under the GNU General Public License or
 * other free or open source software licenses.
 * See COPYRIGHT.php for copyright notices and details.
 */

// no direct access 
defined ( '_JEXEC' ) or die( 'Restricted access' );
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de-de" lang="de-de" >
<head>

Ich glaub, bei dir fehlt da die Doctype-zeile.
Könnte sein dass es daran liegt. Das original-beez hat die Zele nämlcih noch und dort funktionoert es ja.

**iLLc** · 05.11.2010 16:41

Ok, das wars. Es haben nur diese DocTypes gefehlt.
Ich dachte eig, dass es nur was mit Dokumentation oder so zu hatte und daher weggelassen. Jetzt weiß ich es besser.

Vielen Dank an alle!

Thema: Schriftgröße der Beiträge ändern

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

Schriftgröße der Beiträge ändern

Erhielt Danksagungen von:

Lesezeichen

Lesezeichen

Berechtigungen