Schriftarten über die Iconbar verändern!

Um alle Funktionen nutzen zu k�nnen, aktivieren Sie bitte JavaScript in ihrem Browser!

Der Treffpunkt f�r Hilfe, Tricks & Tipps � XOBOR-Foren und Homepages � Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps � Schriftarten über die Iconbar verändern!

Themen-Einstellungen

Thema drucken

Bereich wechseln

Start Willkommen! Ank�ndigungen & Termine, wichtige News! Stellen Sie Ihr eigene Webseite vor! Betriebssystem MS Windows Betriebssystem MS Windows 10, 8.1, 8 und 7 - Tricks & Tipps MS Windows 10, 8.1, 8 und 7 - Fragen & Antworten �rger mit Ihrem PC? �rger mit dem PC - Vorbeugung und Hilfe �rger mit dem PC - Fragen & Antworten Fragen zu DSL, VDSL, LTE und anderen Netzempfangsarten XOBOR-Foren und Homepages Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten Das neue Template Xobor (v6) Energieerzeugung im neuen Zeitalter - Revolution�r! Videos und Webseiten zur Freien Energie Wasserstoff - Energietr�ger der Zukunft. Die besten Links Empfehlenswerte und interessante Links! Link - Suche Verschiedenes Faszinationen & Unglaubliches! Tricks & Tipps f�r Smartphones und iPhones Lob, Kritik & Verbesserungsvorschl�ge Spiel & Spa�, Witz & gute Laune! Spiritualit�t, Seele, New Age, Yoga, Gesundheit Alles, was noch so �brig bleibt Bannertausch Wie funktioniert der Bannertausch? Bannerrotation und Bannerwechsel

#1 | Schriftarten über die Iconbar verändern! datum

11.02.2009 23:23 (zuletzt bearbeitet: 02.01.2022 17:36)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3200
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Likes	1113

Schriftart über die Iconbar verändern!
Aktualisiert 02.01.21

Hallo,
es ist möglich die Schriftart im Forum über [style=font-family:xxxxxxxx] ... [/style], also mit eigenen Boardmitteln, zu verändern!

Dabei ist zu beachten:
  • Damit die Schrift deutlich dargestellt werden kann, sollte über "font-size" die Größe angepasst werden!
  • Bei zusätzlichen Formatierungen mit "style", muss der Schrift-Code den Text als Letzter umschließen.
  • Der Forencode mit "style" kann aber auch beliebig erweitert werden. Über eine Semikolon kann jede weitere Formatierung angeschlossen werden (Farbe, Größe,...)!
  • Alle Schriftarten, die der Browser wiedergeben kann, sind auswählbar.

So könnte der Forumcode (BB-Code) aussehen:

  • Blackadder ITC: [style=font-family:blackadder itc;font-size:24px;color:#AA8000] ... [/style]
  • Harrington: [style=font-family:harrington;font-size:24px;color:#008000] ... [/style]
  • Bradley Hand ITC: [style=font-family:bradley hand itc;font-size:24px;color:#0080AA] ... [/style]
  • Juice ITC: [style=font-family:juice itc;font-size:24px;color:#000000] [/style]
  • Lucida Handwriting: [style=font-family:lucida handwriting;font-size:24px;color:#00AAAA] ... [/style]
  • Monotype Corsiva: [style=font-family:monotype corsiva;font-size:24px;color:#800080] ... [/style]
  • Old English Text MT: [style=font-family:old english text mt;font-size:24px;color:#00008B] ... [/style]
  • Pristina: [style=font-family:Pristina;font-size:24px;color:#804000] ... [/style]

DropDown-Menü in der Iconbar:

"Admin > Layout > Iconbar" öffnen.
DropDown-Menü unter "Neue Smiley anlegen > HTML" anlegen.
Namen vergeben z.B. "Schriftart".
Unter "Neuen Smileys anlegen > HTML" den folgenden Code eintragen.
Oder Zeile 4-13 in ein vorhandenes DropDown-Menü kopieren.
Zeile 4 und 13 kann auch weggelassen werden und ist für große Dropdown-Menüs gedacht (Überschrift für Gruppen im Dropdown-Menü).
Zugleich kann dann auch "Format" in Zeile 2 in "Schriftart" umbenannt werden!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<select name="fontfamily" onChange="javascript:top.location = this.form.fontfamily.options[this.form.fontfamily.selectedIndex].value; this.form.fontfamily.options[0].selected = true;"> 
<option selected>Format</option>
 
<optgroup label="Schriftart">
<option style="font: 13px 'blackadder itc';" value="javascript:insert('[style=font-family:blackadder itc;font-size:24px;]','[/style]')">Blackadder ITC </option>
<option style="font: 13px 'harrington';" value="javascript:insert('[style=font-family:harrington;font-size:24px;]','[/style]')">Harrington</option>
<option style="font: 12px 'bradley hand itc';" value="javascript:insert('[style=font-family:bradley hand itc;font-size:24px;]','[/style]')">Bradley Hand ITC</option>
<option style="font: 13px 'juice itc';" value="javascript:insert('[style=font-family:juice itc;font-size:24px;]','[/style]')">Juice ITC</option>
<option style="font: 11px 'lucida handwriting';" value="javascript:insert('[style=font-family:lucida handwriting;font-size:24px;]','[/style]')">Lucida Handwriting</option>
<option style="font: 13px 'monotype corsiva';" value="javascript:insert('[style=font-family:monotype corsiva;font-size:24px;]','[/style]')">Monotype Corsiva</option>
<option style="font: 13px 'old english text mt';" value="javascript:insert('[style=font-family:old english text mt;font-size:24px;]','[/style]')">Old English Text MT</option>
<option style="font: 13px 'pristina';" value="javascript:insert('[style=font-family:pristina;font-size:24px;]','[/style]')">Pristina</option>
</optgroup>
 
</select>
 

Schlie�en

Das war's! Fertig!

Siehe auch: DropDown Menüs für die Symbol Bar
Siehe auch: Meine komplette Symbolbar

Bis dann und viel Spaß

Wolfgang

Antworten

#2 | Aktualisiert! - Neu! Schriftarten über die Symbolbar verändern! datum

12.07.2019 07:45

Aktualisiert! - Neu! Schriftarten über die Symbolbar verändern!

Beitrag #1 aktuaslisiert!

Es ist möglich die Schriftart im Forum über [style=font-family: xxxxxxxx] ... [/style],
also mit eigenen Boardmitteln zu verändern, ohne einen neuen Foren-Code anzulegen!

Wolfgang

Antworten

#3 | RE: Aktualisiert! - Neu! Schriftarten über die Symbolbar verändern! datum

02.01.2022 18:10

Also ich versuche das erst gar nicht, bekomme es sicher eh wieder nicht hin

Liebe Grüße von Mato

Antworten

#4 | RE: Aktualisiert! - Neu! Schriftarten über die Symbolbar verändern! datum

04.01.2022 07:29

Ich hatte es doch versucht
Blieb aber beim Versuch
Hat mir keine einzige Schriftart umgewandelt

Liebe Grüße von Mato

Antworten

#5 | RE: Aktualisiert! - Neu! Schriftarten über die Symbolbar verändern! datum

04.01.2022 11:16

nobody

Informationen anzeigen

Beitr�ge:	13
Registriert seit:	08.01.2017

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Likes	13

Test mit Schriftart Verdana, Schriftgröße 14

1
 
[style=font-family:Verdana;font-size:14px]Test mit Schriftart Verdana, Schriftgröße 14[/style]

Wenn mich mein Gedächtnis nicht im Stich läßt (es ist schon über zwei Jahre her, daß ich dieses Thema mit Wolfgang durchgearbeitet habe), dann muß sie, damit die Schriftart alle sehen, beispielsweise im Design Standard (V1)

Admin → Layout → Farben & Einstellungen → Funktionen → Kopfbereich-Addon

hinterlegt sein.

Oder es ist eine Schriftart, die so gängig ist, daß sie schon im Betriebssystem installiert ist; dann ist sie für alle sichtbar.

Zum Vergleich die von Wolfgang hinterlegte Standardschriftart.
Zum Vergleich die von Wolfgang hinterlegte Standardschriftart.

PS: Wolfgang, ich hoffe, ich habe Dir jetzt keine Schande gemacht und totalen Blödsinn erzählt.

Mato findet das Top!

Antworten

#6 | Schriftarten über die Symbolbar verändern! datum

05.01.2022 00:51 (zuletzt bearbeitet: 05.01.2022 17:00)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3200
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Likes	1113

Schriftarten über die Symbolbar verändern!

Hallo zusammen...
Habe festgestellt, dass die Schriftarteneinstellungen mobil einige Probleme mit sich bringen.
Entweder lässt sich die Schriftart gar nicht einstellen, über Tools oder nur über die Systemeinstellung und dann für alles!

In der Desktop-Version:

Eigentlich sollte sich über "[style=...] ... [/style]" die Schriftart in den Forum-Beiträgen verändern lassen, sonst liegt ein Fehler vor!
Oft wird wie in HTML, style mit Häkchen eingesetzt, aber als BB-Foren-Code funktioniert das nicht!

So funktioniert es nicht:

[style="font-family:Tempus Sans ITC; font-size:18px"]Test mit Schriftart "Tempus Sans ITC" und Schriftgröße 18px[/style]

Aber so funktioniert es:
Meist muss noch die Schriftgröße angepasst werden!
Auch muss getestet werden, ob die ausgesuchte Schriftart der Browser kennt und ohne Import von Webfonts funktioniert!

Test mit Schriftart "Tempus Sans ITC" und Schriftgröße 18px
Foren-Code im Beitrag:
[style=font-family: Tempus Sans ITC; font-size:18px;]Test mit Schriftart "Tempus Sans ITC" und Schriftgröße 18px[/style]

Schriftarten mit neuen kurzen Foren-Codes:
Will man andere Schriftarten in Beiträgen zur Verfügung stellen, stört oft der lange BB-Code.
Zumal noch andere Formatierungen hinzukommen, wie dick, kursiv, Farbe oder auch Abstand der Buchstaben.

Neuer Forencodes für Schriftart "Tempus Sans ITC":

Ersetze:

1
 
[Tempus] ... [/Tempus]

Mit:

1
 
<span style="font-family:Tempus Sans ITC; font-size:16px; color:#111188; letter-spacing: 3px;"><i><b> ... </b></i></span>

Schlie�en

Spoiler mit einem Klick öffnen und schließen!

Beispiele zum Testen:

Die folgenden Foren-Codes mit 5 verschiedenen Schriftarten werden komplett in den Beitrag eingefügt!

1
2
3
4
5
6
7
8
9
 
[b]Georgia:[/b] [style=font-family: Georgia; font-size:16px;]Test mit Schriftart "Georgia" und Schriftgröße 16px[/style]
 
[b]Tempus Sans ITC:[/b] [style=font-family: Tempus Sans ITC; font-size:18px;]Test mit Schriftart "Tempus Sans ITC" und Schriftgröße 18px[/style]
 
[b]Curlz MT:[/b] [style=font-family: Curlz MT; font-size:20px;]Test mit Schriftart "Curlz MT" und Schriftgröße 20px[/style]
 
[b]Colonna MT:[/b] [style=font-family: Colonna MT; font-size:22px;]Test mit Schriftart "Colonna MT" und Schriftgröße 22px[/style]
 
[b]Kunstler Script:[/b] [style=font-family: Kunstler Script; font-size:30px;]Test mit Schriftart "Kunstler Script" und Schriftgröße 30px[/style]
 

Die 5 Schriftarten sollten dann so aussehen:

Georgia: Test mit Schriftart "Georgia" und Schriftgröße 16px

Tempus Sans ITC: Test mit Schriftart "Tempus Sans ITC" und Schriftgröße 18px

Curlz MT: Test mit Schriftart "Curlz MT" und Schriftgröße 20px

Colonna MT: Test mit Schriftart "Colonna MT" und Schriftgröße 22px

Kunstler Script: Test mit Schriftart "Kunstler Script" und Schriftgröße 30px

Schlie�en

Spoiler mit einem Klick öffnen und schließen!

Interessante Links zum Thema:

• SCHRIFTFAMILIEN - Auf w3.org
• CSS Fonts (Schriftarten) - Auf w3big.com

Bis dann und besten Dank für Eure Antworten!

Wolfgang

Mato findet das Top!

Antworten

#7 | Fehlersuche: Neu! Schriftarten über die Symbolbar verändern! datum

06.01.2022 07:21

Zitat von Mato im Beitrag #4
Ich hatte es doch versucht
Blieb aber beim Versuch
Hat mir keine einzige Schriftart umgewandelt

Hallo Mato,
was hast Du genau gemacht?
Wie sah Dein Code aus?

Gruß
Wolfgang

Antworten

#8 | RE: Fehlersuche: Neu! Schriftarten über die Symbolbar verändern! datum

06.01.2022 07:24

Eigentlich genauso wie es beschrieben ist, hier

Ich hatte es ja auch drin, nur wenn ich eine Schriftart ausgewählt hatte, war es immer noch die Standartschrift,
die einzigste die was geändert hatte, war die mit den Schatten.

Liebe Grüße von Mato

Antworten

#9 | Schriftarten für MAC & Windows! datum

06.01.2022 18:27

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3200
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Likes	1113

Schriftarten für MAC & Windows!

Hallo Mato,
wie Du mir mitgeteilt hast, bist Du mit MAC und Chrome unterwegs.
Daran liegt es wohl, dass die Schriften bei Dir fast alle gleich aussehen!

Wenn man im Internet sucht, gibt es nicht viele Schriften, die mit MAC und Windows funktionieren.

Test mit Schriftart "Arial, Helvetica, Sans-Serif" und Schriftgröße 16px

Test mit Schriftart "Arial Black, Gadget, Sans-Serif" und Schriftgröße 16px

Test mit Schriftart "Courier New, Courier New, monospace" und Schriftgröße 16px

Test mit Schriftart "Georgia, Georgia, serif" und Schriftgröße 16px

Test mit Schriftart "Impact, Impact, Charcoal, sans-serif" und Schriftgröße 16px

Test mit Schriftart "Lucida Console, Monaco, monospace" und Schriftgröße 16px

Test mit Schriftart "Lucida Sans Unicode, Lucida Grande, sans-serif" und Schriftgröße 16px

Test mit Schriftart "Palatino Linotype, Book Antiqua, Palatino, serif" und Schriftgröße 16px

Test mit Schriftart "Tahoma, Geneva, sans-serif" und Schriftgröße 16px

Test mit Schriftart "Times New Roman, Times New Roman, Times, serif" und Schriftgröße 16px

Test mit Schriftart "Trebuchet MS, Trebuchet MS, sans-serif" und Schriftgröße 16px

Test mit Schriftart "Verdana, Verdana, Geneva, sans-serif" und Schriftgröße 16px

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
[style=font-family: Arial, Helvetica, Sans-Serif; font-size:16px;]Test mit Schriftart "Arial, Helvetica, Sans-Serif" und Schriftgröße 16px[/style]
 
[style=font-family: Arial Black, Gadget, Sans-Serif; font-size:16px;]Test mit Schriftart "Arial Black, Gadget, Sans-Serif" und Schriftgröße 16px[/style]
 
[style=font-family:Courier New, Courier New, monospace; font-size:16px;]Test mit Schriftart "Courier New, Courier New, monospace" und Schriftgröße 16px[/style]
 
[style=font-family: Georgia, Georgia, serif; font-size:16px;]Test mit Schriftart "Georgia, Georgia, serif" und Schriftgröße 16px[/style]
 
[style=font-family: Impact, Impact, Charcoal, sans-serif; font-size:16px;]Test mit Schriftart "Impact, Impact, Charcoal, sans-serif" und Schriftgröße 16px[/style]
 
[style=font-family: Lucida Console, Monaco, monospace; font-size:16px;]Test mit Schriftart "Lucida Console, Monaco, monospace" und Schriftgröße 16px[/style]
 
[style=font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size:16px;]Test mit Schriftart "Lucida Sans Unicode, Lucida Grande, sans-serif" und Schriftgröße 16px[/style]
 
[style=font-family: Palatino Linotype, Book Antiqua, Palatino, serif; font-size:16px;]Test mit Schriftart "Palatino Linotype, Book Antiqua, Palatino, serif" und Schriftgröße 16px[/style]
 
[style=font-family: Tahoma, Geneva, sans-serif; font-size:16px;]Test mit Schriftart "Tahoma, Geneva, sans-serif" und Schriftgröße 16px[/style]
 
[style=font-family: Times New Roman, Times New Roman, Times, serif; font-size:16px;]Test mit Schriftart "Times New Roman, Times New Roman, Times, serif" und Schriftgröße 16px[/style]
 
[style=font-family: Trebuchet MS, Trebuchet MS, sans-serif; font-size:16px;]Test mit Schriftart "Trebuchet MS, Trebuchet MS, sans-serif" und Schriftgröße 16px[/style]
 
[style=font-family: Verdana, Verdana, Geneva, sans-serif; font-size:16px;]Test mit Schriftart "Verdana, Verdana, Geneva, sans-serif" und Schriftgröße 16px[/style]
 

Schlie�en

Spoiler mit einem Klick öffnen und schließen!

Sollte so aussehen, bin gespannt:

Hilfreiche Links zum Thema:

• Gemeinsame Schriften auf Mac und Windows

Wolfgang

Mato findet das Top!

Antworten

Beitrag gelesen - Neue Funktion im Bedanken & Bewertungssystem � � Neues Profilfeld Mehrfachauswahl Bilder

�hnliche Themen

Antworten

Letzter Beitrag

Für die Iconbar: Smileys mit einstellbarer Größe!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

02.02.2020 15:37
von

Wolfgang • Zugriffe: 983

Multi-Dialog-Assistent für die Iconbar
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang 4 Gestern 20:37
Anne • Zugriffe: 9079

Iconbar: "Inhalte integrieren" und "addPics" ausblenden!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

15.07.2018 21:02
von

Wolfgang • Zugriffe: 2902

Kleine Iconbar in der Bildergalerie!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang 0 30.01.2017 16:18
Wolfgang • Zugriffe: 1175
Iconbar fixieren - gut für lange Beiträge!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang 6 03.04.2020 18:58
Wolfgang • Zugriffe: 2105

Meine komplette Forum-Iconbar zum herunterladen!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

13.11.2023 22:50
von

Wolfgang • Zugriffe: 6136

Besonderheiten zur Xobor-Iconbar
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang 0 13.07.2015 15:58
Wolfgang • Zugriffe: 1784
Trennlinie für die Iconbar
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang 1 14.02.2016 01:56
Wolfgang • Zugriffe: 3109

Foren Spende

Hallo !

Wir hoffen, dass Dir unser Forum gef�llt und Du Dich hier genauso wohlf�hlst wie wir.

Um Dir und den anderen Mitgliedern das Bestm�gliche bieten zu k�nnen, w�rden wir das Forum gern werbefrei gestalten, mit tollen neuen Extras erg�nzen.

Wenn Du uns dabei unterst�tzen m�chtest, kannst Du mit Hilfe einer kleinen Spende dazu beitragen.

Deine Spende hilft!

Spendenziel: 85 €

103%