Symbol-Bar » Schriftgöße

Florians Forum » Webmaster » Xobor (Homepagemodules & Dynamicboard) » Symbol-Bar » Schriftgöße

Spoiler sind ausgeblendet (einblenden)

#1 Schriftgöße von DJ Hazard 20.01.2009 00:16

Moin Moin

Ich hab da mal schnell paar Codes für die Symbolbar angefertigt.

von Schriftgröße 10 in 2er schritten bis 20.

Die Codes am besten hinter die Farben bringen. (passt sehr gut)
Die Pics sind schon eingebunden.

Also die Codes nur noch hinter den schwarz code einfügen.

Werde die Codes im laufe des Tages einfügen bin grad mitn Smartphone online...

MfG DJ Hazard

#2 RE: Schriftgöße von DJ Hazard 20.01.2009 13:30

SO da füge ich die Codes mal ein

Einstellungen -> Symbol-Bar

Und so Siehts dann aus!

test
test
test
test
test
test
test
test

#3 RE: Schriftgöße von Lady of the light 17.03.2011 18:27

Klasse! Nur hätte ich das gern in so einer Dropdown-Kategorie. Wie mache ich das?

#4 RE: Schriftgöße von florian-zier 20.03.2011 22:43

Hallo Lady,
es existiert bereits ein Beitrag zu diesem Thema hier im Forum.

Vielleicht ist dies etwas für dich:
Schriftgrößen und Schriftarten - Auswahl

Die auskommentierten Option-Tags sind eine händisch vordefinierte Variante.
Entferne die HTML-Kommentare um eine beschränkte Auswahl vorzudefinieren.

Im Moment ist das Javascript darunter aktiv.
Es gibt jede Zahl von 1-72 einzeln aus, überspringt also keine Zahlen.

Siehe als Beispiel dazu auch die Optionen in der Symbol-Bar hier im Forum.
Hier werden auch die Schrift-Menüs verwendet.

#5 RE: Schriftgöße von Movert 27.02.2012 14:14

Ich hab auch m al so ein Skript gemacht, man muss nichtmal auf OK klicken:
Größe:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<select name="fontsize" size="1" style="height:18px;background-color:#ffffff;Font-size: 8pt; font-color: #000000;" onChange="if(options[selectedIndex].value){ insert(options[selectedIndex].value,'[/style]');}; this.form.fontsize.options[0].selected = true;">
<option selected>Schriftgröße</option>
<option value="[style=font-size:4pt]" title="4pt">4pt</option>
<option value="[style=font-size:7pt]" title="7pt">7pt</option>
<option value="[style=font-size:10pt]" title="10pt">10pt</option>
<option value="[style=font-size:11pt]" title="11pt">11pt</option>
<option value="[style=font-size:12pt]" title="12pt">12pt</option>
<option value="[style=font-size:14pt]" title="14pt">14pt</option>
<option value="[style=font-size:16pt]" title="16pt">16pt</option>
<option value="[style=font-size:18pt]" title="18pt">18pt</option>
<option value="[style=font-size:24pt]" title="24pt">24pt</option>
<option value="[style=font-size:28pt]" title="28pt">28pt</option>
<option value="[style=font-size:32pt]" title="32pt">32pt</option>
</select>&nbsp;&nbsp;
 

Schriftart:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<select name="fontfamily" size="1" style="height:18px;background-color:#ffffff;Font-size: 8pt; font-color: #000000;" onChange="if(options[selectedIndex].value){ insert(options[selectedIndex].value,'[/style]');}; this.form.fontfamily.options[0].selected = true;">
<option selected>Schriftart</option>
<option value="[style=font-family:'Arial']" title="4pt"><style="font-family:'Arial'>Arial</style></option>
<option value="[style=font-family:'Times New Roman']" title="7pt"><style="font-family:'Times New Roman'>Times New Roman</style></option>
<option value="[style=font-family:'georgia']" title="10pt"><style="font-family:'georgia'>Georgia</style></option>
<option value="[style=font-family:'Courier']" title="11pt"><style="font-family:'Courier'>Courier</style></option>
<option value="[style=font-family:'Verdana']" title="12pt"><style="font-family:'Verdana'>Verdana</style></option>
<option value="[style=font-family:'Lucida Sans']" title="14pt"><style="font-family:'Lucida Sans'>Lucida Sans</style></option>
<option value="[style=font-family:'Comic Sans MS']" title="16pt"><style="font-family:'Comic Sans MS'>Comic Sans MS</style></option>
<option value="[style=font-family:'Tempus Sans ITC']" title="18pt"><style="font-family:'Tempus Sans ITC'>Tempus Sans</style></option>
<option value="[style=font-family:'Nasalization']" title="18pt"><style="font-family:'Nasalization'>Nasalization</style></option>
<option value="[style=font-family:'Bradley Hand ITC']" title="18pt"><style="font-family:'Bradley Hand ITC'>Bradley Hand</style></option>
<option value="[style=font-family:'Century Gothic']" title="18pt"><style="font-family:'Century Gothic'>Century Gothic</span></option>
</select>
 
 

das kann man dann noch schön in ein Fieldset einbauen...

#6 RE: Schriftgröße von Wolfgang 27.09.2013 15:41

Mir ist aufgefallen, dass die hier im Forum verwendete Schriftgröße und die Schriftart im IE 10 nicht funktioniert.
Vielleicht liegt es auch an der neuen Iconbar!
Ich habe folgendes Menü unter "HTML" in die neue Iconbar eingebaut. Es funktioniert in allen Browser.
Ohne OK-Button.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 

<select name="fontsizes" onChange="javascript:self.location = this.form.fontsizes.options[this.form.fontsizes.selectedIndex].value; this.form.fontsizes.options[0].selected = true;">
 
<option selected value="#">12px</option>
		
<option value="javascript:insert('[style=font-size:9px]','[/style]')">9px</option>
<option value="javascript:insert('[style=font-size:10px]','[/style]')">10px</option>
<option value="javascript:insert('[style=font-size:11px]','[/style]')">11px</option>
<option value="javascript:insert('[style=font-size:12px]','[/style]')">12px</option>
<option value="javascript:insert('[style=font-size:14px]','[/style]')">14px</option>
<option value="javascript:insert('[style=font-size:16px]','[/style]')">16px</option>
<option value="javascript:insert('[style=font-size:18px]','[/style]')">18px</option>
<option value="javascript:insert('[style=font-size:20px]','[/style]')">20px</option>
<option value="javascript:insert('[style=font-size:22px]','[/style]')">22px</option>
<option value="javascript:insert('[style=font-size:24px]','[/style]')">24px</option>
<option value="javascript:insert('[style=font-size:26px]','[/style]')">26px</option>
<option value="javascript:insert('[style=font-size:28px]','[/style]')">28px</option>
<option value="javascript:insert('[style=font-size:30px]','[/style]')">30px</option>
<option value="javascript:insert('[style=font-size:36px]','[/style]')">36px</option>
<option value="javascript:insert('[style=font-size:48px]','[/style]')">48px</option>
<option value="javascript:insert('[style=font-size:72px]','[/style]')">72px</option>
</select>
 
 

PS: Legt man mehrere Menüs an, ist noch darauf zu achten, dass jedes Menü einen eigenen Namen bekommt (einschließlich this.form.fontsizes....)

#7 RE: Schriftgröße von florian-zier 27.09.2013 23:00

Hallo Wolfgang,
danke für die Info! Werde das mal bei Gelegenheit irgendwie mit 'nem Windows testen. Wäre mir jetzt sonst nicht direkt aufgefallen.

Vielleicht machen Angaben wie die folgenden Probleme:

1
 
this.form.fontsizes[fontsizes.selectedIndex]

Bei dir ist da auch immer noch ein options vorhanden:

1
 
this.form.fontsizes.options[…]

Ich persönlich wollte den OK-Button beibehalten, damit man die gleiche Einstellung bei Bedarf mehrmals anwenden kann. Kann ja sein, dass nur ein paar vereinzelte Sätze eine andere Schriftart erhalten sollen, diese aber nicht direkt hintereinander im gleichen BBCode stehen können.
Vielleicht baue ich demnächst ja noch mehr Sachen mit jQuery um.