Florians Forum » Webmaster » Xobor (Homepagemodules & Dynamicboard) » Funktionen & Template » Schriftgrößen und Schriftarten - Auswahl
#1 Schriftgrößen und Schriftarten - Auswahl von florian-zier
27.12.2009 14:36
Mit diesen überarbeiteten Quellcodes ist es nun möglich, die Schriftgrößen und die Schriftarten in seinen Beiträgen zu wählen.
Die Forencodes existieren bereits standardmäßig.
Die Quellcodes müssen nur in der Symbol-Bar eingefügt werden, damit die Foren-Codes auch für die User leicht zugänglich gemacht werden.
Schriftgrößen-Auswahl:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
Schriftgröße:
<select name="fontsizes">
<!--
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="14">14</option>
<option value="16">16</option>
<option value="18">18</option>
<option value="20">20</option>
<option value="22">22</option>
<option value="24">24</option>
<option value="26">26</option>
<option value="28">28</option>
<option value="30">30</option>
<option value="36">36</option>
<option value="48">48</option>
<option value="72">72</option>
-->
<script type="text/javascript" language="javascript">
//keine Funktion im IE:
for (i=1;i<=72;i++) {
document.write('<option value="'+i+'">'+i+'</option>');
}
</script>
</select>
<select name="fontunits">
<option value="pt">Punkt</option>
<option value="px">Pixel</option>
<option value="em">Relativ (em)</option>
<option value="in">Inch</option>
<option value="cm">Zentimeter</option>
<option value="mm">Millimeter</option>
<option value="%">Prozent</option>
</select>
<input type="button" value="OK" onclick="insert('[style=font-size:'+this.form.fontsizes[fontsizes.selectedIndex].value+this.form.fontunits[fontunits.selectedIndex].value+']','[/style]');" />
Im Moment schreibt ein Skript die Zahlen von 1-72 in die Auswahl-Liste.
Alternativ kann das Skript auch durch den auskommentierten Teil darüber ersetzt werden, um nur bestimmte Schriftgrößen zu ermöglichen.
Schriftarten-Auswahl:
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
Schriftart:
<select name="fonts">
<option value="Verdana" style="font-family:Verdana">Verdana</option>
<option value="'Times New Roman'" style="font-family:'Times New Roman'">Times New Roman</option>
<option value="serif" style="font-family:serif">Serif</option>
<option value="sans-serif" style="font-family:sans-serif">Sans-Serif</option>
<option value="monospace" style="font-family:monospace">Monospace</option>
<option value="cursive" style="font-family:cursive">Cursive</option>
<option value="fantasy" style="font-family:fantasy">Fantasy</option>
</select>
<input type="button" value="OK" onclick="insert('[style=font-family:'+this.form.fonts[fonts.selectedIndex].value+']','[/style]');" />
Danke auch an unser Mitglied "rudir1962", welcher mich noch auf einen Fehler im IE hingewiesen hat!
Edit: Der Quellcode wurde nochmals überarbeitet!