MyBB Community Forums

These MyCodes are based off of this guys CSS:
http://codecanyon.net/item/96-pure-css-p...es/1300409
So if you end up getting them, the following MyCodes I made will make FULL use of those purchase charts on your forum without enabling html.

These MyCode are Modular and have 10 parts but you could probably build more to add in extra functionality.
Here's what the Pieces look like:
[StartChart="?,?"] 1st is Column Style, 2nd is Column Width
[StartCol="?"] Column Title
[ChartRowLG="?,?,?,?"] Header Title, Header Title URL, Sub Title, Sub Title URL
[ChartRowRT="?,?,?,?"] Regular Row Title, Tile URL, Tooltip msg, Tooltip URL
[ChartRowRN="?,?"] Regular Row Title no tooltip, title URL
[ChartRowLM="?"] Header Row for Media title
[ChartRowRM="?"] Regular Row for Media
[ChartButton="?"] Button URL
[EndCol] End Column, no variables
[EndChart] End Chart, no variables

Here's the MyCodes:

MyCode 1
Title:
Purchase Chart Style
Short Description:
Part 1 of the Purchase Chart MyCode, 2 variables, 1st is style, 2nd is column width
Regular Expression:
\[StartChart="(.*?),(.*?)"\]
Replacement:
<div id="tablesbody">
<div id="tablescontainer">
    <div id="hosting-table">
        <div class="table_style$1 col_$2">


MyCode 2
Title:
Purchase Charts Start Column
Short Description:
Part 2 of the Purchase Chart MyCode, Start a Column, 1 variable, Column Title
Regular Expression:
\[StartCol="(.*?)"\]
Replacement:
<div class="column">
<ul>
<li><strong>$1</strong></li>


MyCode 3
Title:
Purchase Charts Header Rows
Short Description:
Part 3 of the Purchase Chart MyCode, Header Rows, 4 variables, 1st Title, 2nd Title URL, 3rd sub title, 4th sub title URL
Regular Expression:
\[ChartRowLG="(.*?),(.*?),(.*?),(.*?)"\]
Replacement:
<li class="header_row"><h1><a href="$2">$1</a></h1><span><a href="$4">$3</a></span></li>


MyCode 4
Title:
Purchase Charts Regular Row Tooltip
Short Description:
Part 4 of the Purchase Chart MyCode, Regualr Row with Tooltip, 4 variables, 1st Title, 2nd Title URL, 3rd Tooltip, 4th Tooltip URL
Regular Expression:
\[ChartRowRT="(.*?),(.*?),(.*?),(.*?)"\]
Replacement:
<li><a href="$2">$1<a class="tt" href="$4">(?)<span class="tooltip triangle-obtuse">$3</span></a></li>


MyCode 5
Title:
Purchase Charts Regular Row NO Tooltip
Short Description:
Part 5 of the Purchase Chart MyCode, Regualr Row with No Tooltip, 2 variables, 1st Title, 2nd Title URL
Regular Expression:
\[ChartRowRN="(.*?),(.*?)"\]
Replacement:
<li><a href="$2">$1</a></li>


MyCode 6
Title:
Purchase Charts Header Media Row
Short Description:
Part 6 of the Purchase Chart MyCode, Header Row for Media, 1 variable, use MyCode Embed for variable
Regular Expression:
\[ChartRowLM="(.*?)"\]
Replacement:
<li class="header_row">$1</li>


MyCode 7
Title:
Purchase Charts Regular Media Row
Short Description:
Part 7 of the Purchase Chart MyCode, Regular Row of Media, 1 variable, use MyCode Embed for variable
Regular Expression:
\[ChartRowRM="(.*?)"\]
Replacement:
<li>$1</li>


MyCode 8
Title:
Purchase Charts End Column
Short Description:
Part 8 of the Purchase Chart MyCode, End Column, No variable.
Regular Expression:
\[EndCol\]
Replacement:
</ul></div>


MyCode 9
Title:
Purchase Charts Purchase Button
Short Description:
Part 9 of the Purchase Chart MyCode, Chart Button, 1 variable, Button URL
Regular Expression:
\[ChartButton="(.*?)"\]
Replacement:
<li class="footer_row"><a class="hosting-button" href="$1">Purchase</a></li>


MyCode 10
Title:
Purchase Charts End Chart
Short Description:
Part 10 of the Purchase Chart MyCode, End Chart, No variable.
Regular Expression:
\[EndChart\]
Replacement:
            <div class="clear"></div>
        </div>
    </div>
</div>
</div>

So a chart like this (the center one only, but can do all but its a lot of work to build):


Would look like this in MyCode:
URLs all #, can make whatever you want.

[StartChart="2,5"][StartCol="Reccomended"][ChartRowLG="PLATINUM,#,$100/month,#"][ChartRowRN="Disk Space 2 0000 MB,#"][ChartRowRN="Bandwidth Unmetered,#"][ChartRowRN="Setup Free,#"][ChartRowRN="Unlim Email Accounts,#"][ChartRowRN="Unlim FTP Accounts,#"][ChartRowRN="Full Privacy + SSL,#"][ChartButton="#"][EndCol][EndChart]

You can add more columns by using [StartCol="Column Title"] right after [EndCol] and continue the process.

This works with all smilies and depending on the column size you set it also works with Image and Video MyCodes as well.

Now I'm looking for someone to help me write a script to use these with a single button with user prompts to build all this as automatically as much as possible like the default LIST button... only more advanced.
If you think you can help PM me.
+rep if you used these MyCodes or think they're useful please
Good Luck.

awesome!

Great! I'm glad you guys like it, I've also made a paypal compatible donation button for it:

Quote:Title:

Purchase Charts Paypal Button

Short Description:

Part of the Purchase Chart MyCode, Chart Paypal Button, 1 variable, Paypal Account #

Regular Expression:

\[ChartPayPal="(.*?)"\]

Replacement:

<li class="footer_row">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post"><input type="hidden" name="cmd" value="_s-xclick"><input type="hidden" name="hosted_button_id" value="$1"><input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"><img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1"></form><br /><br /></li>

It works great!
Just make a donation button in paypal using your secure paypay ID and then take the buttons hash code (it's in the code snippet paypal gives you) and put it as the MyCode's variable.
[attachment=28246]

can someone export this thanks LOL

No CSS?

---

Oh, I am not buying orange!

IDK WHAT I AM doing wrong but when i use

[StartChart="2,5"][StartCol="Reccomended"][ChartRowLG="PLATINUM,#,$100/month,#"][ChartRowRN="Disk Space 2 0000 MB,#"][ChartRowRN="Bandwidth Unmetered,#"][ChartRowRN="Setup Free,#"][ChartRowRN="Unlim Email Accounts,#"][ChartRowRN="Unlim FTP Accounts,#"][ChartRowRN="Full Privacy + SSL,#"][ChartButton="#"][EndCol][EndChart]

after entering mycode it gives me this


what's problem ?

See the first post - you need to buy the theme template to get the css.

yeah so whats the point of even bothering with releasing it when you cant even release the actual files needed.

its 5$ for the actual files.

it would of been better if it was free template used.