Here is a tutorial/code for all of you who want a proboards arcade but cant find one. I made it myself, hope you enjoy it. It only works in proboards.
What do you think? Feel free to modify the code to your liking. There are now some free .swf files that you may use at the very bottom.
Version 1.0 is now faster to install, And the IE bug is now fixed!!
This code is cross browser and has been tested in IE and Firefox.
Important NoteWARNING: This arcade takes a while to install, and each game you want to add takes about 3 minutes to add. You also need a place to store images and .swf files.
There is a big box in between each game name (only in IE) I will fix this once I get IE on my comp working again, until then it isn't really that much of a deal. Make sure to follow my instructions very carefully.
Important Note 2This tutorial may not be posted anywhere else without permission of its creator (windwaker). If you wish to have it on your site or forum please PM me or e-mail NintendoCentral@gmail.com to get permission.
Important Note 3Don't ask me to install an arcade for you or anyone else. They take a long time to install and I don't have the time to be uploading all of these files.
Important Note 4Do not use my .swf files. That will slow everything down. You can't use them unless I have said you can.
.
PreviewsPreview 1Preview 2Creating the MenuCreate a board with posting disabled, hidden from view, and make sure the ID is
games fill out the rest to your liking. (this will be the menu where people select the game they want to play)
Editing the menu the first time*Edit the parts in orange
Put this code in the header of the board that you just created. And make sure it stays at the top of the header at all times.
Finding a GameFirst find a game you wish to add to the arcade, make sure it is a flash game. Or make sure it is a .swf file. Now save it to your computer and upload it to a host. My favorite is ripway.com
Find an ImageNow find an image that goes along with your game. Here is an example -
DO NOT HOT LINK IT, FIND YOUR OWN HOST.I think 50x50 pixels works best. Now that you have found or made an image upload it to a host. I like photobucket.com the best.
Adding a gameNow that you have your .swf game file uploaded to a host you can start adding games.
First create a board that is hidden from view with posts disabled. And if you want guests to be able to play games then you can allow guests to view it. If not make it for registered members.
Now after you have created the board go and modify the headers and footers for this board and enter this code into the header-
*edit ONLY whats in orange
*You may change the parts in green to make the game the size that you want. I highly recommend changing this for every game you install because if you get the wrong size then part of the game will be cut off.
After that go to the page you just updated the headers and footers for and see if your game works. If it doesn't go back and repeat the steps more carefully.
Updating the MenuNow if your game works go and modify the headers and footers for the menu you created earlier.
NOTE- this is the part with the bug for IE if someone could fix it please PM me or post here and I will edit my thread and fix it. Thanks. Now if you use IE don't be afraid to use it. Everything still works, it justs looks slightly different. Everything was fixed.
Below the part where you added the name of your arcade insert this code-
*edit the parts in orange
Adding more gamesTo add more games to your arcade just repeat the find a game step, the find an image step, the adding a game step, and the updating the menu step.
Adding a menu buttonHere is a good button provided by the Zanmato Graphics team that you may use. DO NOT HOTLINK-
I used this to add a menu button to my menu, but you can use a different one-
Full credit for the code below goes to SonicX
<script>
//Created by SonicX | Add a Link to Menu Bar Text Version
var menubar=document.getElementsByTagName("TD")[5]
menubar.innerHTML+='<a href="URL to Arcade menu here"><font size="1">[Arcade]</size></font></a>';
</script>
If you don't want to add a text link to your menu then add an image using this or whatever other code you want to use-
<script>
//Created by SonicX | Add a Link to Menu Bar Image Version
var menubar=document.getElementsByTagName("TD")[5]
menubar.innerHTML+='<a href="URL TO ARCADE MENU HERE"><img src="IMAGE URL HERE"></a>';
</script>
CongratsYou have successfully installed your very own PB arcade!! Enjoy.
What do you think?What do you think of this tutorial. Post your comments. This is my first online tutorial.
UPDATED!!
Some Free .swf FilesOk, so you don't have to go around looking for .swf files or hosting them or taking the from this site I am going to supply all of you who use my code with some .swf files. Here are some to get you started right away.
Copter-
home.ripway.com/2005-2/265651/copter.swfDonkey Kong-
home.ripway.com/2005-2/265651/donkeykong.swfDuck Hunt-
home.ripway.com/2005-2/265651/duckhunt.swfHexxagon-
home.ripway.com/2005-2/265651/hexxagon.swfNanaca Crash-
home.ripway.com/2005-2/265651/nanaca1.swfPacman-
home.ripway.com/2005-2/265651/pacman.swfSonic-
home.ripway.com/2005-2/265651/sonic.swfTetris-
home.ripway.com/2005-2/265651/tetris.swfXiaoxiao 4-
home.ripway.com/2005-2/265651/xiaoxiao.swfAirfox-
home.ripway.com/2005-2/265651/airfox.swf
Last Edit: Sept 21, 2005 19:18:41 GMT -8 by windwaker
offline
