simpletick theme marketplace

Phone: (800) TICK-126 International: +1 703 879 6355

PO Box 271 Alexandria, VA 22313 USA

www.SimpleTick.com ___________________________________

___

____

___

PO Box 271Alexandria, VA USA


| | www.SimpleTick.comSupport.SimpleTick.com

Theme MarketplaceSelling your Templates on

SimpleTick




___

____

___

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




___

____

___

A Few Easy Steps

1. Create the home page file, name it index.html1. Add this tag where the content area is: <CONTENT-AREA />

2. Create the inside page file, name it insidepage.html1. 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 />

3. Put the CSS file in the same folder, name it: Style.css

4. Put all images in a folder, name it: /images/

5. Zip it up!




___

____

___

Let’s say you created this template:




___

____

___

This is how it looks when you add the tags to: Index.html

We will cover these tags on slide #15




___

____

___

This is how it looks when you add the tags to: InsidePage.html




___

____

___

Here’s how the InsidePage.html will appear on a live site:




___

____

___

What size should the event image be?

In this template the imageIs 250px wide. You willNeed to specify this whenYou submit your theme.




___

____

___

Optional: The Calendar Widget

You can add an interactive calendar to your template:

Just add this tag where the calendar should appear:<MINI-CALENDAR />




___

____

___

Example




___

____

___

Will appear like:




___

____

___

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.




___

____

___

What Skin Looks best? (Tables)




___

____

___

What Skin Looks best? (Calendars)




___

____

___

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)




___

____

___

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!

http://www.simpletick.com/MarketPlace/




___

____

___

Appendix

The next 12 slides will cover additional tags you can use in your themes

___

____

___

A JavaScript slider will appear, displaying top 5 featured events.Specify the width of the slider using the attribute “width”.



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>




___

____

___

Sample on a live site:Event Slider

___

____

___

Event List

A list of events (titles + links) will appear. Specify the maximum number of links with the Max attribute. The default is 20.



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>




___

____

___

Top # Events That are Featured


<!—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>

___

____

___

Event Category List

A list of events (titles + links) will appear.



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>




___

____

___

Top # Events With Image & TeaserA 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 >




___

____

___

Top # Events With Image & Teaser




___

____

___

Blogs/Articles List


<!– 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>




___

____

___

Top # Blogs/Articles That are Featured


<!– 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>

___

____

___

Blog / Article Category List

A list of events (titles + links) will appear.



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>

___

____

___

Top # Articles With Image & TeaserA 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.

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 >




___

____

___

Top # Articles With Image & TeaserSample on a live site:




___

____

___

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.




___

____

___

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 appearif 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.

___

____

___

CMS Content Page View



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.

simpletick theme marketplace

Design

va usa phone

po box

list of events titles

event list

list of articles titles

event category list

featured events

categories titles