BBCode - Schriften, Grösse & Co

Veröffentlicht von Petra Dippold am Sonntag, 13. Juni 2010

Wie Sie vielleicht schon bemerkt haben, verfügt der Texteditor über keine direkten Möglichkeiten eine bestimmte Schrift (andere als die Standard Schrift) zu verwenden bzw. einen Fliesstext entweder grösser oder kleiner als den “normalen” Text darzustellen - bitte nicht verwechseln mit einer Überschrift !

Hier die Lösung für diese Anforderungen:

Beispiel 1: Textgrösse anpassen

Grösse dieses Textes ist 80 % vom “normalen” Text
Grösse dieses Textes ist 120 % vom “normalen” Text

[size=80%]Grösse dieses Textes ist 80 % vom "normalen" Text[/size]
[size=120%]Grösse dieses Textes ist 120 % vom "normalen" Text[/size]


Beispiel 2: eine vordefinierte Schriftart - anders formatiert als die Standard-Schrift

ich bin ein Text in der Schrift Comic Sans MS

[font-comic]ich bin ein Text in der Schrift Comic Sans MS[/font-comic]

Info zu Beispiel 2:

Um das “Tag” [font] [/font] nutzen zu können, muss man es in der Datei fp-plugins/bbcode/plugin.bbcode.php zuerst definieren.

Wenn Sie nur eine (1) “extra Schrift” verwenden möchten, reicht es wenn Sie das “Tag” [font] [/font] formatieren. Wissen Sie aber im Voraus, dass Sie vielleicht 2 oder 3 “extra Schriften” in Ihrem Blog/CMS verwenden möchten, sollte man die “Tags beim (Schrift)Namen nennen”.

Ich habe hier den “Font-Tag” einfach “font-comic” getauft und ihm ein Aussehen verpasst (Comic Sans MS, font-size: 1.5em und Farbe Pink).

$bbcode->addCode(
'font-comic',
simple_replace',
null,
array(
'start_tag' => '<span style="font-family: Comic Sans Comic Sans MS, cursive; font-size: 1.5em; color: #ff00ff;">',
'end_tag' => '</span>'
),
'inline',
array(
'listitem', 'block', 'inline', 'link'),
array()
);

Erstellung einer Liste:

Beispiel 1: Liste mit Aufzählungszeichen

  • erster Eintrag
  • zweiter Eintrag
[list]
[*]erster Eintrag
[*]zweiter Eintrag
[/list]

Beispiel 2: Liste mit Nummerierung

  1. erster Eintrag
  2. zweiter Eintrag
[list=#]
[*]erster Eintrag
[*]zweiter Eintrag
[/list]

Beispiel 3: Liste mit Links und Aufzählungszeichen

[list]
[*][url=http://www.Vienna-Webdesign.at]zurück zur Website[/url]
[*][url=http://www.Vienna-Webdesign.at/blog/]Startseite Blog[/url]
[*][url=http://www.Vienna-Webdesign.at/kontakt.php]Kontakt[/url]
[/list]

Überschriften

Überschriften haben Wertigkeiten
“h1” oberste Priorität bis zum Schlusslicht “h6” - Achtung: “h1” ist deaktiviert für Seitenüberschriften !!

[h2]Text[/h2]

“hr-Tag” - horizontal rule = horizontale Linie

Bei dieser Original-Download-Version von FlatPress war in der css-Datei fp-interface/themes/leggero/leggero/res/common.css das “hr-Tag” ausgeschaltet -> hr { display: none }.

“hr” wurde auf untenstehende Optik abgeändert.


hr { border: 0px; border-bottom: 1px dotted #333; }