PDA

View Full Version : Guide to making the best clan website!


mreitz
05-09-2008, 12:10 AM
Introduction

Hello, today you will be learning how do deal with one of the biggest factors of making a clan. the website/forum! Without one your clan will go no where. You need a place to talk with fellow clan members, and to organize battles and such. Well, you will learn how to make the best website for your clan right now. We will be using a website calling Zetaboards, a free forum hosting website that is very easy to use and manage. So lets get started!

Table of Contents
1. Registering
2. Adding Skins and Buttons
3. Adding Categories and Forums
4. Usergroups
5. Adding Fun Codes!
6. Credits

1. Registering
Of the first thing you have to do is obviously register (http://s1.zetaboards.com/zb/register/)! You have to fill out a couple things.

Board Name: This will be the name of your clan. If it doesnt fit or is taken try spacing it differently.
Username: this will be the name of your account name on the forum. I would use your PAWN username.
Password: Pick a password. Remember it. Don't tell anyone.
Email: This will make it easier to contact other members of the clan.
Birthday: Put your Birthday in. Don't lie.*Don't forget to Agree to the Terms of Service.OK, so now you're done with the first step. fun, right?

2. Adding Skins and Buttons.
Now comes some of the most difficult parts of it all. The skin and buttons. Find a skin you like Here (http://forums.ifskinzone.net/index.php?showforum=363). Personally, I would choose one with matching buttons. Here (http://forums.ifskinzone.net/index.php?showtopic=296091) is the one I picked. Now time to add it to your forum. First go in the Admin CP at the very top. Then Go to Themes on the Control Panel then Edit Theme Appearance. Clear EVERYTHING out of the text box. Then put in the CSS code [it will be the longest]. Here (http://forums.ifskinzone.net/index.php?showtopic=296091) was my code:

now click Edit CSS at the bottom and your half way done with the skin! Next go to Board Template and paste in the small code. Here was my code:


<div id="wrap"> <!-- TOPMENU --> <!-- HEADER --> <!-- SUBMENU --> <!-- NAV --> <!-- BOARD --> <div id="themecopyright" align="center">.Wiredvage Theme created by <strong>Zeus00</strong> and converted by <strong>Wolt</strong> of the <a href="http://forums.ifskinzone.net"><strong>ZetaBoards Theme Zone</strong></a></div> </div>At the bottom click Edit Board Template and you are done with your skin! Now comes the most tedious part of making the whole forum, the buttons. After you download all the buttons from IFSZ upload them to a folder in Photo Bucket. Now on the Admin CP Control Panel Go to Themes > Edit Theme Images. Now put in the HTML codes WITHOUT THE LINKS for all the buttons in the right spaces. once you are done with a certain group of them, click submit on the bottom of the page to save the buttons. Heres an example:

What not to do: <a href="http://s209.photobucket.com/albums/bb119/mreitz22/clan%20gude/?action=view&current=addreply.gif" target="_blank"><img src="http://i209.photobucket.com/albums/bb119/mreitz22/clan%20gude/addreply.gif" border="0" alt="Photobucket"></a>What to do:
<img src="http://i209.photobucket.com/albums/bb119/mreitz22/clan%20gude/addreply.gif" border="0" So as you can see, I am taking out the link part, the beginning and the end. You should be left with <img at the beginning and "0"
at the end.

3. Adding Categories and Forums!
This is the most crucial part of making the forum, without it. It wouldn't be a forum. First you should plan out how you are gonna set up the forum. To add forums go to Create Sections On the Control Panel.

http://i209.photobucket.com/albums/bb119/mreitz22/clan%20gude/Picture2.png

Category: Group of forums under one title. (words underlined below)
Forum: Different Sections with specific or general topic. This is where threads are created.
Redirect Forum: This looks just like a regular forum but when you click on it it sends you to another page. It is a link. Heres generally how I set up mine:



Official News
Announcements and News
Achievement Archive
Introductions
Ban/Warn Log

Staff*
Staff Lounge

General
General Discussion
Sports Center
Gamer Corner
Media and Entertainment
Forum Games

Pawngame
Clan Wars
War Stats

Help Desk
Complaints
Suggestions
Help
Recycle Bin

Graphics**
GFX Showcase
GFX Requests
GFX Tutorials
Gift Box
Amimation
SOTW
GFX Help

Applications
Moderator
GFX Staff
Battle Manager
Name Change
Ban Appeal Court


*-Make only viewable by Mods Admins and BMs.
**- You can make GFX a subforum under general if your clan isnt a big GFXing clan.
Make Only

Again, you can do it anyway you like, whatever works best for you.

4. Usergroups

http://i209.photobucket.com/albums/bb119/mreitz22/clan%20gude/Picture3.png

Well you can't do everything yourself if your clan is going to be successful. Not everyone you can fully trust to be an admin. This is why you have different usergroups.

Go to groups on the left hand side.
Here you add the Different Groups like GFX staff and Battle Manager.

here is a picture of all the options while creating a group:
http://i209.photobucket.com/albums/bb119/mreitz22/clan%20gude/Picture4.png
http://i209.photobucket.com/albums/bb119/mreitz22/clan%20gude/Picture5.png


TO CHANGE COLORS OF THE GROUP
All you do is put this into the prefix box:
Quote:


and this in the suffix box:
Quote:

5. Adding Fun Codes!
Now comes the fun part! Adding neat codes to make your forum a lot better. Here are some sites with codes.
Zetaboards Index (http://support.zetaboards.com/topic/1370/1/)
iFusion Zetaboard Codes
(http://zeta.ifcode.com/index.php?letter=*)
Just do what the instructions tell you to do, and have fun. There are many cool codes like Chats (this is a must have), and Fake trade able money, earned from posting.

Here are some of my favorite codes that I found:

CHAT

Goes Below the board:
<script>

/* Advanced Money Script by Viral
http://www.zetaresources.com
*/

// Editable Variables

customdomain="READ NOTE 1"; // Random custom domain code. Do not change after setting it up.
moneyname="Dollars"; // Name of currency.
moneysign="$"; // Currency Sign.
minpost=2; // Minimum money gained per post.
maxpost=7; // Maximum money gained per post.
mintopic=5; // Minimum money gained per topic.
maxtopic=10; // Maximum money gained per topic.

moneytopic="yes"; // yes if you want it to display people's money when viewing topics, otherwise no .
moneyprofile="yes"; // yes if you want it to display people's money when viewing theirprofile, otherwise no .

donationshow="yes"; // yes if you want people to be notified of new donations in the submenu, otherwise no. Set to no if not including the donation package.

// No More Editing

// -------------------------------------------------------------

if(donationshow=="yes"){
document.getElementById('submenu').innerHTML+="<ahref='"+main_url+"pages/donationlog' id='donationamount'>Loading...</a>";
document.write("<script src='http://moregfx.com/MySQL/Forum/checkdonationlog.php?custom="+customdomain+"&username="+document.getElementById('top_info').getElementsBy TagName('a')[0].innerHTML+"'><\/script>");
}
if(moneyprofile=="yes" && location.href.match('profile')){
function profileMoney(){
document.getElementById('profilemoney').innerHTML= moneysign+document.getElementById('profile').inner HTML;
}
function processDonation(){
toWho=document.getElementById('howmuch');
if(toWho.value.length==0 || toWho.value=="" || toWho.value.split(" ").join("")=="" || isNaN(toWho.value)){
alert("Invalid Input");
return false;
}else if(document.title==document.getElementById('top_in fo').getElementsByTagName('strong')[0].innerHTML){
alert("You can\'t donate to yourself!");
return false;
}else{
location.href=main_url+"pages/donation?amount="+toWho.value+"&forwho="+document.title+"";
}}
function donateStart(){
document.getElementById('donateLink').innerHTML="<input type='text' id='howmuch' value='' size='8' onblur='this.focus()' \/><input type='button' onclick='processDonation()' size='6' value='Donate'\/>";
document.getElementById('howmuch').focus();
}
if(document.title!=document.getElementById('top_in fo').getElementsByTagName('a')[0].innerHTML){
profilemenu=document.getElementById('profile_menu' );
profilemenu.getElementsByTagName('li')[0].getElementsByTagName('ul')[0].innerHTML="<li><a id='donateLink' onclick='donateStart()'>Donate</a></li>"+profilemenu.getElementsByTagName('li')[0].getElementsByTagName('ul')[0].innerHTML;
}
$("dl.user_info")[0].innerHTML="<dt>"+moneyname+":</dt><ddid='profilemoney'>Loading..</dd>"+$("dl.user_info")[0].innerHTML;
document.write("<script src='http://moregfx.com/MySQL/Forum/profile.php?custom="+customdomain+"&username="+document.title+"'><\/script>");
}
i=0;
function addMoney(toAdd){
if(i==0){
text=document.getElementsByTagName('textarea')[0];
if(text.value.length==0 || text.value.split(' ').join('')==""){
i=0;
return false;
}
if(document.title.match("Posting new topic")){
titlelength=document.forms['posting'].title.value.length;
if(titlelength<=0){
i=0;
return false;
}}
i++;
thisuser=$("#top_info strong").text();
document.getElementById('theMoneyBut').innerHTML="Adding "+moneyname+"...";
$("#copyright").before("<script src='http://moregfx.com/MySQL/Forum/secure.php?user="+thisuser+"&extra="+toAdd+"&custom="+customdomain+"'><\/script>");
}}
if(location.href.match('topic')){
// START Money in Topics
if(moneytopic=="yes"){
usernas=$("td.c_username");
userinfo=$("dl.user_info");
onemore=0;
andagain=0;
function addInMoney(){
userinfo[andagain].getElementsByTagName('dd')[0].innerHTML=moneysign+document.getElementById("theMoney["+andagain+"]").innerHTML;
andagain++;
}
for(u=0;u<userinfo.length;u++,onemore++){
userinfo[u].innerHTML="<dt>"+moneyname+":</dt><dd>Loading..</dd>"+userinfo[u].innerHTML;
document.write("<script src='http://moregfx.com/MySQL/Forum/test.php?custom="+customdomain+"&username="+usernas[u].innerHTML+"&current="+onemore+"'><\/script>");
}}
// END Money in Topics
buttons=document.getElementsByTagName('button');
for(b=0;b<buttons.length;b++){
if(buttons.name=="sd"){
buttons[b].style.display='none';
moneyperpost=Math.floor(Math.random()*(maxpost-minpost)+minpost);
$(buttons[b]).before("<[B]button class='btn_default' tabindex='2' value='1' name='addmoney' id='theMoneyBut' accesskey='s' type='button' onclick=\"addMoney('"+moneyperpost+"')\">Add Reply</button>");
break;
}}}
else if(location.href.match('post') && !document.title.match('Editing')){
moneypertopic=Math.floor(Math.random()*(maxtopic-mintopic)+mintopic);
moneyperpost=Math.floor(Math.random()*(maxpost-minpost)+minpost);
buttons=document.getElementsByTagName('button');
for(b=0;b<buttons.length;b++){
if(buttons[b].name=="post_submit" && (buttons[b].innerHTML=="Add Reply" || buttons[b].innerHTML=="Post Topic") || buttons[b].innerHTML=="Post Reply"){
buttons[b].style.display='none';
if(document.title.match('Posting new topic')){
$(buttons[b]).before("<button class='btn_default' tabindex='2' value='1' name='addmoney' id='theMoneyBut' accesskey='s' type='button' onclick=\"addMoney('"+moneypertopic+"')\">Post Topic</button>");
break;
}else{
$(buttons[b]).before("<button class='btn_default' tabindex='2' value='1' name='addmoney' id='theMoneyBut' accesskey='s' type='button' onclick=\"addMoney('"+moneyperpost+"')\">Add Reply</button>");
break;
}}}}
</script>NOTE 1: FOR THE VARIABLE 'customdomain', YOU MUST PUT IN A RANDOM ASSORTMENT OF NUMBERS AND LETTERS. MAKE IT 10-15 CHARACTERS LONG. KEEP THIS AS YOU WILL NEED IT FOR ALL OF THE EXTRA FEATURE PACKAGES.

Donation Add-on:
1. Make sure you have your custom domain code.
2. Make a new webpage and call it donation, with the id donation.
3. Put this code in the textarea:

<script>
customdomain="PUT YOUR CUSTOM DOMAIN CODE HERE!!!!";
howmuch=location.href.split(main_url)[1].split('amount=')[1].split('&')[0];
forwho=location.href.split('&forwho=')[1].split('&')[0];
document.write("<script src='http://moregfx.com/MySQL/Forum/donatesecure.php?towho="+forwho+"&amount="+howmuch+"&custom="+customdomain+"&from="+document.getElementById('top_info').getElementsBy TagName('a')[0].innerHTML+"'><\/script>");
</script>4. Make another new webpage and call it Donation Log with the id donationlog.
5. Put this code in the textarea:

<script>
customdomain="CUSTOM DOMAIN CODE GOES IN HERE";
document.write("<script src='http://moregfx.com/MySQL/Forum/donationlog.php?custom="+customdomain+"&username="+document.getElementById('top_info').getElementsBy TagName('a')[0].innerHTML+"'><\/script>");
</script>

REPUTATION

This code will add a reputation system to your board.
Features:
*Reputation +/-
*24 hour wait between reputations
*Automatic database and installation
*Reputation number in post details and profile
*Reputation Reasons
*Reputation History

Preview: http://s1.zetaboards.com/GenerationStudio/
Create your own account on the preview board to get the full experience.

INSTALLATION
Installing is simple, and is broken up into two steps.
Step 1: Add CSS.
Go to Admin CP→[Themes]→Themes
Click Edit Theme Appearance for your first active skin. Scroll down to the bottom of this CSS and add this snippet:
div#historybox {
display: none;
min-height: 120px;
background-color: #FFF;
text-align: center;
width: 400px;
left: 50%;
margin-left: -200px;
border: 1px solid #5A70B3;
}

#historybox a {
position: relative;
left: 125px;
}

div#hisloading {
display:none;
vertical-align: center;
} Repeat the process for all other active skins.

Step 2: Add Code
Simply add to Admin CP→ Board Template→ Edit Board Template→ Above the copyright.
<script type="text/javascript">
//<![CDATA[
/* ZetaBoards Reputation System by GenerationStudio
Do not edit this code except for these variables: */
RepOptions = {
on true,
customDomainCode: "0",
name: "Reputation",
addImg: "<img src='http://209.85.62.24/static/1/w_up.png' alt='' />",
minusImg: "<img src='http://209.85.62.24/static/1/w_down.png'alt='' />",
version: "1.0.0"
};
// Don't edit below this line, thanks!
if (window.location.href.split(main_url)[1].split("/")[0] == "topic" || window.location.href.split(main_url)[1].split("/")[0] == "profile") {
document.write('<script src="http://generationstudio.net/codes/repsystem/rep.js"><\/script>')
}
//]]>
</script>
Options in orange are customizable.
on - Set to true to enable the Reputation System. Set to false to disable it.
customDomainCode - This is for if you are using a custom domain. Set it to something unique, it doesn't matter what. I suggest a string of random numbers, such as x542108. But don't use that one.
name - The name of your reputation (Reputation, Karma, Popularity, etc)
addImg - The image/text shown for a +1 reputation.
minusImg - The image/text shown for a -1 reputation.
version - Don't edit this.

UPGRADING TO 1.0
To upgrade, simply remove all pieces of your current installation (including customizable options) and then follow the installation instructions from above. This is contrary to what I had previously said; but this now allows for more options..

USING MULTIPLE THEMES
This was requested because some users wanted to be able to use different buttons for each theme.
ACP > Themes > Themes > Edit Theme Layout (on the theme you want)
Add the code to the END of the box.

6. Credits
Myself: writing and thinking of the guide
Live: helping me with all this kind of stuff when i was bad at it.
Wolfhowlz: For being awesome. We are in every clan together, and we teach each other things.
All of you: Reason to write this guide.
Zetaboards: For being the Forum Hoster.


If you have any questions fell free to post them. You can also make me a temporary
admin on your site to help you out. Don't worry, I won't mess it up. Also if you need me to
make a banner, just give me the link to your site and ill make it. Another thing, I will be
adding to this guide, i just want to get it posted now. There will be more details to come.