BB Code Enhancements - ProProfs Brain Games BB Code- embed games in your forum (bbcode)

ProProfs Brain Games is a site where you can create several types of games to embed into your forum using standard BB Code.

Live Demo: Here

For all the codes listed here there will be several common settings-
Add a new BB Code
Description: Embedded game from ProProfs.com.
Use Option: No
Remove Tag If Empty: Yes
All Disable Options: Yes

The following are the unique settings for each game...

Title: Crossword Puzzle
BB Code Tag Name: crossword
Replacement:

<object width='630' height='580'><param name='movie' value='http://www.proprofs.com/games/crossword/swf/crossword_w.swf' /><param name='FlashVars' value='id={param}&level=easy' /> <param name='allowScriptAccess' value='always' /><param name='quality' value='high' /><embed name='proprofs_flashGame' src='http://www.proprofs.com/games/crossword/swf/crossword_w.swf' FlashVars='id={param}&level=easy' width='630' height='580' allowScriptAccess='always' quality='high' type='application/x-shockwave-flash'></embed></object><div style='font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#000;'><a href='http://www.proprofs.com/games/crossword/' title='make crossword puzzle' target='_blank'>make crossword puzzle</a></div>

Example: [crossword]2466[/crossword]

In the embed code look for FlashVars='id=NUMBER and put NUMBER between the [crossword] tags.

---

Title: Word Search
BB Code Tag Name: wordsearch
Replacement:

<object width='625' height='450'><param name='movie' value='http://www.proprofs.com/games/word-search/swf/wse_w.swf' /><param name='FlashVars' value='id={param}&wordscount=6&gametime=3600' /> <param name='allowScriptAccess' value='always' /><param name='quality' value='high' /><embed name='proprofs_flashGame' src='http://www.proprofs.com/games/word-search/swf/wse_w.swf' FlashVars='id={param}&wordscount=6&gametime=3600' width='625' height='450' allowScriptAccess='always' quality='high' type='application/x-shockwave-flash'></embed></object><div style='font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#000;'><a href='http://www.proprofs.com/games/word-search/' title='free word search' target='_blank'>free word search</a></div>

Example: [wordsearch]84[/wordsearch]

In the embed code look for FlashVars='id=NUMBER and put NUMBER between the [wordsearch] tags.

---

Title: Slide Puzzle
BB Code Tag Name: slide
Replacement:

<iframe style='width:420px; height:460px; overflow-x:hidden;' frameborder='0' name='proprofs' id='proprofs' src='http://www.proprofs.com/games/puzzle/sliding/widget/?title={param}'></iframe><div style='font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#000;'><a href='http://www.proprofs.com/games/puzzle/sliding/' title='slide puzzle' target='_blank'>slide puzzle</a></div>

Example: [slide]sedona-az[/slide]

From the embed code look for "title=puzzle-title" and put "puzzle-title" between the [slide] tags.

---

Title: Hangman
BB Code Tag Name: hangman
Replacement:

<object width='625' height='450'><param name='movie' value='http://www.proprofs.com/games/word-games/hangman/swf/hangman_w.swf' /><param name='FlashVars' value='id={param}' /> <param name='allowScriptAccess' value='always' /><param name='quality' value='high' /><embed name='proprofs_flashGame' src='http://www.proprofs.com/games/word-games/hangman/swf/hangman_w.swf' FlashVars='id={param}' width='625' height='450' allowScriptAccess='always' quality='high' type='application/x-shockwave-flash'></embed></object><div style='font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#000;'><a href='http://www.proprofs.com/games/word-games/hangman/' title='hangman game' target='_blank'>hangman game</a></div>

Example: [hangman]1863[/hangman]

In the embed code look for FlashVars='id=NUMBER' and put NUMBER between the [hangman] tags.

---

Title: Word Scramble
BB Code Tag Name: scramble
Replacement:

<object width='600' height='300'><param name='movie' value='http://www.proprofs.com/games/word-games/word-scramble/swf/wordscramble_w.swf' /><param name='FlashVars' value='id={param}' /> <param name='allowScriptAccess' value='always' /><param name='quality' value='high' /><embed name='proprofs_flashGame' src='http://www.proprofs.com/games/word-games/word-scramble/swf/wordscramble_w.swf' FlashVars='id={param}' width='600' height='300' allowScriptAccess='always' quality='high' type='application/x-shockwave-flash'></embed></object><div style='font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#000;'><a href='http://www.proprofs.com/games/word-games/word-scramble/' title='word scramble game' target='_blank'>word scramble game</a></div>

Example: [scramble]707[/scramble]

In the embed code look for 'FlashVars' value='id=NUMBER' and put NUMBER between the [scramble] tags.

---

Title: Jigsaw Puzzle
BB Code Tag Name: jigsaw
Replacement:

<object width='625' height='450'><param name='movie' value='http://www.proprofs.com/games/jigsaw/swf/jigsaw_w.swf' /><param name='FlashVars' value='id={param}' /> <param name='allowScriptAccess' value='always' /><param name='quality' value='high' /><embed name='proprofs_flashGame' src='http://www.proprofs.com/games/jigsaw/swf/jigsaw_w.swf' FlashVars='id={param}' width='625' height='450' allowScriptAccess='always' quality='high' type='application/x-shockwave-flash'></embed></object><a href='http://www.proprofs.com/games/jigsaw/' title='jigsaw puzzles' target='_blank'>jigsaw puzzles</a></div>

Example: [jigsaw]4021[/jigsaw]

In the embed code look for 'FlashVars' value='id=NUMBER' and put NUMBER between the [jigsaw] tags.

I will try and attach some editor buttons shortly, they are optional of course.

Please mark as installed if you use this.

Check My Profile for other BB Code enhancements. They work on all versions.

Download the .txt file for a copy of the Install Instructions.

[BirdOPrey5]

You would need to create your own vBulletin pages and put the HTML embed code ProProf's gives you into a custom template.

There is an article in the VB4 Articles section about creating your own vBulletin pages. It takes some doing but if you follow the instructions should not be a problem.

[Dave234]

When I enter the embed code into the "Replacement" section as it appears above, it says:

The following BB Code replacement may not be properly formed. All HTML attributes should be enclosed within double quotes.

•<object width='630' height='580'><param name='movie' value='http://www.proprofs.com/games/crossword/swf/crossword_w.swf' /><param name='FlashVars' value='id={param}&level=easy' /> <param name='allowScriptAccess' value='always' /><param name='quality' value='high' /><embed name='proprofs_flashGame' src='http://www.proprofs.com/games/crossword/swf/crossword_w.swf' FlashVars='id={param}&level=easy' width='630' height='580' allowScriptAccess='always' quality='high' type='application/x-shockwave-flash'></embed></object><div style='font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#000;'><a href='http://www.proprofs.com/games/crossword/' title='make crossword puzzle' target='_blank'>make crossword puzzle</a></div>

[BirdOPrey5]

You can safely hit "Continue" it is safe and OK.

[Dave234]

What does this mean:

In the embed code look for FlashVars='id=NUMBER and put NUMBER between the [crossword] tags.

And why is there a 2466 in between [crossword]2466[/crossword]

[BirdOPrey5]

Proprof will give you a long embed URL... look through the URL because all you care about is the number that follows id= in the URL.

You then put that number and only that number between the [crosswords] tags.

[Dave234]

So you have to always put that particular number in it? Isn't that the number that's already in the examples provided?

[BirdOPrey5]

No that number is from the example URL... you take the number that ProProfs gives you on your own crossword puzzle- everyone's will be different.

I just went to ProProfs and made a new crossword- I don't see a link to the crossword given anymore- but there is embed code.

So go to the embed code they give you for example:

<object width='430' height='300'><param name='movie' value='http://www.proprofs.com/games/crossword/swf/crossword_w.swf' /><param name='FlashVars' value='id=11358&level=easy' /> <param name='allowScriptAccess' value='always' /><param name='quality' value='high' /><embed name='proprofs_flashGame' src='http://www.proprofs.com/games/crossword/swf/crossword_w.swf' FlashVars='id=11358&level=easy' width='430' height='300' allowScriptAccess='always' quality='high' type='application/x-shockwave-flash'></embed></object><div style='font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#000;'><a href='http://www.proprofs.com/games/crossword/vbulletin-test/' target='_blank' title='vBulletin Test crossword puzzle game'>vBulletin Test crossword puzzle game</a> ? <a href='http://www.proprofs.com/games/crossword/' title='make crossword puzzle' target='_blank'>make crossword puzzle</a></div>

You still need the number after id= so in this case (in red) it is: 11358

So the crossword bbcode would be

[crossword]11358[/crossword]

[Dave234]

So I need to go to that website and then make my own puzzles?

[BirdOPrey5]

yes, that is the point. To embed puzzles you make on their website.