[TUT] Add a neat membership page with description

in Tutorials on 04 Jul 2010

Add a neat membership page with description
Sometimes users want to know where their donation is going and whats intended for.

This little script can be added to an HTML page.  Simply replace the text, images and URLs with your own.

Demo: http://www.bluedevilcustoms.com/customs/index.php/page,page2058.html


<center><strong>bluedevil customs  is not run by a large company. It is run by a SMF enthusiast who strives to provide a clean community with information, advice, general discussion and a meeting place for SMF admins.  <br />
<br />
bluedevil customs relies on Premium Membership upgrades to help keep the community online.  Upgrades help pay for server hosting costs, bandwidth, server upgrades and other related maintenance expenses.</strong></center> <br />
<table width="100%" cellpadding="5" border="0" bgcolor="#ffffff" id="table1">
    <tbody>
        <tr>
            <td width="365" bgcolor="#e3eedf"><strong><font face="Verdana" size="2">Membership Type</font></strong></td>
            <td width="236" bgcolor="#014922"><strong> <font face="Verdana" color="#ffffff" size="2">  Regular Membership</font></strong></td>
            <td width="205" bgcolor="#b90000"><strong><font face="Verdana" size="2">  <font color="#ffffff">Supporting Membership</font></font></strong></td>
        </tr>
        <tr>
            <td width="365" bgcolor="#ffffff"><strong><font face="Verdana" size="2"><span class="main"> <span class="spacing">Recognition:</span></span></font></strong></td>
            <td width="236" bgcolor="#e3eedf"><strong><font face="Verdana" size="2">None </font></strong></td>
            <td width="205" bgcolor="#e9e1dc"><strong><font face="Verdana" size="2"> <img width="45" height="16" border="0" src="http://www.chevyavalancheclub.com/Themes/default/images/supporting%20membership.png" alt="" /></font></strong></td>
        </tr>
        <tr>
            <td width="365" bgcolor="#ffffff"><strong><font face="Verdana" size="2">Gallery Space:</font></strong></td>
            <td width="236" bgcolor="#e3eedf"><strong><font face="Verdana" size="2">25mb<br />
            </font></strong></td>
            <td width="205" bgcolor="#e9e1dc"><strong><font face="Verdana" size="2">Unlimited<br />
            </font></strong></td>
        </tr>
        <tr>
            <td width="365" bgcolor="#ffffff"><strong><font face="Verdana" color="#0000ff" size="2"> bluedevilcustoms.com Official Decal</font></strong></td>
            <td width="236" bgcolor="#e3eedf"><strong><font face="Verdana" size="2">No</font></strong></td>
            <td width="205" bgcolor="#e9e1dc"><strong><font face="Verdana" size="2"> <img width="25" height="24" border="0" src="http://www.chevyavalancheclub.com/images/checkmark.gif" alt="" /> Yes</font></strong></td>
        </tr>
        <tr>
            <td width="365" bgcolor="#ffffff"><strong><font face="Verdana" size="2">Automatic "Supporting Member" Title:</font></strong></td>
            <td width="236" bgcolor="#e3eedf"><strong><font face="Verdana" size="2">No</font></strong></td>
            <td width="205" bgcolor="#e9e1dc"><strong><font face="Verdana" size="2"> <img width="25" height="24" border="0" src="http://www.chevyavalancheclub.com/images/checkmark.gif" alt="" />  Yes</font></strong></td>
        </tr>
        <tr>
            <td width="365" height="38" bgcolor="#ffffff"><strong><font face="Verdana" size="2"><span class="main"> <span class="spacing">Colored Username:</span></span></font></strong></td>
            <td width="236" height="38" bgcolor="#e3eedf"><strong><font face="Verdana" size="2">No</font></strong></td>
            <td width="205" height="38" bgcolor="#e9e1dc"><strong><font face="Verdana" size="2"> <img width="25" height="24" border="0" src="http://www.chevyavalancheclub.com/images/checkmark.gif" alt="" />  Yes</font></strong></td>
        </tr>
        <tr>
            <td width="365" height="38" bgcolor="#ffffff"><strong><font face="Verdana" size="2">Donation:</font></strong></td>
            <td width="236" height="38" bgcolor="#e3eedf"><strong><font face="Verdana" size="2">Free</font></strong></td>
            <td width="205" height="38" bgcolor="#e9e1dc"><font face="Verdana" size="2"><strong>1  Year<br />
            $20.00 USD</strong></font></td>
        </tr>
        <tr>
            <td width="365" height="38" bgcolor="#ffffff"><strong><strong><strong><strong><font color="#f40606" size="2"><br />
            </font></strong></strong></strong></strong></td>
            <td width="236" height="38" bgcolor="#e3eedf"></td>
            <td width="205" height="38" bgcolor="#e9e1dc"><a href="http://www.bluedevilcustoms.com/index.php?action=profile;area=subscriptions"><img border="0" alt="" src="http://www.chevyavalancheclub.com/images/b_sign-up-now_red.png" /></a></td>
        </tr>
    </tbody>
</table>
<center><strong><strong><strong><strong><font size="1">**There will be no refunds given under any circumstances including banning .</font></strong></strong></strong></strong></center>




idesignSMF Team
Mick is an American theme designer for Simple Machines Forum software currently living in South Florida, USA. He runs idesignSMF.com and started tinkering with SMF in 2006 where he created several SMF forums of his own before he founded idesignSMF in 2009 to which he is dedicated full time.

idesignSMF.com | SimpleMachines.org



3 Comments

Nice, I am trying to understand this:
Gallery Space: 25mb   There is such limit? Avea?
Official Decal:  What does this mean?
Automatic "Supporting Member" Title  Does this mean when you donate the title change automatically?
Colored Username: Is such possible? With a mod?
#1
Quote from: Dismal Shadow on 05 Jul 2010
Nice, I am trying to understand this:
Gallery Space: 25mb   There is such limit? Avea?
Official Decal:  What does this mean?
Automatic "Supporting Member" Title  Does this mean when you donate the title change automatically?
Colored Username: Is such possible? With a mod?


Those are examples are in use in my other forum.  You could replace it with whatever you have to offer.


Gallery space...... yes, you can assign limits to each membergroup (at least smf gallery does that).
Official decal..... not needed, you can change this for something else?
Automatic "support Member",.......  when a user donates using the subscription system in smf, it changes membergroups automaticly.
Colored name,........ whatever membergroup you created for subscriptions, you can change the color.  You know that.
#2
Here's a generic one with .css ;)

demo: http://www.bluedevilcustoms.com/index.php/page,page193.html

<style type="text/css">
#customers
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
#customers td, #customers th
{
font-size:1em;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
}
#customers th
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#ffffff;
}
#customers tr.alt td
{
color:#000000;
background-color:#EAF2D3;
}
</style>

<table id="customers">
<tr>
  <th>Company</th>
  <th>Contact</th>
  <th>Country</th>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<td>Maria Anders</td>
<td>Germany</td>
</tr>
<tr class="alt">
<td>Berglunds snabbköp</td>
<td>Christina Berglund</td>
<td>Sweden</td>
</tr>
<tr>
<td>Centro comercial Moctezuma</td>
<td>Francisco Chang</td>
<td>Mexico</td>
</tr>
<tr class="alt">
<td>Ernst Handel</td>
<td>Roland Mendel</td>
<td>Austria</td>
</tr>
<tr>
<td>Island Trading</td>
<td>Helen Bennett</td>
<td>UK</td>
</tr>
<tr class="alt">
<td>Königlich Essen</td>
<td>Philip Cramer</td>
<td>Germany</td>
</tr>
<tr>
<td>Laughing Bacchus Winecellars</td>
<td>Yoshi Tannamuri</td>
<td>Canada</td>
</tr>
<tr class="alt">
<td>Magazzini Alimentari Riuniti</td>
<td>Giovanni Rovelli</td>
<td>Italy</td>
</tr>
<tr>
<td>North/South</td>
<td>Simon Crowther</td>
<td>UK</td>
</tr>
<tr class="alt">
<td>Paris spécialités</td>
<td>Marie Bertrand</td>
<td>France</td>
</tr>
</table>

#3

rocket_launch

Awesome Support. Download our themes, you also get theme support.