Hi,
ich baue gerade an einer neuen Community und würde gerne eine dynamische Schriftgrößenveränderung nutzen. Als Themes habe ich Tinynice ausgewählt.
Leider blicke ich bei der Beschreibung nicht ganz durch. Könnte sich mal ein Theme-Profi diese Seite
http://www.lingo4u.de/article/fontsize (http://www.lingo4u.de/article/fontsize)
ansehen, und mir erklären wie ich das einbauen kann?
LG
Mecki
Hi,
ich wollte nochmal nachfragen, ob es eine Möglichkeit gibt eine dynamische Schriftgrößenveränderung einzubauen? Über eine Antwort würde ich mich sehr freuen.
Falls es nicht geht könnte ich doch eigentlich mehrere Themes einsetzen und die style.css ändern? Aber wie rufe ich dann den Link als User auf?
LG
Mecki
Moin Mecki,
Zitatich wollte nochmal nachfragen, ob es eine Möglichkeit gibt eine dynamische Schriftgrößenveränderung einzubauen? Über eine Antwort würde ich mich sehr freuen.
Warum soll das nicht gehen steht doch fein säuberlich in dem von Dir gepostetem Artikel. Nach der Anleitung ist das überhaupt kein Problem ;)
Ich habs aber mal ins Defaulttheme gebaut, dann kannst du dir das mal anschauen. Hab das jetzt nich genau überprüft ob da alle Schriftgrößen passen. Aber schaus Dir mal an dann siehst Du ja was ich gemacht habe und du kanns das auf dein Theme übertragen.
[gelöscht durch Administrator]
Hallo Henne,
erstmal vielen Dank, das funzt ;) Leider habe ich aber noch Probleme damit, die style.css vernünftig anzupassen. Ich bekomme die Schriftgröße nicht gleichmäßig hin. Das ist garnicht so einfach*g Ich nutze jetzt mx-rainbow. Könntest Du die style.css mal überfliegen und ein wenig für mich anpassen?
Ich finde man sollte diese Funktion grundsätzlich einbauen.
LG
Mecki
Hi,
um das 100%ig hinzubekommen müssen die styles angepasst werden, da muss man genau auf Vererbungen achten u.s.w. Ich hab da im Moment leider keine Zeit für, da müsstest du dich mal selber durchkämpfen, sorry.
Hi Henne,
ok dann werde ich mal kämpfen*g
Aber fein von dir, das Du mir geholfen hast :thumbup:
LG
Mecki
Hi Mecki,
kleiner Tipp noch ;) Setz doch erst mal alle Schriftgrößen auf 1em oder 101% das ist dann die Standardschriftgröße der Browser. Dann kannst du nach und nach anpassen. Ich häng mal noch die style.css des Defautthemes an die müsste jetzt soweit von den Schriftgrößen passen ;)
Und denk daran, Blockbreiten u.s.w sollten dann auch in em angegeben werden, damit sie sich dynamisch mit vergrößern.
[gelöscht durch Administrator]
Ok danke,
das teste ich heute nacht, ich bin jetzt zu müde. Ich habe die ganze Nacht meinen Server angepasst, installiert, gebastelt und konfiguriert*g, und versucht die mx-rainbow passend zur domain http://www.barrierenkiller.de (http://www.barrierenkiller.de) im Design zu verändern*g Du kann ja mal gucken ;)
Edit: Was zum Teufel ist EM???
Liebe Grüße
Mecki
na dann viel Erfolg !
Zitat
Edit: Was zum Teufel ist EM???
Das ist die Angabe von (Schrift-)Größen relativ zur Normalgröße der Schriftart.
einfach mal nach googeln ;)
@Henne,
man ist dat ne Fummelarbeit*g Naja ich glaube, es passt jetzt ;)
LG
Mecki
schön :thumbup:
Hi,
ich würde gerne wissen wofür Funktionen small footmsgl viewbench sind?
LG
Mecki
small {
font-size: 9px;
.footmsgl {
background-color: #FFFFFF;
color: #666666;
font-size: 9px;
.viewbench {
background-color: #FFFFFF;
color: #666666;
font-size: 9px;
Dynamische Schriftgrößenveränderung? Soll es in RICHTUNG Barrierefreies Webdesign gehen?! Ist bestimmt ein Wichtiges Thema für die WEITERENTWICKLUNG von PragmaMX.
Gerade im CMS-BEREICH!
Viel Grüsse
black and white
Hi,
ob die Admins von pragmaMx Interesse daran haben weiß ich nicht, aber ich bin hier noch nie auf taube Ohren gestoßen ;) und mir wurde immer geholfen :thumbup: Die dynamische Schriftgrößenveränderung funktioniert übrigens super.
LG
Mecki
Zitataber ich bin hier noch nie auf taube Ohren gestoßen
Wirst du auch weiterhin nicht. Die Frage ist immer was ist wirklich nötig für barrierefreies Webdesign. Die Schriftgröße ist schonmal ein großer, wichtiger Punkt. Man braucht dafür nicht zwangsläufig so eine Lösung wie in diesem Thread. Wichtig ist bei Schriftgrößen mit % oder em Angaben zu arbeiten. Das vergrößern und verkleinern dieser übernehmen heute eigentlich alle gängigen Browser. (Strg++ / Strg--). Auch px als Größenangabe wird dabei unterstützt. Viel wichtiger dabei ist das sich die einzelnen Seitenelemente dynamisch mitvergrößern. Was nützt die schönste Schriftgrößenanpassung wenn die Schrift im Block dann abgeschnitten wird. Dann geht es weiter mit alternativen Texten für Bilder u.s.w..
Fazit:
Wenn man W3C konformen HTML/XHTML Code schreibt auf die Schriftgrößeneinheit, die einzelnen Elemente der Webseite achtet und immer schön "alt" und "title" verwendet, hat man schon zu 90% für barrierefreiheit gesorgt.
Für uns ist das natürlich auch ein Thema welches in der zukünftigen Entwicklung berücksichtigt wird.
Huhu,
ich wollte auch mal was zur Barrierefreiheit zu tun. Ich finde, es wird oft vergessen, dass auch Farbkontraste immens wichtig sind. Ich war vor Kurzem mal auf der Suche nach barrierefreien Seiten und was ich da gesehen habe, war schon ärgerlich, es wurde viel von dem umgesetzt, was ich angehängt habe, aber auf die Standards zu achten, auf die jeder Illustrator, Grafiker, Setzer schon seit über 100 Jahren achtet, da kommt keiner drauf. Es werden Zeilenlängen genutzt, die lesefeindlich sind, es werden Durchschüsse (Zeilenabstände + was bei) benutzt, die kurz vor kompress sind, der Weissraum wird gnadenlos zugebombt. Es wird sich generell nicht an gestalterische Regeln gehalten. Es werden Farben gewählt die keinen Hell-Dunkel-Kontrast aufweisen, etc.
Wenn man sich nur an die deutschen typografischen Regeln hält – wir sind in Deutschland und die meisten stellen deutsche Seiten ins Netz, Amerikaner sollten natürlich nach den amerikanischen Regeln arbeiten, sich auch mal mit Gestaltung auseinandersetzt, es gibt vieles, was nichts mit Geschmack zu tun hat. Wer meint, dass Gestaltung nur mit dem Geschmack zu tun hätte hat keine Ahnung von Gestaltung. Es gibt auch in der Gestaltung eine Vielzahl von Regeln und Wissen.
Hierzu:
Typo und Layout im Web von Ulli Neutzling, ISBN: 3-499-61211-9
Farbe für Websites von Molly E. Holzschlag, ISBN: 3-499-61210-0
kosten beide 16,90, also nicht teuer, für das Wissen, es gibt natürlich noch ganz andere Nummern, aber ich will hier keinen überfordern ;D
Das Coden oder programmtechnische Entwickeln von Webseiten ist sehr viel einfacher geworden, da gibt es eine Menge Hilfsmitteln zu denen auf pragmaMx gehört. Jetzt sollte der nächste Schritt folgen: kulturelle Bildung, denn wenn mann nach den neuesten Coding-Standards arbeitet und sich auf die typografischen Regeln besinnt, dann sind die Seiten zu 99% barrierefrei und diese 9% die durch die Gestaltung hinzugekommen sind, sind die wirklich wichtigen Prozente, denn sie betreffen jeden User.
Zitat
Fazit:
Wenn man W3C konformen HTML/XHTML Code schreibt auf die Schriftgrößeneinheit, die einzelnen Elemente der Webseite achtet und immer schön "alt" und "title" verwendet, hat man schon zu 90% für barrierefreiheit gesorgt.
Für uns ist das natürlich auch ein Thema welches in der zukünftigen Entwicklung berücksichtigt wird.
Hier Punktet PragmaMX eindeutig, da z.B. die Genieriten Links den Alt-Tag ausgeben. Bei einigen Modulen könnte dies evt. noch ein bisschen optimiertet werden. Bei Joomla schaut es schon weniger gut aus bzw. muss dort ein Hack zugefügt werden.
Viele Grüße und ein schönes Wochenende
black and white
hallo Mecki, habe mal interessenhalber deine seite angeschaut, um die schriftvergrößerung mal zu sehen... aber irgendwie scheint der bei mir nicht zu funktionieren, also wenn ich auf plus, minus oder normal klicke, dann bekomme ich eine weiße seite, wo nur "Fehler" oben links steht. ich nutze ff.
@cihan,
das verstehe ich nicht. Ich habe mit Firefox und IE keine Probleme es funktioniert bei mir.
LG
Mecki
ZitatMozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.0.3) Gecko/20060523 Ubuntu/dapper Firefox/1.5.0.3
Keine Probleme .... + geht | - geht | "normal" tut's auch ... nur einen "title"-Tag solltest Du diesen Verlinkungen noch spendieren.
RtR
also das auf dem bild bekomme ich sowohl mit ff als auch mit ie ... vielleicht ist es auch nur ein problem bei mir ???
[gelöscht durch Administrator]
Hi,
keine Ahnung warum es bei dir nicht klappt. Wenn ich den Link direkt in der Adressleiste eingebe, kommt bei mir auch diese Fehlermeldung, ist ja auch logisch.
Eigentlich soll der Link ja nur kurz aufgerufen werden und dann wird die Seite mit der neuen Schriftgröße geladen. In der Adresszeile sollte dann nur die Domain stehen, aber anscheinend setzt er bei dir den kompletten Link rein.
@RiotheRat,
danke für deinen Test und den Hinweis betreff "title"-Tag ;)
LG
Mecki
Threadnachobenkram ...
Hallo,
ich habe auch versucht das ganze einzusetzen, weil auf der betreffenden Website auch Senioren zu erwarten sind. Bei Mecki funktioniert das ganze ja einwandfrei, so wie ich mir das vorstelle. Bei mir tut sich aber gar nix. Es sind keine Größenänderung zu sehen.
zum guggen (http://vedici.de/privatkunden/)
Ich such mich hier dusslig, an was das liegt ...
der Falk
Hi,
hast Du die style.css angepasst? Die Pixel-Werte in EM-Werte geändert?
LG
Mecki
Hi Mecki,
ja klar, ich hab die aus dem Thread genommen und noch an meine Bedürfnisse angepasst, natürlich auf em geachtet. Bei dir ist das richtig klasse.
Hi,
Willst Du meine MX-Rainbow zum testen? Bitte eMail angeben
LG
Mecki
ich hab dir ne Mail geschickt. Da kannste auch mal mein Theme testen.
Falk
Hi,
also bei mir funzt dein Theme. Das Problem liegt also wo anders.
LG
Mecki
Augenreib und kopfschüttel ... CHMOD? Also bei dir macht das Theme was es soll?
Ja es funktioniert ohne Probleme.
LG
Mecki
An der PHP version kann es doch auch nicht liegen, habe die 4 da drauf.
Hi,
leider kann ich dir nicht weiterhelfen :red:
LG
Mecki
schade, trotzdem vielen Dank.
nochmalnachobenschieb ... :mad2:
vielleicht hat ja ein anderer eine Idee, warum die Schriftgrößenveränderung des Themes auf der einen Installation läuft und auf der anderen nicht. Die nicht funktionierende ist eine ganz frische 1.9 mit SP1, auf den anderen 1.9, wo das SP1 nachgeschoben wurde oder auf älteren, geht es.
erledigt und geht jetzt, lag am eigenen HTML-Navigationsblock, da hatte sich ein font-tag versteckt ohne mich zu fragen .... ;)
Hallo Mecki,
leider funktioniert das mit den Schriftgrößen bei mir auch nicht auf deiner Seite.
Habe Firefox (Neuste Version), dachte erst es liegt bei mir an NoScript, aber ist es nicht!
Habe dann so lange rumexperimentiert bis ich den Grund gefunden hatte.
Es funktioniert nur wenn Cookies erlaubt sind, und diese wurden bei mir geblockt!
Sobald ich Cookies von deiner Seite annehme läuft alles bestens!!! :cul:
mfg
Uwe
Hallo, mecki, hallo pragmatiker,
Die Modifikation funktioniert (fast) perfekt.
Es gibt jedoch noch 3 Knackpunkte...
1.
Die sich ändernde Breite der Blockspalten ergibt sich aus dem breiter werdenden Inhalt, was an sich noch nicht so schlimm wäre, aber...
damit ergibt sich, dass die headerbilder nicht breit genug sind und dass sieht dann sehr unschön aus.
Gibt es eine Möglichkeit, links und rechts des jeweils gültigen headerbildes dann Ansatzbilder anzeigen zu lassen?
Also links vom headerbild dann mit der rechten Kante des Ansatzbildes und rechts vom headerbild dann mit der linken Kante des Ansatzbildes.
2.
Wenn in den Blöcken Dropdowns sind, die ja bekanntlich in der Breite abhängig vom Dropdown-Inhalt sind, siehts auch nicht so toll aus. Gibts dafür ne Lösung?
3.
Oben bei dem Einstellrahmen für die Fontgrösse (+ normal -)
a.
wird es mit zunehmender Vergösserung schwierig, die Stelle beim Klicken zu finden, die den Fokus hat.
Kann man da nicht besser imgs nehmen und wo müssen die rein?
b.
Auch verändert sich die Rahmengrösse nicht wie beim Rahmen mit dem Account, sodass bei sehr starker Vergrösserung die Zeile mit dem (+ normal -) nicht mehr sichtbar ist.
Fragen, die bestimmt nur die Profis unter Euch beantworten können, nichtwahr?
[gelöscht durch Administrator]
Hi,
ja die ganze Geschichte müsste noch ein wenig angepasst werden, aber ich habe da momentan keine Lust zu. :red:
LG
Mecki
Hallo, Mecki,
lieben Dank nochmal,
nein, sollte nicht auf Deine Arbeit abzielen, sondern sich als grundsätzliche Frage an alle richten
Zitat von: Mecki am 09 Januar 2007, 17:10:16
Hi,
Willst Du meine MX-Rainbow zum testen? Bitte eMail angeben
LG
Mecki
Hallo Mecki,
habe mir deine Seite mal angeschaut und bin total begeistert von der Funktion der dynamischen Schriftgrößen Veränderung.
Ich wäre sehr daran interessiert dies auch auf unserer ( gerade im Neuaufbau befindlichen ) Internetseite einzubauen.
Da ich auch das Rainbow Theme benutze, ist das vielleicht gar kein großes Problem.
Aus diesem Grunde wollte ich dich mal fragen ob du mir die nötigen Dateien per E- Mail senden könntest.
Vielen Dank und sportliche Grüße aus Brandenburg
Der Schoenefelder
Guten Abend Pragma MX Gemeinde,
wollte nochmal vorsichtig nachfragen,ob ich die Dateien auch bekommen könnte???
Mit sportlichen Grüßen
Der Schoenefelder
stehen doch hier in diesem Thread von Henne http://www.pragmamx.org/Forum-topic-17780-start-msg123175.html#msg123175 (http://www.pragmamx.org/Forum-topic-17780-start-msg123175.html#msg123175)
Zitat von: Falkaner am 30 April 2007, 19:12:12
stehen doch hier in diesem Thread von Henne http://www.pragmamx.org/Forum-topic-17780-start-msg123175.html#msg123175 (http://www.pragmamx.org/Forum-topic-17780-start-msg123175.html#msg123175)
Ja ich weiß, in diesem befinden wir uns ja auch gerade. Ich wollte gerne auch die MX Rainbow von Mecki zum testen haben. Daher meine bitte !!!
Mit sportlichen Grüßen
Der Schoenefelder
hi@Mecki
um zum Beispiel die Grafiken im Headder anzupassen, wäre eine Möglichkeit ein Hintergrundbild einzusetzen,
welches sich wiederholt.
Zudem müssten alle Tabellen dynamisch angepasst werden, was auch den Vorteil hätte, das die Seite in verschiedenen Auflösungen sich entsprechend anpasst.
Auch die Schrifft lässt sich wie schon vorher erwähnt anpassen.(in % und em) ich würde auch beides nutzen um ein paar Probleme mit dem IE zu umgehen.
Gruß
Olaf
Hallo Mecki,
ich hätte gerne auch Dein Theme zum Testen per Email.
Wäre schön, wenn Du es mir zusenden könntest.
Gruß
Dirk
dirk/at/eickmeier/dot/de
ich nochmal,
wer kann mir denn verraten, wo ich den folgenden code genau einsetzen muß, damit ich den Kasten mit Schriftgrößenanpassung + - Normal genau unter der Anmeldung habe?
<fieldset
style="border: 1px solid rgb(0, 51, 102); width: 200px; height: 30px;"><legend
style="color: rgb(0, 51, 102); background-color: inherit ! important;"><strong>Schriftgröße</strong></legend>
<table border="0" cellpadding="0"
cellspacing="0">
<tbody>
<tr>
<td><a title="Schrift: Größer" href="/themes/mx-rainbow/style/setfont.php?font=inc">
- </a>
<a title="Schrift: Kleiner" href="/themes/mx-rainbow/style/setfont.php?font=dec">[-]</a>
<a title="Schrift: Normal" href="/themes/mx-rainbow/style/setfont.php?font=base">[normal]</a></td>
</tr>
</tbody>
</table>
</fieldset>
oder mache ich einen Denkfehler?
Danke für Hilfe
Dirk