The new SimpleTick marketplace allows designers to convert their great templates & designs into SimpleTick themes. Converting a template is really simple and only takes 10 minutes.

1. Phone: (800) TICK-126
International: +1 703 879 6355
PO Box 271
Alexandria, VA 22313 USA
www.SimpleTick.com
___________________________________
__________
PO Box 271
Alexandria, VA USA
Phone: (800) TICK-126
International: +1 703 879 6355
| | www.SimpleTick.com
Support.SimpleTick.com
Theme Marketplace
Selling your Templates on SimpleTick

2. Phone: (800) TICK-126
International: +1 703 879 6355
PO Box 271
Alexandria, VA 22313 USA
www.SimpleTick.com
___________________________________
__________
Convert any Template to a SimpleTick theme in 5 minutes!
• Name your price
• You keep 75% of the revenue
• It only takes 5-10 minutes to convert
• Super Simple!
• A great way to showcase your talent

3. Phone: (800) TICK-126
International: +1 703 879 6355
PO Box 271
Alexandria, VA 22313 USA
www.SimpleTick.com
___________________________________
__________
A Few Easy Steps
1. Create the home page file, name it index.html
1. Add this tag where the content area is: <CONTENT-AREA />
1. Create the inside page file, name it insidepage.html
1. Add this tag where the content area is: <CONTENT-AREA />
2. Optional if the event / product photo should appear in a different part of the
page, add a tag for that too: <EVENT-PRODUCT-PHOTO />
2. Put the CSS file in the same folder, name it: Style.css
3. Put all images in a folder, name it: /images/
4. Zip it up!

4. Phone: (800) TICK-126
International: +1 703 879 6355
PO Box 271
Alexandria, VA 22313 USA
www.SimpleTick.com
___________________________________
__________
Let’s say you created this template:

5. Phone: (800) TICK-126
International: +1 703 879 6355
PO Box 271
Alexandria, VA 22313 USA
www.SimpleTick.com
___________________________________
__________
This is how it looks when you add the tags to: Index.html
We will cover these
tags on slide #15

6. Phone: (800) TICK-126
International: +1 703 879 6355
PO Box 271
Alexandria, VA 22313 USA
www.SimpleTick.com
___________________________________
__________
This is how it looks when you add the tags to: InsidePage.html

7. Phone: (800) TICK-126
International: +1 703 879 6355
PO Box 271
Alexandria, VA 22313 USA
www.SimpleTick.com
___________________________________
__________
Here’s how the InsidePage.html will appear on a live site:

8. Phone: (800) TICK-126
International: +1 703 879 6355
PO Box 271
Alexandria, VA 22313 USA
www.SimpleTick.com
___________________________________
__________
What size should the event image be?
In this template the image
Is 250px wide. You will
Need to specify this when
You submit your theme.

9. Phone: (800) TICK-126
International: +1 703 879 6355
PO Box 271
Alexandria, VA 22313 USA
www.SimpleTick.com
___________________________________
__________
Optional: The Calendar Widget
You can add an interactive calendar to
your template:
Just add this tag where the calendar
should appear:
<MINI-CALENDAR />

10. Phone: (800) TICK-126
International: +1 703 879 6355
PO Box 271
Alexandria, VA 22313 USA
www.SimpleTick.com
___________________________________
__________
Example

11. Phone: (800) TICK-126
International: +1 703 879 6355
PO Box 271
Alexandria, VA 22313 USA
www.SimpleTick.com
___________________________________
__________
Will appear like:

12. Phone: (800) TICK-126
International: +1 703 879 6355
PO Box 271
Alexandria, VA 22313 USA
www.SimpleTick.com
___________________________________
__________
Pick a Skin That Matches Well
Skins are applied to elements like: tables,
calendars, site maps, and dropdown lists
on a SimpleTick site.
There are 14 skins to choose from. See
samples on the next 2 slides.

13. Phone: (800) TICK-126
International: +1 703 879 6355
PO Box 271
Alexandria, VA 22313 USA
www.SimpleTick.com
___________________________________
__________
What Skin Looks best? (Tables)

14. Phone: (800) TICK-126
International: +1 703 879 6355
PO Box 271
Alexandria, VA 22313 USA
www.SimpleTick.com
___________________________________
__________
What Skin Looks best? (Calendars)

15. Phone: (800) TICK-126
International: +1 703 879 6355
PO Box 271
Alexandria, VA 22313 USA
www.SimpleTick.com
___________________________________
__________
Would you like to display … Details
Event Slider A JavaScript slider will appear, displaying top 5 featured events.
Event List A list of events (titles + links) will appear.
Event Category List A list of all categories (titles + links) will appear in alphabetical
order. The links will go to the category page.
Blog / Article Category List A list of all categories (titles + links) will appear in alphabetical
order. The links will go to the category page.
Top # Blogs/Articles A list of articles (titles + links) will appear .
Top # Blogs/Articles That are Featured A list of articles (titles + links) that are flagged as featured will
appear in alphabetical order.
Top # Events With Image & Teaser A list of events (titles + links) will appear.
Top # Events That are Featured A list of events (titles + links) that are flagged as featured will appear
in alphabetical order.
Top Navigation/Menu Bar Primary pages, plus other CMS pages that have been selected to
appear
Footer Navigation/Menu Bar Primary pages, plus other CMS pages that have been selected to
appear
Other Code Bits (See Appendix for HTML & CSS output samples)

16. Phone: (800) TICK-126
International: +1 703 879 6355
PO Box 271
Alexandria, VA 22313 USA
www.SimpleTick.com
___________________________________
__________
To get started head over to
www.SimpleTick.com/MarketPlace/ today.
From there you can:
1. See current themes
2. Download Sample Themes – “starter kits”
3. View “How To” videos
4. Submit your themes
Now it’s your turn!

17. Phone: (800) TICK-126
International: +1 703 879 6355
PO Box 271
Alexandria, VA 22313 USA
www.SimpleTick.com
___________________________________
__________
Appendix
The next 12 slides will cover additional tags you can use in your themes

18. Phone: (800) TICK-126
International: +1 703 879 6355
PO Box 271
Alexandria, VA 22313 USA
www.SimpleTick.com
___________________________________
__________
A JavaScript slider will appear, displaying top 5 featured events.
Specify the width of the slider using the attribute “width”.
<!--EVENT-SLIDER WIDTH=500 -->
Tag to use:
Event Slider
Sample Output:
<div id="slider">
<img src="images/Shows/500/DaveTrio.jpg" alt="" title="#htmlcaption1" />
<img src="images/Shows/500/ComedyNight.jpg" alt="" title="#htmlcaption2" />
<img src="images/Shows/500/LiveOpera.jpg" alt="" title="#htmlcaption3" />
</div>
<div id="htmlcaption1" class="nivo-html-caption"> <strong>The Dave Trio</strong> at
<em>Venue Title</em> <a href=“/Events/DaveTrio.aspx">buy tickets</a>. </div>
<div id="htmlcaption2" class="nivo-html-caption"> <strong>Comedy Night with
Mike</strong> at <em>Venue Title</em> <a href=“/Events/ComedyNight.aspx">buy
tickets</a>. </div>
<div id="htmlcaption3" class="nivo-html-caption"> <strong>Live Italian Opera</strong> at
<em>Venue Title</em> <a href=“/Events/LiveOpera.aspx">buy tickets</a>. </div>

19. Phone: (800) TICK-126
International: +1 703 879 6355
PO Box 271
Alexandria, VA 22313 USA
www.SimpleTick.com
___________________________________
__________
Sample on a live site:Event Slider

20. Phone: (800) TICK-126
International: +1 703 879 6355
PO Box 271
Alexandria, VA 22313 USA
www.SimpleTick.com
___________________________________
__________
Event List
A list of events (titles + links) will appear. Specify the maximum number of links with
the Max attribute. The default is 20.
<!--EVENT-LIST MAX=3 -->
Tag to use:
Sample Output:
<ul class=“widget-event-list”>
<li><a href=“/Events/ComedyNight.aspx">Comedy Night with Mike</a></li>
<li><a href=“/Events/LiveOpera.aspx">Live Opera</a></li>
<li><a href=“/Events/DaveTrio.aspx">The Dave Trio</a></li>
</ul>

21. Phone: (800) TICK-126
International: +1 703 879 6355
PO Box 271
Alexandria, VA 22313 USA
www.SimpleTick.com
___________________________________
__________
Top # Events That are Featured
A list of events (titles + links) will appear. Specify the maximum number of links with the
Max attribute. The default is 5.
<!—TOP-EVENT-FEATURED MAX=3 -->
Tag to use:
Sample Output:
<ul class=“widget-event-featured-list”>
<li><a href=“/Events/ComedyNight.aspx">Comedy Night with Mike</a></li>
<li><a href=“/Events/LiveOpera.aspx">Live Opera</a></li>
<li><a href=“/Events/DaveTrio.aspx">The Dave Trio</a></li>
</ul>

22. Phone: (800) TICK-126
International: +1 703 879 6355
PO Box 271
Alexandria, VA 22313 USA
www.SimpleTick.com
___________________________________
__________
Event Category List
A list of events (titles + links) will appear.
<!-- EVENT-CATEGORY-LIST -->
Tag to use:
Sample Output:
<ul class="widget-event-category-list">
<li><a href=“/Category/Health-Workshops.aspx">Health Workshops</a></li>
<li><a href=“/Category/Comedy-Nights.aspx">Comedy Nights</a></li>
<li><a href="/Category/Live-Music.aspx">Live Music</a></li>
</ul>

23. Phone: (800) TICK-126
International: +1 703 879 6355
PO Box 271
Alexandria, VA 22313 USA
www.SimpleTick.com
___________________________________
__________
Top # Events With Image & Teaser
A list of events (titles + links) will appear. Specify the maximum number of links with the
Max attribute. The default is 5. The image width is set by the webmaster in the site’s
layout settings.
<!—TOP-EVENT-IMAGE-TEASER-LIST MAX=2 -->Tag to use:
Sample Output:
<div class="widget-top-events">
<div class="item">
<div class="photo">
<a href="/Events/ComedyNight.aspx"><img src="images/Shows/500/DaveTrio.jpg" /></a>
</div >
<div class="teaser">
<h5>Comedy Night with Mike</h5>
<p>Teaser Text Appears Here, this should be 1-2 sentences</p>
</div >
</div >
<div class="item">
<div class="photo">
<a href="/Events/LiveOpera.aspx"><img src="images/Shows/500/LiveOpera.jpg" /></a>
</div >
<div class="teaser">
<h5>Live Opera</h5>
<p>Teaser Text Appears Here, this should be 1-2 sentences</p>
</div >
</div >
</div >

24. Phone: (800) TICK-126
International: +1 703 879 6355
PO Box 271
Alexandria, VA 22313 USA
www.SimpleTick.com
___________________________________
__________
Top # Events With
Image & Teaser

25. Phone: (800) TICK-126
International: +1 703 879 6355
PO Box 271
Alexandria, VA 22313 USA
www.SimpleTick.com
___________________________________
__________
Blogs/Articles List
A list of events (titles + links) will appear. Specify the maximum number of links with the
Max attribute. The default is 20.
<!– BLOG-LIST MAX=3 -->
Tag to use:
Sample Output:
<ul class="widget-blog-list">
<li><a href="/Events/Sample-Article-1.aspx">Sample Article 1</a></li>
<li><a href="/Events/Sample-Article-2.aspx">Sample Article 2</a></li>
<li><a href="/Events/Sample-Article-3.aspx">Sample Article 3</a></li>
</ul>

26. Phone: (800) TICK-126
International: +1 703 879 6355
PO Box 271
Alexandria, VA 22313 USA
www.SimpleTick.com
___________________________________
__________
Top # Blogs/Articles That are Featured
A list of events (titles + links) will appear. Specify the maximum number of links with the
Max attribute. The default is 20.
<!– TOP-BLOG-FEATURED-LIST MAX=3 -->
Tag to use:
Sample Output:
<ul class="widget-blog-list-featured">
<li><a href="/Events/Sample-Article-1.aspx">Sample Article 1</a></li>
<li><a href="/Events/Sample-Article-2.aspx">Sample Article 2</a></li>
<li><a href="/Events/Sample-Article-3.aspx">Sample Article 3</a></li>
</ul>

27. Phone: (800) TICK-126
International: +1 703 879 6355
PO Box 271
Alexandria, VA 22313 USA
www.SimpleTick.com
___________________________________
__________
Blog / Article Category List
A list of events (titles + links) will appear.
<!-- BLOG-CATEGORY-LIST -->
Tag to use:
Sample Output:
<ul class="widget-blog-category-list">
<li><a href="/News/Category/Health-News.aspx">Health News</a></li>
<li><a href="/News/Category/Sports-Advise.aspx">Sports Advise</a></li>
<li><a href="/News/Category/Theater-News.aspx">Theater News</a></li>
</ul>

28. Phone: (800) TICK-126
International: +1 703 879 6355
PO Box 271
Alexandria, VA 22313 USA
www.SimpleTick.com
___________________________________
__________
Top # Articles With Image & Teaser
A list of events (titles + links) will appear. Specify the maximum number of links with the
Max attribute. The default is 5. The image width is set by the webmaster in the site’s
layout settings.
<!-- TOP-ARTICLE-IMAGE-TEASER-LIST MAX=2 -->Tag to use:
Sample Output:
<div class="widget-top-articles">
<div class="item">
<div class="photo">
<a href="/Events/Sample-Article-1.aspx“><img src="images/blog/500/LiveOpera.jpg" /></a>
</div >
<div class="teaser">
<h5>Comedy Night with Mike</h5>
<p>Teaser Text Appears Here, this should be 1-2 sentences</p>
</div >
</div >
<div class="item">
<div class="photo">
<a href="/Events/LiveOpera.aspx"><img src="images/Shows/500/LiveOpera.jpg" /></a>
</div >
<div class="teaser">
<h5>Live Opera</h5>
<p>Teaser Text Appears Here, this should be 1-2 sentences</p>
</div >
</div >
</div >

29. Phone: (800) TICK-126
International: +1 703 879 6355
PO Box 271
Alexandria, VA 22313 USA
www.SimpleTick.com
___________________________________
__________
Top # Articles With Image & Teaser
Sample on a live site:

30. Phone: (800) TICK-126
International: +1 703 879 6355
PO Box 271
Alexandria, VA 22313 USA
www.SimpleTick.com
___________________________________
__________
Top Navigation/Menu Bar
<!—TOP-NAV-BAR MAX=6 -->
Tag to use:
Sample Output:
<ul class="widget-header-nav-bar">
<li><a href="/">Home</a></li>
<li><a href="/Events-List.aspx">Events</a></li>
<li><a href="/Pages/News.aspx">News</a></li>
<li><a href="/Pages/About-Us.aspx">About Us</a></li>
<li><a href="/Events/History.aspx">History</a></li>
<li><a href="/Events/Club-Info.aspx">Club Info</a></li>
</ul>
Home & Events will always appear. News will only appear if it’s set to displayed by the
site’s display settings. After this the next pages from the CMS where “display on header” is
checked. They will be in Ascending order based on “Sort Order"
A list of content pages (titles + links) will appear. Specify the maximum number of links
with the Max attribute. The default is 5.

31. Phone: (800) TICK-126
International: +1 703 879 6355
PO Box 271
Alexandria, VA 22313 USA
www.SimpleTick.com
___________________________________
__________
Footer Navigation/Menu Bar
<!—FOOTER-NAV-BAR MAX=6 -->
Tag to use:
Sample Output:
<ul class="widget-footer-nav-bar">
<li><a href="/">Home</a></li>
<li><a href="/Events-List.aspx">Events</a></li>
<li><a href="/Pages/News.aspx">News</a></li>
<li><a href="/Pages/About-Us.aspx">About Us</a></li>
<li><a href="/Events/History.aspx">History</a></li>
<li><a href="/Events/Club-Info.aspx">Club Info</a></li>
</ul>
In this case Home & Events will always appear. News will only appear
if it’s set to displayed by the site’s display settings.
After this the next pages from the CMS where “display on footer” is checked. They will
be in Ascending order based on “Sort Order"
A list of content pages (titles + links) will appear. Specify the maximum number of links
with the Max attribute. The default is 5.

32. Phone: (800) TICK-126
International: +1 703 879 6355
PO Box 271
Alexandria, VA 22313 USA
www.SimpleTick.com
___________________________________
__________
CMS Content Page View
<!-- CMS-PAGE PAGE-NAME=ABOUT-US -->
Tag to use:
Sample Output:
<div class="WidgetPageContent">
// all of the HTML for that page will appear here
</div>
In this case the HTML for the “About Us” page will appear here. The “About Us” page
must exist or nothing will appear. You can simply change “About Us” to any other page
name. Note this is the “page name” field and not the “page title” field.
Displays a page from the CMS. This is ideal for themes that use a 1 page with sliding
content Ajax Effect. This will allow you to specify the content for each part of the page.