This guide will be updated recently. When I find things to add that I think are neat I will add them to this first post for all of you to look at. It will consist of guides on how to add things to your forums.
GUIDES
New Tabs:
Below is how to add a tab(page) to your forums up at the top and a chat box into the tab, but you don't have to use it for a chat box!
To start this go "Admin Tab", "Manage Styles", "Edit Header/Footers"!
1.Put the following at the TOP of your headers
<script src="jquery.js"></script>
Put the following anywere in your footers
<script>
function SMFpageV2(Link,Title,Tab,Content){
//Created by Agent Moose (smcodes.smfforfree3.com)
var loc = window.location.href.split("/index.php")[0];
if(location.href == loc + "/index.php?action=" + Link){
document.title = Title;
$("#bodyarea").hide();
$("#bodyarea").before("<div id='SMFpageV2'><div class='tborder'><div class='catbg' style='padding: 6px; vertical-align: middle; text-align: center; '>" + Title + "</div><table border='0' width='100%' cellspacing='1' cellpadding='4' class='bordercolor'><tr><td class='windowbg2' width='100%'>" + Content + "</td></tr></table></div></div>");
};
$(".maintab_back:contains(Logout) , .maintab_back:contains(Register)").before("<td valign='top' class='maintab_back'><a href='" + loc + "/index.php?action=" + Link + "'>" + Tab + "</a></td>");
};
SMFpageV2("LINK","TAB NAME","TITLE","CONTENT");
</script>
3. Configure
LINK = How you would get the the page
So, if you put "TEST", you could get to it like this:
http://whatever.smforfreeX.com/index.php?action=TESTTAB NAME = The Name of the Tab.
TITLE = The title of the Page.
CONTENT = The Page Content. You may use HTML. But remember, use Single Quote ('), and not Double Quotes (")
4. I used cbox you can use others though. Get the code for your cbox paste it were the word "CONTENT" is. Now you will have to take all the enters out of the code and change all the quotes into commas. Except the two outside ones that were not with the code! If you need help with your code send it to me!
-----------------------------------------------------------------------------------------------------------------------------------
Rep icon:If you want a negative rep I have an icon and if the link doesn't work tell me! I got this code from smfsupport!
Step 1)
Admin>Configuration>Feature's And Options>Karma
Step 2)
Karma label: Reputation
Karma applaud label: <img src="http://i31.tinypic.com/2remgbm.gif" border="0"/>
Karma smite label: (i leave mine blank, so they cant rep-)
DONE.
-----------------------------------------------------------------------------------------------------------------------------------
Spoiler Tag:
Add the code below into your footers and when you type something in between the tags
it will say reveal spoiler and you click on it and it will show whatever you put in between them. TRY IT!
Footers
<script>
b = document.getElementsByTagName("div");
for(x=0;x<b.length;x++){
if(b[x].className=="post" && b[x].innerHTML.match(/\[spoiler\](.*)\[\/spoiler\]/i)){
b[x].innerHTML = b[x].innerHTML.replace("[spoiler]"+RegExp.$1+"[/spoiler]","<div><div><a href='javascript:void(0)' onclick='$(this).parent().next().toggle()'>(Click to Show/Hide Spoiler)</a></div><div style='display:none' id='spoiler'>"+RegExp.$1+"</div></div>");
};};
</script>
-----------------------------------------------------------------------------------------------------------------------------------
Warnings:
What is a Warnings System?
A Warnings System is used to give your Forum Users Warnings when they break a Rule.
How do i Make one?
Well, heres how:
First go to:
Administrator CP --> Features and Options --> CUSTOM PROFILE FIELDS
Then, Click: Add A Field:
Then, when the Field is added, Click: [Settings]:
Then, when in the Settings Area, type the Name of you Warning System in the First Box (I use Warnings As Name):
After that, type the Description of your Warnings System in the Second Box (THIS IS ONLY VISIBLE TO ADMINS) (I use: This are the Warnings this person gained. As a description):
Now, Select the option: Show under Post Count, in the: Show in posts? Drop down menu:
Then, Check Parse BBC? (ONLY CHECK THIS IF YOU WANT TO USE PICTURES IN YOUR WARNINGS SYSTEM):
Now, Check the option: Only allow admins to edit field?:
And now Click: Save (DO NOT CLICK RE-CREATE FIELD):
Now, in the Next Menu, Select: Text Area from the Drop Down Menu, and after that, click: Save:
Now you can edit it from the following Menu:
Members --> {THE MEMBER NAME} --> Forum Profile Information
Then, Scroll down the Page until you see this:
There you can edit the Warnings of that User. (Place a Image Link with an |IMG| {IMAGE URL} |/IMG| Arround it):
OOO! the three below are green,yellow, and red. If you want any other colors just ask me ~FTF~
-----------------------------------------------------------------------------------------------------------------------------------
This code will let you whisper to a certain person with the following tag
[whisper=NAME]TEXT[/whisper]
With the above tag in a post only the persons name you put were it saids "NAME" will see the "TEXT"
Add the below code your "footers"
<script>
var User = $("td.titlebg2 span b").not($("td.titlebg2 span b:contains(News)")).html();
$("div.post").each(function(){
//Created by Agent Moose (smcodes.smfforfree3.com)
if(this.innerHTML.match(/\[whisper=(.*)\](.*)\[\/whisper\]/i)){
if(RegExp.$1 == User){
this.innerHTML = this.innerHTML.replace(/\[whisper=(.*)\](.*)\[\/whisper\]/i,"<div><div><a href='javascript:void(0)' onclick='$(this).parent().next().toggle()'>(Show/Hide Whisper For " + RegExp.$1 + ")</a></div><div style='display:none' id='whisper'>" + RegExp.$2 + "</div></div>");
}else{
this.innerHTML = this.innerHTML.replace(/\[whisper=(.*)\](.*)\[\/whisper\]/i,"");
};};});
</script>
-----------------------------------------------------------------------------------------------------------------------------------
PUTTING IN A BACKGROUND!!
Go To Admin>Manage Styles>Modify Style!
1.Choose the current style your using from the drop down list!
2.Scroll all the way to the bottom were it saids "CSS EDITING"
3.Look for this section in the CSS Editing
/* The main body of the entire forum. */
body
{
background-color: #E5E5E8;
margin: 0px;
padding: 12px 30px 4px 30px;
}
4. Replace it with this code
/* The main body of the entire forum. */
body
{
background-color: #000000;
background-image: url({UT YOUR BACKGROUND IMAGE URL HERE);
background-attachment: fixed;
background-repeat: repeat;
background-position: center;
margin: 0px;
padding: 12px 30px 4px 30px;
}
Were it saids "put your background image url here" well do that
Then were it saids "repeat" you can change that to "norepeat" if you want, which is what I have mine on.
If you need any help with anything just ask me!
~BY FTF~