BB-Codes zum Einbau mit Beschreibungen

[dieweltist]

Mit nachfolgenden zwei BB-Codes können beliebige Unicode-Zeichen (also alle existierenden) in Beiträgen jeweils als numerische dezimale UTF-8-Html-Darstellung eingefügt werden. Mir ist es übrigens nicht gelungen, einen geeigneten Platzhalter zu finden, der jeweils die numerische Html-Darstellung übergibt.

Zum Glück hatte ich aber die Idee, dass der Platzhalter {NUMBER} einfach nur die Ziffernfolge dieser dezimalen numerischen Html-Darstellung übergibt; und der BB-Code dann einfach die fehlenden Zeichen anfügt, was genialer Weise sogar das Einfügen von Zeichen erleichtert.

Bspw. ist die Leerstelle dann die 32, die geschützte Leerstelle die 160, der bedingte Trennstrich die 173; und die Leerstelle ohne Breite (ermöglicht Wortumbrüche ohne Trennzeichen) ist die 8203.

Unicode/UTF-8 Zeichentabelle - Google-Suche

Code: Alles auswählen

Unicode/UTF-8-Zeichen: [z]Numerische dezimale HTML-Darstellung[/z] Bspw. 960 anstatt π angeben!

Code: Alles auswählen

[z]{NUMBER}[/z]

Code: Alles auswählen

&#{NUMBER};

BB-Code zum Einfügen von zwei Zeichen gleichzeitig mittels numerischer dezimaler UTF-8-Html-Darstellung. Leerstelle als Trennung verwenden!

Code: Alles auswählen

[z2]{NUMBER} {NUMBER0}[/z2]

Code: Alles auswählen

&#{NUMBER};&#{NUMBER0};

[dieweltist]

Sämtliche Unicodezeichen siehe auch diesen Thread: Klick! Themenwechsel.

ACHTUNG! Die letzte Editierung dieses Beitrags war am 16.3.2009 um 00°° Uhr. Es haben sich inzwischen erhebliche Veränderungen ergeben. Es sind zwei wichtige BB-Codes insbesondere für die SEO-Variante hinzugekommen. Das Zeichen & in der URL ist unproblematisch.

Nachfolgende BB-Codes sind eine vollständige Sammlung aller bisher von mir für Links geschriebenen BB-Codes; also auch solche, die Umlaute in URLs ermöglichen sollen. Dieser Beitrag, bzw. jeweils die neueste Version von diesem, weil hier das Editieren leider zeitlich begrenzt ist, siehe hier: Klick! Beispiel-Links für nachfolgend beschriebene BB-Codes siehe diesen Beitrag: Klick!

Damit die Html-Ersetzungen alle valide bzw. XHTML strict konform sind, jeweils target="_blank" durch die Javascriptfunktion onclick="window.open(this.href); return false;" ersetzen oder (einschließlich der Leerstelle davor) völlig weglassen, falls die Links nicht im neuen Fenster öffnen sollen!

Nun zu den einzelnen BB-Codes. Weil man beim System-BB-Code URL ein Gleichheitszeichen einfügen muss, um einen Link mit Linknamen zu erzeugen; habe ich nachfolgende zwei ergänzende BB-Code URI und URI= geschrieben, also sowohl ohne als auch mit Linkname.

Code: Alles auswählen

[URI]{URL}[/URI]

Code: Alles auswählen

<a href="{URL}" title="Klicke hier, um zum Beitrag, Thread oder Webseite {URL} zu gelangen!" target="_blank"><span style="color:#105289"; text-decoration:underline">{URL}</span></a>

Code: Alles auswählen

Link für externe und interne Links ohne Linkname: [URI]URL[/URI] Protokoll http:// muss nicht angegeben werden, falls die URL mit www beginnt. Umlaute dürfen nicht in der URL sein.

Code: Alles auswählen

[URI={URL}]{TEXT}[/URI]

Code: Alles auswählen

<a href="{URL}" title="Klicke hier, um zum Beitrag, Thread oder Webseite {URL} zu gelangen!" target="_blank"><span style="color:#105289"; text-decoration:underline">{TEXT}</span></a>

Code: Alles auswählen

Textlink für externe und interne Links: [URI=URL]Linktext[/URI] Für den Linknamen auch bspw. Grafik oder Tabelle möglich. Protokoll http:// muss nicht angegeben werden, falls die URL mit www beginnt. Umlaute dürfen nicht in der URL sein.

Die durch die BB-Codes URL und URI erzeugten BB-Codes sind blau dargestellt, was bedeutet, dass es sowohl externe als auch um interne Links sein können. Aber leider funktionieren Umlaute nicht, weswegen ich die BB-Codes lr und lr= schrieb, deren Links auch blau dargestellt sind, bei denen man auch relative URL-Angaben machen kann (r wie relativ).

Code: Alles auswählen

[lr]{TEXT}[/lr]

Code: Alles auswählen

<a href="{TEXT}" title="Klicke hier, um zum Beitrag, Thread oder Webseite {TEXT} zu gelangen!" target="_blank"><span style="color:#105289"; text-decoration:underline">{TEXT}</span></a>

Code: Alles auswählen

Universeller Link für externe und interne Links mit Umlauten in der URL ohne Linkname: [lr]Absolute-oder-relative-URL[/lr] Bei absoluter URL unbedingt Protokoll http:// angeben! (r wie relative URL-Angabe)

Code: Alles auswählen

[lr={TEXT}]{TEXT1}[/lr]

Code: Alles auswählen

<a href="{TEXT}" title="Klicke hier, um zum Beitrag, Thread oder Webseite {TEXT} zu gelangen!" target="_blank"><span style="color:#105289"; text-decoration:underline">{TEXT1}</span></a>

Code: Alles auswählen

Universeller Textlink für externe und interne Links mit Linkname und Umlauten in der URL: [lr=Absolute-oder-relative-URL]Linktext[/lr] Für den Linknamen auch Grafik oder Tabelle möglich. Bei absoluter URL unbedingt Protokoll http:// angeben!

Alle nachfolgende BB-Codes sind dazu bestimmt, jeweils dunkelgrüne interne Links und dunkelrote externe Links zu erzeugen. Nachfolgende zwei BB-Codes sind für externe Links bestimmt, die rot erscheinen.

Code: Alles auswählen

[le]{URL}[/le]

Code: Alles auswählen

<a href="{URL}" title="Klicke hier, um zur Webseite {URL} zu gelangen!" target="_blank"><span style="color:#800000"; text-decoration:underline">{URL}</span></a>

Code: Alles auswählen

Externer Link ohne Linkname: [le]URL[/le] Protokoll http:// muss nicht angegeben werden, falls die URL mit www beginnt. Umlaute dürfen nicht in der URL sein.

Code: Alles auswählen

[le={URL}]{TEXT}[/le]

Code: Alles auswählen

<a href="{URL}" title="Klicke hier, um zur Webseite {URL} zu gelangen!" target="_blank"><span style="color:#800000"; text-decoration:underline">{TEXT}</span></a>

Code: Alles auswählen

Externer Textlink mit Linkname: [le=URL]Linktext[/le] Protokoll http:// muss nicht angegeben werden, falls die URL mit www beginnt. Anstatt Text für den Linknamen auch bspw. Grafik oder Tabelle möglich. Keine Umlaute in der URL!

Nachfolgende zwei BB-Codes sind für interne Links bestimmt, die grün erscheinen. Diese unterscheiden sich von den vorigen zwei nur durch die Linkfarbe.

Code: Alles auswählen

[li]{URL}[/li]

Code: Alles auswählen

<a href="{URL}" title="Klicke hier, um zum Beitrag, Thread oder anderen internen Seite {URL} zu gelangen!" target="_blank"><span style="color:#008000"; text-decoration:underline">{URL}</span></a>

Code: Alles auswählen

Interner Link ohne Linkname: [li]URL[/li] Protokoll http:// muss nicht angegeben werden, falls die URL mit www beginnt. Umlaute dürfen nicht in der URL sein.

Code: Alles auswählen

[li={URL}]{TEXT}[/li]

Code: Alles auswählen

<a href="{URL}" title="Klicke hier, um zum Beitrag, Thread oder anderen internen Seite {URL} zu gelangen!" target="_blank"><span style="color:#008000"; text-decoration:underline">{TEXT}</span></a>

Code: Alles auswählen

Interner Textlink mit Linkname: [li=URL]Linktext[/li] Protokoll http:// muss nicht angegeben werden, falls die URL mit www beginnt. Anstatt Text für den Linknamen auch bspw. Grafik oder Tabelle möglich. Keine Umlaute in der URL!

Nachfolgend zwei BB-Codes für externe Links mit Umlauten die rot erscheinen.

Code: Alles auswählen

[leu]{TEXT}[/leu]

Code: Alles auswählen

<a href="{TEXT}" title="Klicke hier, um zur Webseite {TEXT} zu gelangen!" target="_blank"><span style="color:#800000"; text-decoration:underline">{TEXT}</span></a>

Code: Alles auswählen

Externer Link für URLs mit Umlauten ohne Linkname: [leu]Absolute-oder-relative-URL[/leu] Bei absoluter URL unbedingt Protokoll http:// angeben!

Code: Alles auswählen

[leu={TEXT}]{TEXT1}[/leu]

Code: Alles auswählen

<a href="{TEXT}" title="Klicke hier, um zur Webseite {TEXT} zu gelangen!" target="_blank"><span style="color:#800000"; text-decoration:underline">{TEXT1}</span></a>

Code: Alles auswählen

Externer Textlink für URLs mit Umlauten: [leu=Absolute-oder-relative-URL]Linktext[/leu] Anstatt Text für den Linknamen auch bspw. Grafik oder Tabelle möglich. Bei absoluter URL unbedingt Protokoll http:// angeben!

Wer die SEO-Version des phpBB3 hat, könnten interne Links Umlaute enthalten, weil Titel in den URLs sind. Zudem könnten ein Großteil der weiter unten aufgeführten speziellen BB-Codes nicht richtig funktionieren. Deswegen nachfolgende BB-Codes für interne Links mit Umlauten.

Code: Alles auswählen

[liu]{TEXT}[/liu]

Code: Alles auswählen

<a href="{TEXT}" title="Klicke hier, um zum Beitrag, Thread oder anderen internen Seite {TEXT} zu gelangen!" target="_blank"><span style="color:#008000"; text-decoration:underline">{TEXT}</span></a>

Code: Alles auswählen

Interner Link für URLs mit Umlauten ohne Linkname: [liu]Absolute-oder-relative-URL[/liu] Bei absoluter URL unbedingt Protokoll http:// angeben!

Code: Alles auswählen

[liu={TEXT}]{TEXT1}[/liu]

Code: Alles auswählen

<a href="{TEXT}" title="Klicke hier, um zum Beitrag, Thread oder anderen internen Seite {TEXT} zu gelangen!" target="_blank"><span style="color:#008000"; text-decoration:underline">{TEXT1}</span></a>

Code: Alles auswählen

Interner Textlink für URLs mit Umlauten: [liu=Absolute-oder-relative-URL]Linktext[/liu] Anstatt Text für den Linknamen auch bspw. Grafik oder Tabelle möglich. Bei absoluter URL unbedingt Protokoll http:// angeben!

Damit nachfolgende spezielle URLs für interne Links bei der Nicht-SEO-Variante des phpBB3 funktionieren, müssen in der versteckten Datei .htaccess nachfolgende Eintragungen vorhanden sein. Falls das Forum in einem Ordner installiert ist, muss dieser unmittelbar hinter RewriteBase / angegeben werden mit nachfolgendem Slash. Falls einige Umwandlungsanweisungen nicht funktionieren, jeweils auf der rechten Seite die vollständige URL angeben! Und natürlich muss der Server ModRewrite unterstützen.

Code: Alles auswählen

RewriteEngine On
RewriteBase /
RewriteRule ^([0-9]+)$ viewtopic.php?t=$1 [L]
RewriteRule ^f([0-9]+)$ viewforum.php?f=$1 [L]
RewriteRule ^p([0-9]+)$ viewtopic.php?p=$1 [L]
RewriteRule ^b([0-9]+)$ viewtopic.php?p=$1#p$1 [NE,L]
RewriteRule ^u([0-9]+)$ memberlist.php?mode=viewprofile&u=$1 [L]

Code: Alles auswählen

[lb={NUMBER}]{TEXT}[/lb]

Code: Alles auswählen

<a href="./b{NUMBER}" title="Klicke hier, um zum Beitrag mit der ID {NUMBER} zu gelangen!" target="_blank"><span style="color:#008000; text-decoration:underline">{TEXT}</span></a>

Code: Alles auswählen

Interner Link zum Beitrag mit Anker und Linkname: [lb=Beitags-ID]Linktext[/lb] Als Beitrags-ID die Ziffernfolge des zu verlinkenden Beitrags angeben! Browser scrollt automatisch zum Beitrag.

Code: Alles auswählen

[lf={NUMBER}]{TEXT}[/lf]

Code: Alles auswählen

<a href="./f{NUMBER}" title="Klicke hier, um zum Forum mit der ID {NUMBER} zu gelangen!" target="_blank"><span style="color:#008000; text-decoration:underline">{TEXT}</span></a>

Code: Alles auswählen

Interner Link zum Forum oder Kategorie: [lf=Forums-ID]Linktext[/lf] Als Forums-ID die Ziffernfolge des zu verlinkenden Forums angeben!

Code: Alles auswählen

[lg={URL}]{URL1}[/lg]

Code: Alles auswählen

<a href="{URL}" title="Klicke auf dieses Bild, um zur Webseite {URL} zu gelangen!" target="_blank"><IMG src="{URL1}"></a>

Code: Alles auswählen

Grafik-Link: [lg=URL-für-Linkziel]Grafik-URL[/lg] Protokoll http:// muss nicht angegeben werden, falls die URLs jeweils mit www beginnen.

Code: Alles auswählen

[lgu={TEXT}]{URL}[/lgu]

Code: Alles auswählen

<a href="{TEXT}" title="Klicke auf dieses Bild, um zur Webseite {TEXT} zu gelangen!" target="_blank"><IMG src="{URL}"></a>

Code: Alles auswählen

Grafik-Link für Linkziel mit Umlauten: [lgu=Absolute-oder-relative-URL-für-Linkziel]Grafik-URL[/lgu] Protokoll http:// muss nicht bei Grafik-Url angegeben werden, falls diese mit www beginnt.

Code: Alles auswählen

[lp={NUMBER}]{TEXT}[/lp]

Code: Alles auswählen

<a href="./p{NUMBER}" title="Klicke hier, um zum Beitrag mit der ID {NUMBER} zu gelangen!" target="_blank"><span style="color:#008000; text-decoration:underline">{TEXT}</span></a>

Code: Alles auswählen

Link zum Beitrag mit Linkname und ohne Anker: [lp=Beitags-ID]Linktext[/lp] Als Beitrags-ID die Ziffernfolge des zu verlinkenden Beitrags angeben! Browser scrollt nicht automatisch zum Beitrag.

Code: Alles auswählen

[lu={NUMBER}]{TEXT}[/lu]

Code: Alles auswählen

<a href="./u{NUMBER}" title="Klicke hier, um zum Profil des Users mit der ID {NUMBER} zu gelangen!" target="_blank"><span style="color:#008000; text-decoration:underline">{TEXT}</span></a>

Code: Alles auswählen

Interner Link zum Userprofil eines Teilnehmers: [lu=User-ID]Linktext[/lu] Als User-ID die Ziffernfolge des zu verlinkenden Userprofils angeben!

Code: Alles auswählen

[lt]{LOCAL_URL}[/lt]

Code: Alles auswählen

<a href="{LOCAL_URL}" title="Klicke hier, um zum Thread mit der ID {LOCAL_URL} oder zur internen Webseite {LOCAL_URL} zu gelangen!" target="_blank"><span style="color:#008000; text-decoration:underline">{LOCAL_URL}</span></a>

Code: Alles auswählen

Link zum Thread (Thema) oder anderer interner Link ohne Linkname: [lt]Thread-ID-oder-relative-Url[/lt] Als Thread-ID die Ziffernfolge des zu verlinkenden Threads angeben! In der relativen URL dürfen keine Umlaute sein.

Code: Alles auswählen

[lt={LOCAL_URL}]{TEXT}[/lt]

Code: Alles auswählen

<a href="{LOCAL_URL}" title="Klicke hier, um zum Thread mit der ID {LOCAL_URL} oder zur internen Webseite {LOCAL_URL} zu gelangen!" target="_blank"><span style="color:#008000; text-decoration:underline">{TEXT}</span></a>

Code: Alles auswählen

Link zum Thread (Thema) oder anderer interner Link mit Linkname: [lt=Thread-ID-oder-relative-Url]Linktext[/lt] Als Thread-ID die Ziffernfolge des zu verlinkenden Threads angeben! In der URL dürfen keine Umlaute sein.

[dieweltist]

Den vorvorigen Beitrag (klick) habe ich jetzt erneut berichtigt , weil in 12 Html-Ersetzungen ein Fehler war, nämlich jeweils ein " zuviel, was die Unterstreichung verhinderte. Auch öffnen jetzt alle internen (dunkelgrünen) Links im selben Fenster: Klick!

style="color:#105289"; text-decoration:underline"

[FF27Q]

ich hab den einbett link für youtube videos eingebaut. jetzt möchte ich aber das im schreibfenster ein youtube icon angezeigt wird , statt einfach nur "youtube" darsteht.wie mach ich das ?

[dieweltist]

Downloade den Mod BBCodeBox3 - Expanded Version (klick), und studiere insbesondere den Teil der Modanleitung, der den Einbau des Youtube-BB-Codes beschreibt! Dieser muss auch den Einbau dieser kleinen Grafik enthalten. Oder siehe hier: BBCodeBox3 - Google-Suche !

[FF27Q]

kannst du mir die datei nennen ? bin mal durch die anleitung gegangen , hab aber die stelle mit den youtube buttons nicht gefunden ... .

[Wollez]

Hallo dieweltist,

wie bereits hier beschrieben, hab ich Probleme mit dem eBay Icon.
Den bbCode den ich eingefügt hab ist, wie es auch im Mod beschrieben ist, so:

Code: Alles auswählen

[ebay]http://cgi.ebay.de/{TEXT2}_W0QQitemZ{TEXT}QQcmdZViewItemQQptZ{TEXT3}?hash={TEXT}&_trksid={TEXT4}[/ebay]

und

Code: Alles auswählen

<a href="http://cgi.ebay.de/ws/eBayISAPI.dll?ViewItem&item={TEXT}" class="ebaylink">{TEXT2}</a>

der zweite Code den ich eingefügt habe:

Code: Alles auswählen

[ebay={TEXT}]{TEXT2}[/ebay]

und

Code: Alles auswählen

<a href="http://cgi.ebay.de/ws/eBayISAPI.dll?ViewItem&item={TEXT}" class="ebaylink" title="{TEXT} - {TEXT2}">{TEXT2}</a>

und zu guter letzt:

Code: Alles auswählen

[ebaylive]{TEXT}[/ebaylive]

und

Code: Alles auswählen

<object type="application/x-shockwave-flash" style="width:355px;height:300px;" data="http://togo.ebay.de/togo/togo.swf?2007090800">
<param name="movie" value="http://togo.ebay.de/togo/togo.swf?2007090800" />
<param name="flashvars" value="base=http://togo.ebay.de/togo/&lang=de-de&mode=normal&itemid={TEXT}&query=" />
</object>

bei keinem wird das eBay - Logo angezeigt.

Das ganze habe ich so ausprobiert:

Code: Alles auswählen

[ebay=180341455666]STEUERGERÄT MOTOR VR6 VW SHARAN FORD GALAXY ALHAMBRA[/ebay]

Gruß Wolfgang

[dieweltist]

Zuerst möchte ich meine BB-Codes zur Nutzung von Forumsbeiträgen als Homepageseiten erwähnen: Klick! In diesem Beitrag findet man auch BBCodes für Kurzprofile. Meine BB-Codes für Ebay-Artikel sehen so aus: Klick! Die jeweils aktuellste Version dieses Beitrags siehe hier: Klick!

Von dieser Seite mit Rechtstastenmausklick und "Bild speichern unter..." das kleine Ebay-Logo abspeichern! Und dann in den Ordner /bbcode/ hochladen, den man zuvor im Ordner /images/ erstellte! Auf diese Weise ist sichergestellt, dass diese Grafik nicht fremdverlinkt werden kann, falls die beiden Ordner /download/ und /images/ vor Fremdverlinkung bspw. auf diese Weise geschützt sind: Klick!

Code: Alles auswählen

[ebay={NUMBER}]{TEXT}[/ebay]

Code: Alles auswählen

<a href="http://cgi.ebay.de/ws/eBayISAPI.dll?ViewItem&item={NUMBER}" title="Klicke hier, um zum Ebay-Artikel {TEXT} mit der Artikelnummer {NUMBER} zu gelangen!" target="_blank"><IMG src="./images/bbcode/ebay.jpg"><span style="color:#0D4573"> {TEXT} &#8212; Artikelnummer {NUMBER}</span></a>

Code: Alles auswählen

Ebay: [ebay=Artikelnummer]Artikelbezeichnung[/ebay] Die Artikelnummer befindet sich jeweils rechts oben.

Code: Alles auswählen

[ebay]http://cgi.ebay.de/{TEXT}_W0QqitemZ{NUMBER}QqcmdZViewItemQQptZ{TEXT0}?hash=item{NUMBER}&_trksid={TEXT1}[/ebay]

Code: Alles auswählen

<a href="http://cgi.ebay.de/ws/eBayISAPI.dll?ViewItem&item={NUMBER}" title="Klicke hier, um zum Ebay-Artikel {TEXT} der Kategorie {TEXT0} mit der Artikelnummer {NUMBER} zu gelangen!" target="_blank"><IMG src="./images/bbcode/ebay.jpg"><span style="color:#0D4573"> {TEXT} &#8212; Kategorie: {TEXT0} &#8212; Artikelnummer {NUMBER}</span></a>

Code: Alles auswählen

Ebay: [ebay]URL-zum-Artikel[/ebay] Artikelbezeichnung, Artikelkategorie und Artikelnummer werden automatisch angezeigt.

Code: Alles auswählen

[ebayl]{NUMBER}[/ebayl]

Code: Alles auswählen

<object width="355" height="300"><param name="movie" value="http://togo.ebay.de/togo/togo.swf" /><param name="flashvars" value="base=http://togo.ebay.de/togo/&lang=de-de&mode=normal&itemid={NUMBER}&query=ferrari" /><embed src="http://togo.ebay.de/togo/togo.swf" type="application/x-shockwave-flash" width="355" height="300" flashvars="base=http://togo.ebay.de/togo/&lang=de-de&mode=normal&itemid={NUMBER}&query=ferrari"></embed></object>

Code: Alles auswählen

Ebay-Live – Live-Ansicht eines Artikels: [ebayl]Artikelnummer[/ebayl] Die Artikelnummer befindet sich jeweils rechts oben.

[dieweltist]

Die aktuelle Version des Basisbeitrags befindet sich hier: Klick! Nachfolgend zwei BBCodes zur Texteinrückung. Bei der zweiten Version wird die Einrückungsbreite in % angegeben; also relativ zur Gesamtbreite und unabhängig von der Schriftgröße.

Code: Alles auswählen

[e]{TEXT}[/e]

Code: Alles auswählen

<div style="margin-left:5%">{TEXT}</div>

Code: Alles auswählen

Texteinrückung: [e]Text[/e] Es wird 5% bezogen auf die Gesamtbreite eingerückt

Code: Alles auswählen

[e={NUMBER}]{TEXT}[/e]

Code: Alles auswählen

<div style="margin-left:{NUMBER}%">{TEXT}</div>

Code: Alles auswählen

Texteinrückung: [e=Breite-der-Einrückung(%)]Text[/e] Es wird bezogen auf die Gesamtbreite eingerückt. % nicht mitschreiben!

[dieweltist]

Um Windowsmedia-Videos abzuspielen, siehe bspw. diesen Beitrag:

=> http://www.phpbb.de/community/viewtopic ... 9#p1101959

Um MP3-Audios abzuspielen, siehe diese beiden Beiträge von @4seven ab hier:

=> http://www.phpbb.de/community/viewtopic ... 5#p1074905

Der Downloadlink des ersten Beitrags funktioniert aber leider nicht. Weder von dieser Seite, noch von der Originalseite. Es wäre bei letzterer der Downloadlink hinter "premodded_pack:".

=> http://sekuro.se.funpic.de/phpbb3/viewtopic.php?t=32

Diese Datei kann aber von hier heruntergeladen werden:

=> http://www.loaditup.de/355540.html