De meeste categorieën zijn verborgen.
Maak een account aan voor volledige toegang tot het forum.

9.1 Eigen BBCodes toevoegen

📘 Overzicht

Hallo! 👋

Dit artikel legt uit hoe je je eigen aangepaste BBCodes kunt toevoegen. phpBB3 Olympus heeft een krachtige functie waarmee je eenvoudig eigen BBCodes toevoegt via het beheerderspaneel – zonder MODs of codewijzigingen! 🤩

Aan het eind van dit artikel vind je een lijst met veelgevraagde BBCodes om te kopiëren en plakken. Maar eerst bekijken we hoe je zelf een BBCode maakt. 🧱

🛠️ Gebruik

1️⃣ Ga naar het Beheerderspaneel (ACP).
2️⃣ Klik op het tabblad Berichten.
3️⃣ Klik links op BBCodes.
4️⃣ Klik op "Nieuwe BBCode toevoegen".

Je ziet nu drie tekstvelden en een checkbox:

🧩 BBCode gebruik: Hier voer je de BBCode in, zoals gebruikers hem zullen typen.
🔁 HTML-vervanging: De bijbehorende HTML-code.
💬 Hulplijntekst: Tip die verschijnt als gebruikers met hun muis over de knop gaan.
👁️ Weergeven op berichtpagina: Laat de knop wel of niet zien bij het typen van een bericht.

🙋‍♂️ Voorbeeld: Laten we een simpele [red] BBCode maken die tekst rood maakt.

Code: Selecteer alles

[red]{TEXT}[/red]
Beschikbare tokens:

🔹 {TEXT} – alles
🔹 {SIMPLETEXT} – letters, cijfers, spaties, komma’s, punten, enz.
🔹 {INTTEXT} – vergelijkbaar met {SIMPLETEXT}, maar breder (ook Unicode)
🔹 {IDENTIFIER} – letters, cijfers, - en _
🔹 {NUMBER} – een nummer van willekeurige lengte
🔹 {EMAIL} – een geldig e-mailadres
🔹 {URL} – een geldige URL
🔹 {LOCAL_URL} – een lokale URL (zelfde domein)
🔹 {COLOR} – een geldige HTML-kleur (#000000 of bijvoorbeeld “blue”)

🔧 HTML-vervanging

Gebruik dit om de BBCode om te zetten naar HTML. Vergeet niet alle gebruikte tokens in je HTML op te nemen!

Voor de [red] BBCode zou dit de HTML zijn:

Code: Selecteer alles

<span style="color: red;">{TEXT}</span>
💬 Hulplijntekst

Een korte uitleg over hoe de BBCode werkt of gebruikt wordt.

🧩 Optie "Weergeven op berichtpagina"

Als je dit niet aanvinkt, is er geen knop zichtbaar bij het typen van berichten – maar gebruikers kunnen de BBCode nog steeds handmatig invoeren. ℹ️

⚙️ Overige BBCode-opties

✏️ Klik op het bewerk-icoon om een BBCode aan te passen.
🗑️ Klik op het verwijder-icoon om een BBCode te verwijderen.
Let op: verwijder je een BBCode, dan blijft de getypte tag staan ([red]tekst[/red]), maar de HTML wordt niet meer toegepast.

📌 Veelgevraagde BBCodes

💡 Gewoon kopiëren en plakken in je ACP!

🎥 Google Video

Code: Selecteer alles

[googlevideo]{SIMPLETEXT}[/googlevideo]
HTML:

Code: Selecteer alles

<object type="application/x-shockwave-flash" style="width:425px; height:350px;" data="http://video.google.com/googleplayer.swf?docId={SIMPLETEXT}" ><param name="movie" value="http://video.google.com/googleplayer.swf?docId={SIMPLETEXT}" /></object>
Helptekst: "Voer de video-ID in (na docid= in de URL)"

▶️ YouTube

Code: Selecteer alles

[youtube]{IDENTIFIER}://{SIMPLETEXT1}youtube.com/watch?v={SIMPLETEXT2}[/youtube]
HTML:

Code: Selecteer alles

<object width="425" height="350"><param name="movie" value="{IDENTIFIER}://{SIMPLETEXT1}youtube.com/v/{SIMPLETEXT2}"></param><param name="wmode" value="transparent"></param><embed src="{IDENTIFIER}://{SIMPLETEXT1}youtube.com/v/{SIMPLETEXT2}" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>
Helptekst: "Voer de YouTube-video-URL in"

📍 Uitlijning
Center:

Code: Selecteer alles

[center]{TEXT}[/center]

Code: Selecteer alles

<div style="text-align: center;">{TEXT}</div>
Justify:

Code: Selecteer alles

[justify]{TEXT}[/justify]

Code: Selecteer alles

<div style="text-align: justify;">{TEXT}</div>
Links:

Code: Selecteer alles

[left]{TEXT}[/left]

Code: Selecteer alles

<div style="text-align: left;">{TEXT}</div>
Rechts:

Code: Selecteer alles

[right]{TEXT}[/right]

Code: Selecteer alles

<div style="text-align: right;">{TEXT}</div>
🖍️ Achtergrondkleur

Code: Selecteer alles

[background={COLOR}]{TEXT}[/background]

Code: Selecteer alles

<span style="background-color: {COLOR};">{TEXT}</span>
🔤 Lettertype

Code: Selecteer alles

[font={SIMPLETEXT}]{TEXT}[/font]

Code: Selecteer alles

<span style="font-family: {SIMPLETEXT};">{TEXT}</span>
❌ Doorhalen

Code: Selecteer alles

[s]{TEXT}[/s]

Code: Selecteer alles

<span style="text-decoration: line-through;">{TEXT}</span>
⚠️ Knipperende tekst (werkt niet in IE)

Code: Selecteer alles

[blink]{TEXT}[/blink]

Code: Selecteer alles

<span style="text-decoration: blink;">{TEXT}</span>
🧪 Subscript

Code: Selecteer alles

[sub]{TEXT}[/sub]

Code: Selecteer alles

<span style="vertical-align: sub;">{TEXT}</span>
📈 Superscript

Code: Selecteer alles

[super]{TEXT}[/super]

Code: Selecteer alles

<span style="vertical-align: super;">{TEXT}</span>
📏 Horizontale lijn

Code: Selecteer alles

[hr][/hr]

Code: Selecteer alles

<hr />
💬 Heb je suggesties voor andere veelgebruikte BBCodes? Stuur me gerust een pb!
Veel plezier! 😄
Nieuw
Bezoek onze phpBB downloadpagina – Volledige pakketten, taalbestanden & Geavanceerde updates
Download nu →