Seite 1 von 1

Einstellung - Schriftgröße

Verfasst: 09.06.2012 19:03
von 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

Re: Einstellung - Schriftgröße

Verfasst: 09.06.2012 19:09
von 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

Re: Einstellung - Schriftgröße

Verfasst: 09.06.2012 20:26
von Miriam
deklas hat geschrieben: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).

Re: Einstellung - Schriftgröße

Verfasst: 09.06.2012 22:52
von deklas
Hallo,

http://forum.germannaruto.net/
Im oberen Balken sieht man dieen "Schreibblock" mit dem T.
BlackHawk87 hat geschrieben: 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);
*/

Re: Einstellung - Schriftgröße

Verfasst: 09.06.2012 23:05
von Crizzo
Hi,

die drei Dateien:
BlackHawk87 hat geschrieben:/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

Re: Einstellung - Schriftgröße

Verfasst: 10.06.2012 01:07
von deklas
Änderungen wurden vorgenommen. Problem besteht weiterhin.

Re: Einstellung - Schriftgröße

Verfasst: 10.06.2012 01:22
von Crizzo
Nein, besteht es nicht. Mach mal einen Hardreload in deinem Browser (Firefox STRG + F5) und probiers dann noch mal.