Essential custom BBCodes for phpBB

phpBB comes with a multitude of BBCodes that perform various functions. While most of these are sufficient for day-to-day forum activity, power users who crave for mre functionality on their boards, need custom-made BBCodes to satisfy their needs. Here is a list of most commonly used bbcodes on phpBB boards.

Video sharing

YouTube

BBCode usage :

[plain][/plain]

HTML replacement :

[html]<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/{SIMPLETEXT2}&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/{SIMPLETEXT2}&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>[/html]

Help line :

[plain]Usage:[/plain]

Google Video

BBCode usage :

[plain]<code></code>[/plain]

HTML replacement :

[html]<code><object type="application/x-shockwave-flash" data="http://video.google.com/googleplayer.swf?docId=-{NUMBER}" width="400" height="326">
<param name="movie" value="http://video.google.com/googleplayer.swf?docId=-{NUMBER}" />
<param name="allowScriptAcess" value="sameDomain" />
<param name="quality" value="best" />
<param name="bgcolor" value="#FFFFFF" />
<param name="scale" value="noScale" />
<param name="salign" value="TL" />
<param name="FlashVars" value="playerMode=embedded" />
</object></code>[/html]

Help line :

[plain]<code>Enter the video ID number — the video ID is a 18 digit number is after docid=- in the URL</code>[/plain]

Text Alignment

Left
BBCode usage :

[plain][left]{TEXT}[/left][/plain]

HTML replacement :

[html]<div align="left">{TEXT}</div>[/html]

Right
BBCode usage :

[plain][right]{TEXT}[/right][/plain]

HTML replacement :

[html]<div align="right">{TEXT}</div>[/html]

Center
BBCode usage :

[plain][center]{TEXT}[/center][/plain]

HTML replacement :

[html]<div align="center">{TEXT}</div>[/html]

Spoiler

The spoiler BBCode can be used to hide spoilers from unsuspecting users. There are many ways to go about it, using Javascript or otherwise.

Without Javascript :
This BBCode adds a black background color to the text between the tags, making it unreadable unless highlighted.
Example :
This is a spoiler.
BBCode usage :

[plain][spoiler]{TEXT}[/spoiler][/plain]

HTML replacement :

[html]<span style="background:#000000">{TEXT}</span>[/html]

Using Javascript :
This creates a “Show” button which expands to reveal the spoiler when clicked.
Example :

Spoiler:

This is a spoiler.

BBCode usage :

[plain][spoiler2]{TEXT}[/spoiler2][/plain]

HTML replacement :

[html]<div style="margin:20px; margin-top:5px"><div class="quotetitle"><b>Spoiler:</b> <input type="button" value="Show" style="width:45px;font-size:10px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName(‘div’)[1].getElementsByTagName(‘div’)[0].style.display != ”) { this.parentNode.parentNode.getElementsByTagName(‘div’)[1].getElementsByTagName(‘div’)[0].style.display = ”; this.innerText = ”; this.value = ‘Hide’; } else { this.parentNode.parentNode.getElementsByTagName(‘div’)[1].getElementsByTagName(‘div’)[0].style.display = ‘none’; this.innerText = ”; this.value = ‘Show’; }" /></div><div class="quotecontent"><div style="display: none;">{TEXT}</div></div></div>[/html]

Another version :

This creates a spoiler which reveals itself on mousever.
Example :

This is a spoiler.

BBCode usage :

[plain][spoiler3]{TEXT}[/spoiler3][/plain]

HTML replacement :

[html]<span title="spoiler" style="color: #000000; background-color: #000000;" class="spoiler" onmouseover="this.style.color=’#FFFFFF’;" onmouseout="this.style.color=this.style.backgroundColor=’#000000’">{TEXT}</span>[/html]

Strikethrough

Creates strike-through text.
Example :

Strike-through text.

BBCode usage :

[plain][strike]{TEXT}[/strike][/plain]

HTML replacement :

[html]<span style="text-decoration: line-through;">{TEXT}</span>[/html]

Specify font
Specifies the font to be used in the text.
Example :

This is written in Arial.

BBCode usage :

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

HTML replacement :

[html]<span style="font-family: {SIMPLETEXT};">{TEXT}</span>[/html]

Pre tag

Text enclosed by these tags will retain their formatting.

[plain][pre]{TEXT}[/pre][/plain]

HTML replacement :

[html]<pre>{TEXT}</pre>[/html]

Background colour

Changes the background to the specified colour.
BBCode usage :

[plain][bgcolor={COLOR}]{TEXT}[/bgcolor][/plain]

HTML replacement :

[html]<span style="background-color: {COLOR};">{TEXT}</span>[/html]

Horizontal line

Adds a horizontal line after text.

[plain][hr][/hr][/plain]

HTML replacement :

[html]<hr />[/html]

Subscript

For writing subscripted text.
Example :

Oleum – H2S2O7

BBCode usage :

[plain][sub]{TEXT}[/sub][/plain]

HTML replacement :

[html]<span style="vertical-align: sub;">{TEXT}</span>[/html]

Superscript

For writing superscripted text.
Example :

(a+b)2 = a2+b2+2ab

BBCode usage :

[plain][super]{TEXT}[/super][/plain]

HTML replacement :

[html]<span style="vertical-align: super;">{TEXT}</span>[/html]

Join the Conversation

4 Comments

  1. Typo in YouTube bbcode, extra ]] where it should be ]

    [youtube]http://{SIMPLETEXT1}.youtube.com/watch?v={SIMPLETEXT2}[/youtube]]
    should be
    [youtube]http://{SIMPLETEXT1}.youtube.com/watch?v={SIMPLETEXT2}[/youtube]

  2. pour ceux qui veulent se mouiller dans l’elegance, chaussures et sandales de plage n’attendent que vous pour prendre les up.havaianas a tant de nombreuses branches a travers le monde. lg prada 2 pas cher , des salles de clavardage apprendre a dialoguer d’une maniere seduisante avec les femmes, et de profiter de chaque occasion pour tester vos lignes de seduction sur les femmes que vous see.those sont quelques conseils pour seduire les femmes avec confiance.j’avais meme pas vu avant que je mis de cote la brosse et j’ai vu un certain nombre d’ossements humains et un peu de poteries disperses dans la salete juste a gauche etait une autre ouverture, cette grotte a ete rempli avec des os plus, et au moins 14 cranes. sac louis vuitton neverfull , il est le receptacle de dix litres en plastique (pour les autres plus communement pense un bidon d’essence), une longueur de tuyau en caoutchouc collee sur le goulot d’une bouteille plastique de 2,5 litres a coke; une ampoule faconnee a partir d’une autre bouteille de coke, et une pourme legerement concave, de rasoir, une piece metallique raspador, 4 -5 pouces diametre a court d’agave handle.the pulquero est l’un des plus succulentes majestueuses et un jolie rencontrerez jamais.je dois amener les enfants et les chiens si vous elles ont, l’un mini-chiens ou <trucs, des jeux et des jouets pour les enfants;. stabil adidas handball , soyez assure que vous etes totalement convaincu et heureux avec elle avant de finalement decider d'acheter les jeans.assurez-vous que vous avez beaucoup de materiel de nettoyage a portee de main, car les accidents ne happen.many chiots auront besoin d'aller juste apres avoir mange, donc c'est un bon moment pour les faire sortir. tn requin pas cher paypal , ils sont bien adaptes pour la peche fait chaud, et super si vous envisagez de faire une tonne de marcher en eux.conserve tous hydratee et heureux, et ils dureront un peu longer.after les coups pourmels sont terminees, il est temps de faire la fete. chaussure adidas noir et rose , le soccer taquets junior peut etre definies comme des chaussures pour les aspirants joueurs de soccer junior.

Leave a comment

Leave a Reply