The Arcive of Official vBulletin Modifications Site.

Various Unusual BB Code (and Definition List) · **Released**: 06-22-2007

This modification is not a modification in the sense it requires actual template modifications, but nor is it an add on product in that it uses what is already in vBulletin, as in the BB code manager. This is simply a collection of BB code for features not found online often, and that use standards compliant, semantic code to add curious codes that may come in handy sometimes.

Updates:

1.9- Thanks to a contributor, I added editor buttons for most BB codes.1.8- Added strike through BB code.
1.7- Added a new code (definition) which looks awesome.
1.6- Tried a new code (Internet Explorer only, see post 3.

1.5- Updated Definition List codes. New one allows infinite child items and is perfectly XHTML valid. Also has bold headings.

1.4- Added glossary link code and blink code (plus instructions on how to block blinking text in Firefox

1.3- Forgot to add css for overline in second post.

1.2- Added some other sites to the search link code

1.1- Added horizontal rule and Spoiler code

1.0- Release BB Code

Support:

None needed

Notes:

Works in any version with custom BB code as an option. Tested in vBulletin 3.6.4, 3.6.5, 3.6.6 and 3.6.7 PL1.

Definition List

This allows users to insert a definition list in their posts, and when used with the definition entry BB code, has a wide range of uses.

Code to use:

Code:

[Definition]

Replacement:

Code:

<dl>{param}</dl>

Example:

Code:

[Definition][Defineobject=PHP]A scripting language used for interactive features such as forums online[/Defineobject][/Definition]

Description:

Use this to insert the definition titles and actual definitions.

Definition Entry (only use with definition list)

Code to use:

Code:

Defineobject

Replacement:

Code:

<dt><b>{option}</b></dt>
<dd>{param}</dd>

Example:

Code:

[Defineobject=PHP]A scripting language used for interactive features such as forums online[/Defineobject]

Description:

Use this to add more definitions to a definition list.

Heading

Use this to add heading tags of types 1 to 6 in posts. Semantic titles without using bold formatting or italics and that show the level of heading to screen readers and the like.

Tag:

Code:

Replacement:

Code:

<h{option}>{param}</h{option}>

Example:

Code:

[h=1]This is a heading[/h]

Description:

Use this to insert a semantically correct heading into the document by modifying the text you want made into a bold, large heading. This is good semantics for headings in guides and FAQs.

Google Search:

Use this to link to Google for the specified term. I also attached a modified one which replaces Google with Ask Jeeves. Can also be used for any search engine online if you know how to edit the code.

Tag:

Google

Replacement:

Code:

<a href="http://www.google.com/search?hl=en&q={param}">{param}</a>

Example:

Code:

[google]Nintendo[/google]

To use with Ask Jeeves, use this replacement for the replacement part in BB code manager:

Code:

<a href="http://uk.ask.com/web?q={param}">{param}</a>

For Wikipedia, use this for the replacement:

Code:

<a href="http://en.wikipedia.org/wiki/{param}">{param}</a>

To use Lycos, use this for a replacement:

Code:

<a href="http://search.lycos.com/?query={param}&x=0&y=0">{param}</a>

To use Yahoo, use this as a replacement:

Code:

<a href="http://search.yahoo.com/search?p={param}&fr=yfp-t-501&toggle=1&cop=mss&ei=UTF-8&vc=&fp_ip=UK">{param}</a>

To use the Internet Archive, use this as a replacement:

Code:

<a href="http://web.archive.org/web/*/{param}">{param}</a>

You can use each one as a different code if you wish.

Right to left

Changes text direction.

Tag:

rtl

Replacement:

Code:

<bdo dir="rtl">{param}</bdo>

Example:

Code:

[rtl]This is weird[/rtl]

Description:

Turns the text from the right to left rather than left to right.

Sub Script

This is explanatory in the name.

Tag:

sub

Replacement:

Code:

<sub>{param}</sub>

Example:

Code:

[sub]test[/sub]

Description:

Make text that floats slightly below the main text.

Sup Script

Tag:

sup

Replacement:

Code:

<sup>{param}</sup>

Example:

Code:

3[sup]3[/sup]

Description:

This is for text floating slightly above, like how the 3 floated up and to the right of a number shows that it is cubed.

Horizontal Line

Tag:

hr

Replacement:

Code:

<hr /><p>{param}</p>

Example:

Code:

[hr]text[/hr]

Description:

Use this to insert a horizontal line into your post with your highlighted content below it.

Note: The text between goes in the p tags under the line.

Spoiler Tag

Tag:

spoiler

Replacement:

Code:

<span class="Spoiler">{param}</span>

In CSS, add:

Code:

.Spoiler {background: white; color: white; outline: 1px solid black;}

Example:

Code:

[spoiler]There is a Shroob Princess in the Cobalt Star in Mario and Luigi 2[/spoiler]

Description:

You can use this to hide spoilers in games, movies and from TV shows by turning the text the same colour as the background.

Blinking Text

Tag:

blink

Replacement:

Code:

<span style="text-decoration: blink">{param}</span>

Example:

Code:

[blink]text[/blink]

Description:

This allows you to have blinking text.

To disable blink in Firefox if favourite forums implements above code:

Type in about:config then set browser.blink_allowed so the value is false. No more blinking text.

Glossary Category Link:

Tag:

Glossary

Replacement:

Code:

<a href="glossary.php?do=listglossary&c=1&ltr={param}&pp=0">{param}</a>

Example:

Code:

[glossary]A[/glossary]

Description:

Use this to link to a glossary category.

Definition

Tag:

def

Replacement:

Code:

<dfn title="{option}">{param}</dfn>

Add in CSS:

Code:

dfn {font-weight: bold; background: gold; cursor: help; }

Example:

Code:

[def=A popular games company]Nintendo[/def]

Description:

Use to post definitions, without a list, in your posts or signatures.

Strike Through

tag:

strike

Replacement:

Code:

<span class="linethrough">{param}</span>

in CSS:

Code:

.linethrough {text-decoration: line-through; }

Example:

Code:

[strike]Line is crossed out[/strike]

Description:

Use this to cross out words in a post. Or sentences. Or paragraphs.

cheat-master30 · #32 07-14-2007, 10:22 PM

I'll see later.

scudd · #33 07-15-2007, 12:08 AM

ok, good luck..

cheat-master30 · #34 07-15-2007, 11:59 AM

Just added strike through BB code. Because someone requested it in 'Modification not Available' forum. I know, should have been in the mod in the first place...

Dismounted · #35 07-15-2007, 12:19 PM

Just a suggestion, you should use inline styles rather than creating classes. Saves the need for an extra step.

cheat-master30 · #36 07-15-2007, 01:36 PM

Quote:

Originally Posted by Dismounted

Just a suggestion, you should use inline styles rather than creating classes. Saves the need for an extra step.

The only reason I do that is because I am a very much standards purist when it comes to separating presentation from content. And because I also use external CSS, it saves a few KB of bandwidth seeing as the presentation for custom BB codes is cached already rather than re-loaded with every page.

You can tell this from my site; every page outside the forum is generally under 10KB in size. And all images are micro managed to the KB.

cheat-master30 · #37 08-27-2007, 10:21 AM

Added a ton of button images, provided by a contributor.

Majest · #38 08-28-2007, 10:45 PM

I wonder, is it possible to make a bbcode that allows columns? Like having two columns next to one another with text and/or images in them?

cheat-master30 · #39 08-28-2007, 11:10 PM

That's a table. And there's already a mod for that here:

https://vborg.vbsupport.ru/showthrea...ighlight=table

I use it myself.

AllenSam · #40 09-09-2007, 11:31 PM

Here are some cool ones I put on my board:

Background Image

Code:

Tag: bgimg

Replacement:
<table border="0" style="background-image:url({option}); background-position:top; background-repeat:no-repeat;"><tr><td>{param}</td></tr></table>

Example: [bgimg=urltoimage]Message[/bgimg]

Puts an image in the background of the text.

Border

Code:

Tag: border

Replacement:
<table border="0" style="border-color:#7282A9; border-width:thick; border-style:{option}; padding:0;"><tr><td valign="middle">{param}</td></tr></table>

Example: [border=outset]Message[/border]

Puts a border around the message. Options: dotted, dashed, solid, double, groove, ridge, inset, outset

Hover

Code:

Tag: hover

Replacement:
<span onmouseover="this.innerHTML='{option}'" onmouseout="this.innerHTML='{param}'">{param}</span>

Example: [hover=Hovering]Hover[/hover]

Changes the text when you hover the mouse over it.

Click

Code:

Tag: click

Replacement:
<span onclick="this.innerHTML='{option}'" onmouseout="this.innerHTML='{param}'">{param}</span>

Example: [click=Clicked]Click[/click]

Changes the text when you click it.

Hold

Code:

Tag: hold

Replacement:
<span onmousedown="this.innerHTML='{option}'" onmouseup="this.innerHTML='{param}'">{param}</span>

Example: [hold=Holding]Hold[/hold]

Changes the text when you click and hold down on it.

Hide

Code:

Tag: hide

Replacement:
<!--{param}-->

Example: [hide]Hide[/hide]

Hides the text so it can only be seen when editing the post. (Good for leaving comments in posts that various admins/mods will be editing.)

Also, for Blink, you can just use

Code:

<blink>{param}</blink>

. It doesn't work on IE, but neither does your method.

cheat-master30 · #41 09-13-2007, 03:07 PM

Nice code. Oh, and the blink code does not work because Internet Explorer has NEVER supported any variant of it, just like how Netscape browsers never supported Marquee as it was Internet Explorer only code.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.08112 seconds Memory Usage 2,343KB Queries Executed 26 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (44)bbcode_code (1)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (6)navbar_link (120)option (1)pagenav (1)pagenav_curpage (3)pagenav_pagelink (11)post_thanks_box (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (11)post_thanks_postbit_info (10)postbit (11)postbit_onlinestatus (11)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!