SMF For Free Support Forum

Preview: Preview
Register a forum account, visit the RPG tab.

What the code does: Not your ordinary "code". This serves as some entertainment for your board. If you know about Dungeons & Dragons, then you will get the feeling that this is like it. The game-play is similar, battle system-wise.

You can get information all about the game here: Game News

Copyright: slayer766
Known Bugs: There are these noted: http://s1.zetaboards.com/ZetaRPG/forum/1545541
Installation: A few steps to follow. Actual RPG installation on your board will take place after you create your player account, once you add everything to your board below:


Step 1. Go into your Admin CP > Manage Styles > Headers/Footers > Headers:

Make sure you have this in there
Code:
<script src="/jquery.js"></script>
<div class="tborder" id="theslayerday" style="display:none;"><div class="titlebg2">RPG</div>
<table id="zbslay" cellpadding="0" cellspacing="0" width="100%">
<tr valign="top">
<td width="13%" valign="top"><div class="tborder"><div class="titlebg2">Menu</div><span id="left_menu"></span></div></td>
<td width="67%" valign="top"><div class="tborder"><div class="titlebg2">Main</div><span id="rpg_content"><br /><br /><div align="center"><img src="http://209.85.62.24/461/174/0/p369636/ajax_loader.gif" alt="Loading..."></div><br /><br /></span></div></td>
<td width="20%" valign="top"><div class="tborder"><div class="titlebg2">Character</div><span id="right_menu"></span></div></td>
</tr>
<tr><td colspan="3" id="players_area"></td></tr>
</table>
<div id="rawr"></div>
</div>

In your Footers, place this in there:
Code:
<script type="text/javascript">var the_url=$("td.maintab_active_back a").attr("href").split("http://")[1].split("index")[0];$("td.maintab_back:first").after("<td valign='top' class='maintab_back'><a href='http://"+the_url+"index.php?pages/rpg'>RPG</a></td>");</script><script type="text/javascript" src="http://209.85.62.24/461/174/0/p343528/RPGvD.js"></script>

Now Save Headers and Footers. Then that's it for the board installation. The in-game board activation has instructions on how to activate it and everything. But if you need help after this just let me know. After you've done that you can now play the game, or add images for weapons/armor/etc. or set game settings through the RPG CP.

Please let me know how this goes as I sort of rushed this over for SMF For Free. XD

Moderator Edit:    This code no longer works


Name: Store Mod v1
Description: A Store Mod complete with Buying, Selling, Trading, and so much more! See for yourself!

Features:
Money Features

• Money per quick reply, full reply, topic, and poll
• Donate to other users
• Money increase/decrease in real time right on the same page
• Info displayed next to your posts and in your profile
  • 5 Items listed from your inventory

Store Features

• Bank
  
  • Withdraw
  • Deposit
  • Interest
  • Top 5 Richest Members

• Buy Items
  
  • Random Money
  • Steal Money
  • Burglary Detector
• Inventory
  
  • Use Item
  • Sell Item
  • Delete Item
• Automatic Stock Replenishment
• Users browsing shop
• Pagination
• Trade Center

Admin CP Features

• Automatic Installation
• Store Settings
• Edit User
  
  • Edit Item(s)
  • Delete Item(s)
• Item Modification
  
  • Create Item
  • Edit Item
  • Delete Item
• Configure Store CSS

A complete list of features, news and updates will be in your Store Admin CP.

Preview: Preview
Register, visit the Store tab.

Copyright: slayer766
Known Bugs: None
Browser Compatibility: Currently known to run in all browsers.
Installation: 4 Easy steps to follow. Actual shop installation on your board will take place in your Administration Center, once you add everything to your board below:


Step 1. Go into your Admin CP > Manage Styles > Headers/Footers > Headers:

Make sure you have this in there
<script src="/jquery.js"></script>
In your Footers, place this in there:
<script src="http://209.85.62.24/171/8/0/p198002/Storezv1.js" type="text/javascript"></script>
Now Save Headers and Footers.


Step 2. Webpage Editor Add Webpage >

WebPage Title: store
WebPage Body: Click on the HTML button in the button list. Place this code in there:
<p>
<script type="text/javascript"><!--
if($("span b:first").text() != "Guest"){
var user = $("span b:first").text();
document.write('<iframe src="http://slayer766.com/SMFMS/Storefront.php?&store=home&u=' + user + '&f=' +  smf_scripturl + '" mce_src="http://slayer766.com/SMFMS/Storefront.php?&store=home&u=' + user + '&f=' +  smf_scripturl + '" height="600px" width="100%" scrollbar="no" frameborder="0"> </iframe>');
}
// --></script>
</p>Now click Update, and then click Add Page.


Step 3. Manage Styles > Custom Tabs > Add Custom Tab:
Title: Shop (Or whatever you want it to say)
URL: This would be the location of the webpage you JUST created.

The Store is on your board now, but with no items, no access to items, no css or anything. Now this is the part where your admin abilities come in.


Final Step. Visit your Admin CP, go to Administration Center(Which should show up by default when you enter your Admin CP), scroll down a little bit and you will see Store Admin CP. It will tell your No Installation found, you just simply click on the Install Now! button and you're done!

You can now Edit, Delete, Create Items, Create/Edit/Delete User Items, set how much you want per poll/reply/topic, and a ton of other stuff! Have fun!

If you experience ANY problems please post them here and I will fix them ASAP. If you have any suggestions, feedback please post them here or here. It's much appreciated.

I would like to thank those who have helped test this out, those boards include Revolution X and Partners In Crime. Thanks you guys! Another thanks to Moose for making the code post credits for quick reply.

Please visit this topic: http://www.smfsupport.com/support/general_chat/smf_moneystore_beta_testing-t28054.0.html

Ok, I just want to get an idea of what the most requested codes for SMFForFree are. Useful codes or just simple codes that are most requested or needed please let me know, I will start working on them, hopefully they are all I can create. But let me know what are the most requested codes please and I'll see what I can do.

This tutorial will explain the reason for arrays and how to use them.

Arrays are a very simple way for a coder to keep track of large amounts of coding by setting them up in groups/arrays.


First we start off with this:

<script>
//By slayer766

Set[0]=["1","2"]

</script>
The first group named Set[0] will always start with 0 then move its way up by 1 after each new group is set. Now there are two sections in this group seperated by a comma "," You can have as many sets as you'd like in there but I will just show two.


Now we can write the group out for the individual set:


<script>
//By slayer766

var Set = new Array();

Set[0]=["1","2"]

document.write(Set[0][0]);
</script>
Using the Set[0] would display 1 and 2 seperated by a comma, making more of a specific choice would be using the other [ 0] and then starting from the left of the set it starts with [ 0] and goes up by 1 each set. So the 1 is in the [ 0] spot and the 2 is in the [1] spot, if you don't understand then just re-read the code and you will get it. So doing Set[0][0] would display whats in the [ 0] spot which is a 1. These can change to whatever you want by just changing whats inside the quotations.

Alright in this tutorial I am going to explain to you on how we can use JavaScript's setTimeout() function. This is essential for setting up other options to function at a specific time. This could be an onload function, or it could happen when you click a button. I will show you an example of an onload function for the setTimeout() function.


First we start with our body onload to start the function:

<body onload="Timed();">

Now that we have our function, this will be called when the body of the page has loaded completely. So we now would set a function inside of <script> tags to initiate the Timed() function:


<script type="text/javascript">

function Timed(){
setTimeout('alert("Hello there!")',4000);
}

</script>


Ok you see it's just one line of code, very basic function. The first bit is what you want the function to do in the alloted time. Which the alloted time is 4000, this being in milliseconds, would be 4 seconds.


Another example of setTimeout could be this:

<span id="show">Wow...this is unique.</span>
<script type="text/javascript">

function Timed_2(){
setTimeout('Display();',2000);
}

function Display(){
document.getElementById("show").innerHTML+="<br />Hello there!";
}


What this will do is add "Hello there!" onto "Wow...this is unique". This will happen in the specified time in milliseconds which was 2000, or 2 seconds.



So the setTimeout() function will execute anything in its parameters in the amount of specified time.

Switch functions are quite useful to you if you have a handful of statements to be executed from one variable or expression. They are basically if/else statements but compiled to a much better use. A switch function is set up as follows:


switch(variable){
case value1 :
code to be executed;
break;

case value2 :
code to be executed;
break;

default :
code to be executed if
}


Alright you always must start your function with the word switch() along with your variable in the parameter. This variable must be defined outside of this function for the function to work. The first case must have a value after it to determine how to initiate the first bit of code after it, being this is true or not, if it isn't then the next case will come up and match the value after and execute the specified code. You should always break after each code executed in the case because this prevents the code to execute onto the next case. Then if none of the values after each case match the variable in the parameter it turns down to default. That is what would be for your default action to be taken. Let me set up an example of a defined variable in action:


var TCZ = "Win";
switch(TCZ){
case "Win" :
alert("TCZ wins!");
break;

case "Lose" :
alert("TCZ lost!");
break;

default :
alert("TCZ has come to a draw!");
}

This bit of code will actually alert "TCZ wins!" it is because the variable "TCZ" has been defined to "Win". If I were to change the variable "TCZ" to "Lose" then it would skip over the first case and then execute the case with "Lose" and alert what I have in that case. If I were to change the variable to something other than "Win" or "Lose" then the switch function would skip down to default and execute what I have set up in default.

Code name: An announcement box with clickable sections

Preview: http://divinityrpg.smfforfree4.com/index.php

Where it goes: Go to your Admin tab and click on Manage Styles > Edit Headers/Footers > Footers or Headers:

<script type='text/javascript'>
//Code here by slayer766
//from thecodingzone.com

News="Welcome!<br />Click on one of the clickables to reveal more information.<br />Enjoy the board!"
document.write('<div class="catbg"><img src="http://209.85.62.23/style_images/1/nav_m.gif"> <i>Clickables</i></div><div class="titlebg"><a href="javascript:Click0();"><span style="color:red">+</span></a> News Title Here1 | <a href="javascript:Click1();"><span style="color:red">+</span></a> News Title Here2  | <a href="javascript:Click2();"><span style="color:red">+</span></a> News Title Here3 </div><div class="tborder" align="center"><span id="section">'+News+'</span><br /></div><br />');

function Click0(){
document.getElementById("section").innerHTML="Text Here1<br /><div align='right'><a href='javascript:Close0();'><b>Close</b></div>"
}
function Close0(){
document.getElementById("section").innerHTML=News
}
function Click1(){
document.getElementById("section").innerHTML="Text Here2<br /><div align='right'><a href='javascript:Close1();'><b>Close</b></div>"
}
function Close1(){
document.getElementById("section").innerHTML=News
}
function Click2(){
document.getElementById("section").innerHTML="Text Here3<br /><div align='right'><a href='javascript:Close2();'><b>Close</b></div>"
}
function Close2(){
document.getElementById("section").innerHTML=News
}
</script>

You can change what's in RED.