Kann ich im cmsimple einen Fontsizer einbauen, zB. diesen hier: http://www.unintentionallyblank.co.uk/2 ... avascript/
Ich verwende das jornz-Template, bin aber noch offline, also teste mit XAMPP ...
Der Fontsizer sollte unter "Suchen" ganz oben stehen, und mit "Schriftgröße betitelt sein. Es sollten nur die Schriften im Textbereich vergößerbar sein.
Fontsizer
-
LarsEllmauer
- Posts: 115
- Joined: Thu May 22, 2008 8:14 am
- Location: Kerkrade/NL
- Contact:
Re: Fontsizer
Hi,
schau Dir doch mal dieses Plugin an, das sollte helfen: http://www.cmsimplewiki.com/doku.php/plugins/font_size
Gruß,
Lars
schau Dir doch mal dieses Plugin an, das sollte helfen: http://www.cmsimplewiki.com/doku.php/plugins/font_size
Gruß,
Lars
Re: Fontsizer
hmmm, die Beschreibung ist recht unverständlich, da geht nicht hervor, ob und was man in der config.php ändern muß.
Hier mal der Beginn meines Contenttextes:
Hier mal der Beginn meines Contenttextes:
Code: Select all
<html><head><title>Content-Datei</title><meta http-equiv="content-type" content="text/html;charset=iso-8859-1"><meta name="generator" content="CMSimple 3.2"><link rel="stylesheet" href="./templates/jornz/stylesheet.css" type="text/css"><link rel="stylesheet" type="text/css" href="./plugins/pluginloader/css/stylesheet.css"><link rel="stylesheet" href="./plugins/advancednews/css/stylesheet.css" type="text/css"><link rel="stylesheet" href="./plugins/asfont/css/stylesheet.css" type="text/css"><link rel="stylesheet" href="./plugins/calendar/css/stylesheet.css" type="text/css"><link rel="stylesheet" href="./plugins/highslidethumb/css/stylesheet.css" type="text/css"><link rel="stylesheet" href="./plugins/lightboxforCMSimple/css/stylesheet.css" type="text/css"><link rel="stylesheet" href="./plugins/lightboxthumb/css/stylesheet.css" type="text/css"><link rel="stylesheet" href="./plugins/memberpages/css/stylesheet.css" type="text/css"><link rel="stylesheet" href="./plugins/simpleMultiUser/css/stylesheet.css" type="text/css"><link rel="stylesheet" href="./plugins/wdir/css/stylesheet.css" type="text/css"></head><body>
<h1>Home</h1>
<p> </p>
Re: Fontsizer
hier die Vorlagedatei:
Code: Select all
<?php
/*
CMSimple version 3.1 - Jun 2008
Small - simple - smart
© Peter Harteg
© 2009 Dotcomwebdesign.com Template Designer - Do not remove our links unless a Remove Link License is purchased here: http://www.dotcomwebdesign.com/?Purchase-A-Licence
This program is free software; you can redistribute it and/or modify it under the terms of the Affero General Public License (AGPL) as published by Affero, Inc. version 1. All files in the CMSimple distribution (except other language files than English and Danish) are covered by this license.
IMPORTANT NOTICE: As covered by the AGPL Section 2(d), the "Powered by CMSimple"-link to cmsimple.dk must under no circumstances be removed from pages generated by this program (except in print facility). If you want to remove or hide this link from your pages, you must purchase CMSimple under a commercial license. This also applies testing purposes and setup at an intranet or internal network.
Please be aware, that the AGPL in Section 2(d) requires, that any modified version of the program runned public (ie. on the Internet) must have an additional download facility for the modified version. This also applies to any modification of the template. Therefore you should purchase a commercial license, if you do not want the design of your internet site to fall under the AGPL license.
This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the AGPL for more details.
A copy of the Affero General Public License is available at http://www.cmsimple.dk/?License:AGPL, if not, write to Affero, Inc., 510 Third Street, Suite 225, San Francisco, CA 94107 USA.
This copyright note must under no circumstances be removed from this file and any distribution of code covered by this license.
For further information about this license and how to purchase a commercial license, please see http://www.cmsimple.dk/?License
For downloads and information about installation, please see http://www.cmsimple.dk
*/
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<?php echo head();?>
</head>
<body bgcolor="#ffffff"<?php echo onload();?>><a name="top"></a>
<!--Fireworks 8 Dreamweaver 8 target. Created Sun Sep 27 10:38:43 GMT+1000 (AUS Eastern Standard Time) 2009-->
<script type='text/javascript' src='<?=$pth['folder']['template']?>menu.js'?>menu.js'?>menu.js'?>menu.js'?>menu.js'></script>
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="900">
<!-- fwtable fwsrc="template.png" fwbase="template.jpg" fwstyle="Dreamweaver" fwdocid = "1760081381" fwnested="0" -->
<tr>
<td><img src="<?php echo $pth['folder']['templateimages']?>spacer.gif" width="63" height="1" border="0" alt="" /></td>
<td><img src="<?php echo $pth['folder']['templateimages']?>spacer.gif" width="774" height="1" border="0" alt="" /></td>
<td><img src="<?php echo $pth['folder']['templateimages']?>spacer.gif" width="63" height="1" border="0" alt="" /></td>
<td><img src="<?php echo $pth['folder']['templateimages']?>spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="5" valign="top"><img name="template_r1_c1" src="<?php echo $pth['folder']['templateimages']?>template_r1_c1.jpg" width="63" height="500" border="0" id="template_r1_c1" alt="" /></td>
<td background="<?php echo $pth['folder']['templateimages']?>template_r1_c2.jpg">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td>
<p align="right"><!--webbot bot="HTMLMarkup" startspan --><tr><td valign="top" align="right" class="searchbox">
<?php echo searchbox();?>
</td></tr><!--webbot bot="HTMLMarkup" endspan --></td>
</tr>
</table>
</td>
<td width="26"> </td>
</tr>
</table>
</td>
<td rowspan="5" valign="top"><img name="template_r1_c3" src="<?php echo $pth['folder']['templateimages']?>template_r1_c3.jpg" width="63" height="500" border="0" id="template_r1_c3" alt="" /></td>
<td><img src="<?php echo $pth['folder']['templateimages']?>spacer.gif" width="1" height="56" border="0" alt="" /></td>
</tr>
<tr>
<td background="<?php echo $pth['folder']['templateimages']?>template_r2_c2.jpg">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="14"> </td>
<td>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td><!--webbot bot="HTMLMarkup" startspan --><div id="hvmenu"> <? include ($pth['folder']['template'].'dhtml.navi'); ?></div><!--webbot bot="HTMLMarkup" endspan --></td>
</tr>
</table>
</td>
<td width="25"> </td>
</tr>
</table>
</td>
<td><img src="<?php echo $pth['folder']['templateimages']?>spacer.gif" width="1" height="33" border="0" alt="" /></td>
</tr>
<tr>
<td><img name="template_r3_c2" src="<?php echo $pth['folder']['templateimages']?>template_r3_c2.jpg" width="774" height="240" border="0" id="template_r3_c2" alt="" /></td>
<td><img src="<?php echo $pth['folder']['templateimages']?>spacer.gif" width="1" height="240" border="0" alt="" /></td>
</tr>
<tr>
<td><img name="template_r4_c2" src="<?php echo $pth['folder']['templateimages']?>template_r4_c2.jpg" width="774" height="15" border="0" id="template_r4_c2" alt="" /></td>
<td><img src="<?php echo $pth['folder']['templateimages']?>spacer.gif" width="1" height="15" border="0" alt="" /></td>
</tr>
<tr>
<td align="left" valign="top">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="14"> </td>
<td>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td><!--webbot bot="HTMLMarkup" startspan --><tr><td valign="top" class="menu"><?=newsbox(News)?></td></tr><!--webbot bot="HTMLMarkup" endspan --></td>
</tr>
<tr>
<td><!--webbot bot="HTMLMarkup" startspan --><tr><td valign="top">
<?php echo editmenu();?>
<?php echo content();?>
<?php echo submenu();?>
</td></tr><!--webbot bot="HTMLMarkup" endspan --></td>
</tr>
<tr>
<td><!--webbot bot="HTMLMarkup" startspan --><tr><td valign="top" class="menu"><?=newsbox(News2)?></td></tr><!--webbot bot="HTMLMarkup" endspan --></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><!--webbot bot="HTMLMarkup" startspan --><tr><td valign="top" class="menu"><?php echo languagemenu();?> <?php echo sitemaplink();?> <?php echo printlink();?> <?php echo mailformlink();?> <?php echo guestbooklink();?> <?php echo previouspage();?> <?php echo top();?> <?php echo nextpage();?></td></tr><!--webbot bot="HTMLMarkup" endspan --></td>
</tr>
<tr>
<td>
<p align="center">
<img border="0" src="<?php echo $pth['folder']['templateimages']?>footer-scroll.jpg" width="380" height="43"></td>
</tr>
</table>
</td>
<td width="25"> </td>
</tr>
</table>
</td>
<td><img src="<?php echo $pth['folder']['templateimages']?>spacer.gif" width="1" height="156" border="0" alt="" /></td>
</tr>
</table>
</div>
<div align="center">
<table border="0" width="900" cellspacing="0">
<tr>
<td align="center"><!--webbot bot="HTMLMarkup" startspan --><tr><td valign="top" align="center" class="sitename">
<?php echo sitename();?>
</td></tr><!--webbot bot="HTMLMarkup" endspan --></td>
</tr>
<tr>
<td align="center"><!--webbot bot="HTMLMarkup" startspan --><tr>
<td width="100%">
<p align="center" class="copyright"></a>Copyright: xx</a>
| Design: xx</a></td>
</td>
</tr><!--webbot bot="HTMLMarkup" endspan --></td>
</tr>
<tr>
<td align="center"><!--webbot bot="HTMLMarkup" startspan --><tr><td valign="top" align="center" class="login"><?php echo loginlink();?></td></tr><!--webbot bot="HTMLMarkup" endspan --></td>
</tr>
</table>
</div>
</body>
</html>Re: Fontsizer
und hier der Stylesheet:
Code: Select all
body{scrollbar-face-color:#D3E97D;scrollbar-highlight-color:#f3f3f3;scrollbar-shadow-color:#f5f5f5;scrollbar-3dlight-color:#808080;scrollbar-arrow-color:#ffffff;scrollbar-track-color:#ECF6C4;scrollbar-darkshadow-color:#f8f8f8;}
body,td,p {font-family: Arial, Helvetica, sans-serif;line-height: 1.5em;font-size:11px;color:#333333;}
a:link,a:active,a:visited {color:#333333;}
a:hover{text-decoration:underline;color:#A5C622;}
hr{height:1px;border:solid #c0c0c0 0px;border-top-width:1px;}
H1,H2,H3{line-height: 25px!important;font-family:"Arial Narrow", Helvetica, sans-serif;font-size:30px;font-weight:normal;text-align: left;margin-bottom:6px;color:#A5C622;}
H4{line-height: 25px!important;font-family:"Arial Narrow", Helvetica, sans-serif;font-size:20px;font-weight:normal;text-align: left;margin-bottom:6px;color:#A5C622;}
form{margin:0;}
IMG{border:0;}
ul.menulevel1,ul.menulevel2,ul.menulevel3,ul.sitemaplevel1,ul.sitemaplevel2,ul.sitemaplevel3,ul.submenu,ul.search{
padding-left: 0;margin-left: 0;list-style: none;}
li{line-height:1.5;}
li.doc{padding-left: 15px;background-image: url(menu/doc.gif);background-repeat: no-repeat;}
li.docs{padding-left: 15px;background-image: url(menu/docs.gif);background-repeat: no-repeat;}
li.sdoc{padding-left: 15px;background-image: url(menu/sdoc.gif);background-repeat: no-repeat;}
li.sdocs{padding-left: 15px;background-image: url(menu/sdocs.gif);background-repeat: no-repeat;}
#hvmenu {height: 18px; width: 740px; border-top: 0px solid #333333; border-right: 0px solid #ffffff; border-bottom: 0px solid #333333; border-left: 0px solid #333333;}
.sitename{font-weight:normal;color:#333333;font-size:11px;letter-spacing:1px;}
.menulevel1,.menulevel2,.menulevel3,.locator,.navigator,.sitemaplevel1,.sitemaplevel2,.sitemaplevel3,.submenu{font-weight:normal;font-size:11px;color:#333333;}
.menulevel1 a:link,.menulevel1 a:visited,.menulevel1 a:active,.menulevel1 a:hover,.menulevel2 a:link,.menulevel2 a:visited,.menulevel2 a:active,.menulevel2 a:hover,.menulevel3 a:link,.menulevel3 a:visited,.menulevel3 a:active,.menulevel3 a:hover,.locator a:link,.locator a:visited,.locator a:active,.locator a:hover,.navigator a:link,.navigator a:visited,.navigator a:active,.navigator a:hover,.sitemaplevel1 a:link,.sitemaplevel2 a:link,.sitemaplevel3 a:link,.sitemaplevel1 a:visited,.sitemaplevel2 a:visited,.sitemaplevel3 a:visited,
.sitemaplevel1 a:active,.sitemaplevel2 a:active,.sitemaplevel3 a:active,.sitemaplevel1 a:hover,.sitemaplevel2 a:hover,.sitemaplevel3 a:hover,.submenu a:link,.submenu a:visited,.submenu a:active,.submenu a:hover{text-decoration:none;}
.menu{font-weight:normal;font-size:11px;color:#333333;}
.menu a{text-decoration:underline;font-weight:normal;}
.login,.login a,.login a:link,.login a:visited,.login a:active,.login a:hover{font-weight:normal;font-size:7.0pt;color:#ABB061;text-decoration:none;}
.search a{font-weight:normal;color:#333333;}
.search a:link,.search a:visited{color:#333333;text-decoration:none;}
.search a:active,.search a:hover{color:#A5C622;text-decoration:none;}
.edit{font-size:11px;color:black;background-color:#ECEDDC;}
.edit a:link,.edit a:visited,.edit a:active,.edit a:hover{font-weight:normal;text-decoration:none;color:#333333;}
input,select{font-size:11px;text-indent:2px;}
textarea{font-family:arial;font-size:11px;background-color:#ffffff;width:98%;}
.searchbox .submit{font-family: Arial, Helvetica, sans-serif;font-size:11pxx;color:#000000;font-weight:normal;border:1px solid #c0c0c0;background-color:#ffffff;;background-image: url(images/search-but.jpg);}
.searchbox .text{font-family: Arial, Helvetica, sans-serif;font-size:11pxx;color:#616161;background-color:#ffffff;border:1px solid #c0c0c0;background-image: url(images/searchbk.jpg);}
.bodyline { background-color: #FFFFFF; border: 1px #98AAB1 solid; }
.cmsline { background-color: #FFFFFF; border: 2px #ffffff solid; }
.innerline { border: 2px #FFFFFF solid; }
.copyright {font-size:11px;color:#333333;}
.copyright a,.copyright a:link,.copyright a:visited {color:#333333;text-decoration:none;}
.copyright a:hover,.copyright a:active {color:#A5C622;text-decoration:none;}
-
LarsEllmauer
- Posts: 115
- Joined: Thu May 22, 2008 8:14 am
- Location: Kerkrade/NL
- Contact:
Re: Fontsizer
In der config.php Deiner CMSimple Installation muss nichts geändert werden. In der config.php des Plugins kannst Du die im Wiki beschriebenen Anpassungen vornehmen.
In der template.htm fügst Du über
ein.
Um die Buttons zur Vergrösserung bzw. Verkleinerung anzuzeigen, an der gewünschten Stelle einfügen
Ausserdem musst Du im Stylesheet alle font-size Angeben von px auf % oder em ändern.
Mal was anderes: warum willst Du diese Buttons denn einbauen? Jeder halbwegs vernünftige Browser unterstützt Skalierung. Hier ein ganz interessanter Artikel dazu: http://www.einfach-fuer-alle.de/blog/id/2457/
Gruß,
Lars
In der template.htm fügst Du über
Code: Select all
<?php echo head();?>Code: Select all
<?php echo sprint(); ?>Um die Buttons zur Vergrösserung bzw. Verkleinerung anzuzeigen, an der gewünschten Stelle
Code: Select all
<?php echo sform();?>Ausserdem musst Du im Stylesheet alle font-size Angeben von px auf % oder em ändern.
Mal was anderes: warum willst Du diese Buttons denn einbauen? Jeder halbwegs vernünftige Browser unterstützt Skalierung. Hier ein ganz interessanter Artikel dazu: http://www.einfach-fuer-alle.de/blog/id/2457/
Gruß,
Lars
Re: Fontsizer
Hat soweit funktioniert, Danke!!!
Ich muß jetzt nur noch die Schriften auf em umstellen...
Allerdings: Der Button erscheint zu klein, es steht nur "hriftgröße" anstatt "Schriftgröße" drauf....
Den Bericht der Efa hab ich gestern schon vorher gelesen, ich weiß Bescheid drüber, aber ich möchte trotzdem den Fontsizer einbauen, da die Schriften generell auf meiner Seite recht klein sind.
Ich muß jetzt nur noch die Schriften auf em umstellen...
Allerdings: Der Button erscheint zu klein, es steht nur "hriftgröße" anstatt "Schriftgröße" drauf....
Den Bericht der Efa hab ich gestern schon vorher gelesen, ich weiß Bescheid drüber, aber ich möchte trotzdem den Fontsizer einbauen, da die Schriften generell auf meiner Seite recht klein sind.
Re: Fontsizer
Na das ist ja eine tolle Idee. Erst kleine Schrift machen, und dann einen fontsizer einbauen ... ist das im Namen der Barrierfreiheit?soulman wrote:Den Bericht der Efa hab ich gestern schon vorher gelesen, ich weiß Bescheid drüber, aber ich möchte trotzdem den Fontsizer einbauen, da die Schriften generell auf meiner Seite recht klein sind.
Soweit ich informiert bin, arbeitet dieser fontsizer serverseitig (habe ich aber auch nur irgendwo mal gelesen), na dann viel Spass, wenn Du mal ein paar Besucher auf der Seite hast, die alle eine andere Schriftgrösse haben wollen und sich ständig gegenseitig die Schriftgrösse verstellen
Update: hab's gefunden:
http://www.cmsimpleforum.com/viewtopic. ... t=10#p3547
Ich empfehle Dir, den ganzen Thread zu lesen
Gert
Re: Fontsizer
Also der Fontsizer funzt super unter IE, siehe hier: http://www.lebenshilfe-leibnitz.at/cms
aber unter Mozilla z.B. funktionierts nicht, obwohl es eigentlich sollte.
Bin für Hilfe sehr dankbar, die template-Datei hier: http://www.lebenshilfe-leibnitz.at/cms/ ... mplate.htm
Die stylesheet-Datei, in % umgerechnet: http://www.lebenshilfe-leibnitz.at/cms/ ... esheet.css
die config.php vom asfont plugin: http://www.lebenshilfe-leibnitz.at/cms/ ... config.php
Wäre für Hilfe sehr dankbar, ist eh für nen guten Zweck, ich mach das Ganze auch kostenlos ...
aber unter Mozilla z.B. funktionierts nicht, obwohl es eigentlich sollte.
Bin für Hilfe sehr dankbar, die template-Datei hier: http://www.lebenshilfe-leibnitz.at/cms/ ... mplate.htm
Die stylesheet-Datei, in % umgerechnet: http://www.lebenshilfe-leibnitz.at/cms/ ... esheet.css
die config.php vom asfont plugin: http://www.lebenshilfe-leibnitz.at/cms/ ... config.php
Wäre für Hilfe sehr dankbar, ist eh für nen guten Zweck, ich mach das Ganze auch kostenlos ...
Re: Fontsizer
...wir hier alle auchsoulman wrote:ich mach das Ganze auch kostenlos ...
aber hoffentlich nicht umsonst...Bei Dir ist irgendwas verbogen. Der von asFont eingesetzte CSS-Code enthält Kommentarzeichen (<!-- .... -->), die da nicht hingehören und auch von meinem asFont Plus so nicht erzeugt werden =>
Code: Select all
<style type="text/css"><!-- body {font-size: 0.68em} --></style>Sollte so aussehen:
Code: Select all
<style type="text/css">body {font-size: 0.68em}</style>Lade doch erstmal das unveränderte asFont hoch und probier es nochmal. Die stylesheet.css des Template sieht nach schnellem drüberschauen ok aus.
mvwd.