PDA

View Full Version : BB Code Enhancements - ProProfs Brain Games BB Code- embed games in your forum (bbcode)


BirdOPrey5
08-19-2010, 10:00 PM
ProProfs Brain Games (http://www.proprofs.com/games/) is a site where you can create several types of games to embed into your forum using standard BB Code.

Live Demo: Here (http://www.juot.net/forums/showthread.php?p=853884#post853884)

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: 2466

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: 84

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: sedona-az

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: 1863

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: 707

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: 4021

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 (https://vborg.vbsupport.ru/member.php?u=258922) for other BB Code enhancements. They work on all versions.

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

sulasno
08-20-2010, 06:46 AM
tagged and thanks

I wonder whether there are Chess games available

Edit

I visited the site and saw that Sudoku is also available

BirdOPrey5
08-20-2010, 12:14 PM
The following games are different then the first in that you can't make your own versions of these games, but you may still embed the existing games on ProProfs.com. The example code is probably the only code you need to ever call the game.

Sudoku

Title: Sudoku
BB Code Tag Name: sudoku
Replacement:

<object width='600' height='400'><param name='movie' value='http://www.proprofs.com/games/swf/sudoku/sudoku.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/swf/sudoku/sudoku.swf' FlashVars='id={param}' width='600' height='400' 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/sudoku/' target='_blank' title='Sudoku'>Sudoku</a> &raquo; <a href='http://www.proprofs.com/games/' title='Puzzle games' target='_blank'>Puzzle games</a></div>

Example: 26

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

---

Sudoku X

Title: Sudoku X
BB Code Tag Name: sudokux
Replacement:


<object width='600' height='400'><param name='movie' value='http://www.proprofs.com/games/swf/sudoku/sudoku-x.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/swf/sudoku/sudoku-x.swf' FlashVars='id={param}' width='600' height='400' 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/sudoku-x/' target='_blank' title='Sudoku X'>Sudoku X</a> &raquo; <a href='http://www.proprofs.com/games/' title='free puzzles' target='_blank'>free puzzles</a></div>


Example: 27

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

---

Memory Game

Title: Memory Game
BB Code Tag Name: memory
Replacement:


<object width='600' height='400'><param name='movie' value='http://www.proprofs.com/games/swf/brain-training/memory.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/swf/brain-training/memory.swf' FlashVars='id={param}' width='600' height='400' 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/memory/' target='_blank' title='Memory'>Memory</a> &raquo; <a href='http://www.proprofs.com/games/' title='Brain Games' target='_blank'>Brain Games</a></div>


Example: 48

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

---

Tic Tac Toe

Title: Tic Tac Toe
BB Code Tag Name: tictactoe
Replacement:


<object width='600' height='400'><param name='movie' value='http://www.proprofs.com/games/swf/logic-games/tic-tac-toe.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/swf/logic-games/tic-tac-toe.swf' FlashVars='id={param}' width='600' height='400' 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/tic-tac-toe/' target='_blank' title='Tic Tac Toe'>Tic Tac Toe</a> &raquo; <a href='http://www.proprofs.com/games/' title='Brain Games' target='_blank'>Brain Games</a></div>


Example: 40

In the embed code look for 'FlashVars' value='id=NUMBER' and put NUMBER between the [tictactoe] tags. Due to the random nature of the game you could always use the example code.

---

Checkers

Title: Checkers
BB Code Tag Name: checkers
Replacement:


<object width='600' height='400'><param name='movie' value='http://www.proprofs.com/games/swf/logic-games/checkers.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/swf/logic-games/checkers.swf' FlashVars='id={param}' width='600' height='400' 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/checkers/' target='_blank' title='Checkers'>Checkers</a> &raquo; <a href='http://www.proprofs.com/games/' title='Puzzle games' target='_blank'>Puzzle games</a></div>


Example: 93

In the embed code look for 'FlashVars' value='id=NUMBER' and put NUMBER between the [checkers] tags. Due to the random nature of the game you could always use the example code.

---

Chess

Title: Chess
BB Code Tag Name: chess
Replacement:


<object width='600' height='400'><param name='movie' value='http://www.proprofs.com/games/swf/logic-games/chess.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/swf/logic-games/chess.swf' FlashVars='id={param}' width='600' height='400' 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/chess/' target='_blank' title='Chess'>Chess</a> &raquo; <a href='http://www.proprofs.com/games/' title='Puzzle games' target='_blank'>Puzzle games</a></div>


Example: 93

In the embed code look for 'FlashVars' value='id=NUMBER' and put NUMBER between the [chess] tags. Due to the random nature of the game you could always use the example code.

---

There are many other games available, if you have a request for a specific one from ProProfs.com let me know and I'll add it.

BirdOPrey5
08-20-2010, 07:22 PM
Thanks to MagicThemeParks for some of these icons-
These are for the games in the original post.

ProFifaLeagues
08-20-2010, 07:24 PM
Looks like it could be fun for our users!
Will try it out tonight

COL NIL SATIS
08-20-2010, 08:12 PM
yeah looks great this does...will get going with these over the weekend...great stuff!!!

BirdOPrey5
08-21-2010, 10:28 AM
More Icons...

Dr.osamA
08-22-2010, 11:54 PM
installed

thanxxx

massizero
09-04-2010, 11:25 AM
Hi, I installed the bb code, but I have a problem.
In the message preview everything works fine, when I send the message i don't see the flash but only the code
ex. 90
any help??

BirdOPrey5
09-04-2010, 11:32 AM
Hi, I installed the bb code, but I have a problem.
In the message preview everything works fine, when I send the message i don't see the flash but only the code
ex. 90
any help??

Weird... do you have custom bb codes off or a mod that gives 'advanced' permissions to bb code? DO you have any other custom bb codes working?

massizero
09-04-2010, 02:08 PM
Weird... do you have custom bb codes off or a mod that gives 'advanced' permissions to bb code? DO you have any other custom bb codes working?


Yes I have other custom bb codes perfectly working, and as I said in the preview (either in the admin and in the preview page in the forum) everything works perfectly.
I don't have other Mod relating to bb code.

BirdOPrey5
09-04-2010, 03:13 PM
Can you give me a link to a post where it isn't working?

massizero
09-04-2010, 06:43 PM
sent in pm, thanks

massizero
09-04-2010, 07:00 PM
nevermind, solved the problem.
thanks for your attention

sulasno
09-05-2010, 04:28 AM
may I request for the code for http://www.proprofs.com/games/kakuro-daily-game-deluxe/ ?
tia

BirdOPrey5
09-05-2010, 02:05 PM
may I request for the code for http://www.proprofs.com/games/kakuro-daily-game-deluxe/ ?
tia

BB Code Tag Name: kakuro

BB Code Replacement:

<object width='600' height='400'><param name='movie' value='http://www.proprofs.com/games/swf/daily-games/kakuro.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/swf/daily-games/kakuro.swf' FlashVars='id={param}' width='600' height='400' 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/kakuro-daily-game-deluxe/' target='_blank' title='Kakuro Daily Game Deluxe'>Kakuro Daily Game Deluxe</a> &raquo; <a href='http://www.proprofs.com/games/' title='Puzzle games' target='_blank'>Puzzle games</a></div>

Example: 3682

sulasno
09-06-2010, 11:55 PM
thanks

Bob_R
11-18-2010, 08:58 PM
So you just plug in the code in any thread?

I'm having some problems. Probably where to put the number.

Does something have to be done thru the Admin CP first?

Please advise.

Thanks!!

BirdOPrey5
11-18-2010, 09:27 PM
So you just plug in the code in any thread?

I'm having some problems. Probably where to put the number.

Does something have to be done thru the Admin CP first?

Please advise.

Thanks!!

Yeah, like it says at the start of the first post in Admin CP go to Add A New BB Code and follow the rest of the instructions. For each game you want to use you need to add the BB Code associated with it.

If you've never added a BB Code before you might want to start with a slightly simpler one like this: https://vborg.vbsupport.ru/showthread.php?t=247608

Bob_R
11-18-2010, 11:07 PM
I got this when trying to add the bb code:

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>

Bob_R
11-18-2010, 11:18 PM
OK, I actually got it to work except:

The actual game is not visible (I'm talking the crossword game)

BirdOPrey5
11-19-2010, 02:20 AM
I got this when trying to add the bb code:

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>

You can safely hit "Continue" and it will work as expected.

OK, I actually got it to work except:

The actual game is not visible (I'm talking the crossword game)


You will need to refresh the page to see the game show up if you add it via quick-reply to an existing thread. (The page needs to reload for it to show). If you've done that and it still isn't showing can you give me a link to a page where it should be working? I'll take a look.

exportforce
11-29-2010, 02:35 PM
Too bad it's just hotlinking other work.
It would be so awesome, if you could have your own words, especially for forums not in english.

BirdOPrey5
11-29-2010, 02:46 PM
Too bad it's just hotlinking other work.
It would be so awesome, if you could have your own words, especially for forums not in english.

While it is linking to other work it is totally OK to do so. ProProfs.com encourages users to embed these games in their own sites by providing the embed code like YouTube and many other sites do. They know with each embedding they grow their brand and it's like free advertisements for them. This isn't "stealing" anything, they give it away, I just made it easy for vBulletin admins to use.

As for non-english words you'd have to contact them.

Bluemax712
03-20-2013, 06:35 PM
Is there a way to limit who can use the BBcode for each game?

Bluemax712
03-21-2013, 12:57 AM
Is there a way to limit who can use the BBcode for each game?

ahhh - found another one of your mods - Advanced BBCode Permissions
The beta 4.0 version with the post #303 fix seems to work with 4.20

Thanks :)

https://vborg.vbsupport.ru/showthread.php?p=1159541

BirdOPrey5
04-09-2013, 12:44 PM
Not my mod but glad the fix works for you. :up: