Einstellung - Schriftgröße

[deklas]

Hallo,

in Normalfall hat man ja in der oberen Sektion - da, wo auch der eigene Username etc. angezeigt wird ein icon mit einem "T", um die Schriftgröße anzupassen. Mein Problem ist nun, dass sich durch das Klicken die Schrift zwar vergrößert, man diese dann aber nicht mehr verkleinern kann.

Wisst Ihr vielleicht, woaran das liegen könnte und wie man das lösen kann?

LG
dekk

[Crizzo]

Hi,

welchen Style nutzt du denn? In prosilver z.B. wird da auch nichts anderes gemacht, als die drei CSS-Dateien:

• /styles/prosilver/theme/normal.css
• /styles/prosilver/theme/medium.css
• /styles/prosilver/theme/large.css

durch zu schalten, wobei "normal.css" nun mal der Standard ist.

Hast du zufällig an dieser Datei rumgeschraubt: /styles/prosilver/template/styleswitcher.js

Grüße

[Miriam]

Mein Problem ist nun, dass sich durch das Klicken die Schrift zwar vergrößert, man diese dann aber nicht mehr verkleinern kann.

Also beim Standard-Style wird das mit fontsizeup() bewerkstelligt. Da ist aber ein A und kein T; das nur am Rande.
Die Funktion sollte sich so darstellen: (durch klicken) klein, mittel, groß, klein mittel, groß (immer zyklisch in der Reihenfolge).

[deklas]

Hallo,

http://forum.germannaruto.net/
Im oberen Balken sieht man dieen "Schreibblock" mit dem T.

Hast du zufällig an dieser Datei rumgeschraubt: /styles/prosilver/template/styleswitcher.js

Grüße

An den drei, sowie der "styleswitcher.js" wurde nichts geändert. Zur Überprüfung hier die Datei:

Code: Alles auswählen

function fontsizeup(event)
{
	// Skip tabs; 9 being the ASCII code for a tab
	if (event && getKeyCode(event) == 9)
	{
		return true;
	}
	var active = getActiveStyleSheet();

	switch (active)
	{
		case 'A--':
			setActiveStyleSheet('A-');
		break;

		case 'A-':
			setActiveStyleSheet('A');
		break;

		case 'A':
			setActiveStyleSheet('A+');
		break;

		case 'A+':
			setActiveStyleSheet('A++');
		break;

		case 'A++':
			setActiveStyleSheet('A');
		break;

		default:
			setActiveStyleSheet('A');
		break;
	}

	return false;
}

function fontsizedown(event)
{
	// Skip tabs
	if (event && getKeyCode(event) == 9)
	{
		return true;
	}

	var active = getActiveStyleSheet();

	switch (active)
	{
		case 'A++' : 
			setActiveStyleSheet('A+');
		break;

		case 'A+' : 
			setActiveStyleSheet('A');
		break;

		case 'A' : 
			setActiveStyleSheet('A-');
		break;

		case 'A-' : 
			setActiveStyleSheet('A--');
		break;

		case 'A--' : 
		break;

		default :
			setActiveStyleSheet('A--');
		break;
	}
	return false;
}

function getKeyCode(event)
{
	// IE doesn't fire the onkeypress event for tabs
	// Reference: http://www.quirksmode.org/js/keys.html

	var code = (event.keyCode) ? event.keyCode : 0;

	// Probably using FF
	if (!code && event.charCode)
	{
		code = event.charCode;
	}

	return code;
}

function setActiveStyleSheet(title)
{
	var i, a, main;

	for (i = 0; (a = document.getElementsByTagName('link')[i]); i++)
	{
		if (a.getAttribute('rel').indexOf('style') != -1 && a.getAttribute('title'))
		{
			a.disabled = true;
			if (a.getAttribute('title') == title)
			{
				a.disabled = false;
			}
		}
	}
}

function getActiveStyleSheet()
{
	var i, a;

	for (i = 0; (a = document.getElementsByTagName('link')[i]); i++)
	{
		if (a.getAttribute('rel').indexOf('style') != -1 && a.getAttribute('title') && !a.disabled)
		{
			return a.getAttribute('title');
		}
	}

	return null;
}

function getPreferredStyleSheet()
{
	return ('A-');
}

function createCookie(name, value, days)
{
	if (days)
	{
		var date = new Date();
		date.setTime(date.getTime() + (days*24*60*60*1000));
		var expires = '; expires=' + date.toGMTString();
	}
	else
	{
		expires = '';
	}

	document.cookie = name + '=' + value + expires + style_cookie_settings;
}

function readCookie(name)
{
	var nameEQ = name + '=';
	var ca = document.cookie.split(';');

	for (var i = 0; i < ca.length; i++)
	{
		var c = ca[i];

		while (c.charAt(0) == ' ')
		{
			c = c.substring(1, c.length);
		}

		if (c.indexOf(nameEQ) == 0)
		{
			return c.substring(nameEQ.length, c.length);
		}
	}

	return null;
}

function load_cookie()
{
	var cookie = readCookie('style_cookie');
	var title = cookie ? cookie : getPreferredStyleSheet();
	setActiveStyleSheet(title);
}

function unload_cookie()
{
	var title = getActiveStyleSheet();
	createCookie('style_cookie', title, 365);
}

onload_functions.push('load_cookie()');
onunload_functions.push('unload_cookie()');

/*
var cookie = readCookie("style");
var title = cookie ? cookie : getPreferredStyleSheet();
setActiveStyleSheet(title);
*/

[Crizzo]

Hi,

die drei Dateien:

/styles/prosilver/theme/normal.css
/styles/prosilver/theme/medium.css
/styles/prosilver/theme/large.css

haben dir bei dir alle den gleichen Inhalt und der sieht so aus:

Code: Alles auswählen

body {
	font-size: 11px;
}

Dadurch das du im Standard-Design dieses hier hast:

Code: Alles auswählen

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #828282;
	background: #373737 url("./styles/germannaruto/theme/images/body.gif") repeat-y center;
	/*font-size: 62.5%;			 This sets the default font size to be equivalent to 10px */
	font-size: 10px;
	margin: 0;
	padding: 0;
}

wird die Schriftgröße bei Klick auf den T-Button auf 11px erhöht und kommt nicht mehr zurück auf 10px, weil diese nicht mehr als normal definiert ist.

Deshalb öffne mal die Dateien und ändere die font-size zu 10px, 11px und 12px.

Grüße

[deklas]

Änderungen wurden vorgenommen. Problem besteht weiterhin.

[Crizzo]

Nein, besteht es nicht. Mach mal einen Hardreload in deinem Browser (Firefox STRG + F5) und probiers dann noch mal.