Category: code

Don’t forget to rate if you enjoy the product!

Features

• Pure CSS (No Image)
• High Resolution
• 10 Colors
• Fully Customizable

Credits

jQuery Easing v1.3

jQuery Roundabout – v2.4.2

Fontello

Bootstrap

Fonts From Google Webfonts :

Dosis, Englebert, Skranji, Domine, Merienda, Sanchez

Download Threed – 3D Pure CSS Pricing Table (Miscellaneous)

Alldion is a responsive, touch enabled, accordion plugin for WordPress that allows you to create multiple accordions using a drag & drop interface and show them using a shortcode or a widget.

Accordion Panel Types

The Alldion plugin allows you to include up to five different content types in the accordion panels:

1. Images
2. Posts
3. HTML and shortcodes
4. Videos
5. Products, if you have Woocommerce plugin installed and active

Using the accordion

After you create your accordions, you can then add them in your posts or pages using the shortcode provided. You can also add them in a Woocommerce product description or in general in any custom post type content. Multiple accordions can be added to a post or page.
If you need to display them on your sidebars, you can use the widget included. Just like with shortcodes, multiple accordion widgets can be added to a sidebar.

Accordion features

Each accordion features:

• responsive, to fit mobile or desktop devices
• touch and swipe support
• mouse wheel support, to open accordion panels
• swing, bounce, lineal, smooth start/end transitions
• animation speed
• preview images for panel headers
• change panel headers background and text color

And as shown in the screenshots, when editing the accordion, you can sort the slides using drag and drop to achieve the order you want.

Setting up the accordion panels

Each panel type has its own set of controls, with appropriate options for each one.

Images

Use the new Media gallery interface included in WordPress 3.5 to add and reuse images directly from your WordPress gallery, a link field and a text caption field.

Posts

Post panel allows you to select a post to display in the panel and choose whether to show the title or not, show the excerpt, content or nothing, and display a featured image size or not.

Video

The video panel provides a field to add the video embed code and a field for a text caption

HTML and shortcodes

This panel allows you to use HTML markup and WordPress shortcodes

Products

If you have the Woocommerce plugin installed and active, you can display products in the accordion, choosing whether to show the title or not, the price, the add to cart button, the product description or the short description and the image size, where the additional image sizes available for Woocommerce are also shown.

Plugin settings

The settings page allows you to customize the appearance of the accordion to match your site, from choosing colors for title, content or excerpt and thumbnails pagination using Iris color picker, the standard color picker bundled with WordPress, to adding your own CSS rules using the custom styling field provided.

Support

All support requests are managed exclusively through the support forum for this plugin.

Download Alldion – Responsive accordion for WordPress (Accordions)

Scroll Menu

Scroll menu lets you insert tag points on the document as shortcode. Every Tag point it will automatically added to the Scroll Menu as a button, giving users of your site a better experience and navigation control on large or medium pages.

You may customize the position of the menu and the styles/colors of button.

Available Options

• Position of Menu
• Style of button
• Background color
• Text Color
• Font Size
• Speed of scroll
• Tag closest Title

Download Scroll Menu | Tag Vertical Navigation (Menus)

JAXchat is a web based chat room application for your web site that requires little more than a few lines of HTML in your web page after uploading the code to your web server.

It does not require a database or any post installation set up. Upload the application to your server, add 3 lines of HTML to your web page, and start chatting.

It includes additional chat client skins in the form of simple CSS files that can be selected with a simple skin name in the settings or a custom skin can be easily designed by using one of the existing skins as a starting point.

It utilizes PHP 5.x on the back end and the jQuery Javascript library on the front end with an AJAX messaging system based on JSON messages between your server and the client in the web browser. The chat client will automatically load the jQuery library from google if you are not already using jQuery in your web page.

It includes a short chat history so new connections can immediately pick up on the conversation. Nuisance spamming is prevented by chat throttling. And it auto links web addresses posted in a chat message.

The chat client also includes some commands and helpers for the users to make the client easier to use. This includes a help message, an emote command, end user session command, tab auto-completion of user names, and clicking on the user name list to enter a name in the message input line.

And it includes an administration page that can be enabled in the PHP
configuration file to allow for kicking users, banning names, banning IP
addresses, delete messages from history, and sending system wide messages.

The system chat messages are also stored in plain text template files so they can be customized for your site.

Download JAXchat (Add-ons)

Flipping Cards 3D – WordPress

• Colection of Flips and Effects of cards using CSS 3D and jQuery.
• Easy to implement with your WordPress.
• Works in all modern browsers (Google Chrome, Safari, Firefox).
• IE fallback of fade effect.

----> Update: 28/Feb/2013
Add a feature that allow you to add third-party shortcodes inside the flipping card (waiting for review)

Add a Flipping card to your posts or pages with this shortcode:

[flippingCard]
[fc_front]
    HERE GOES THE HTML FOR THE FRONT PART OF THE FLIPPING CARD
[/fc_front]
[fc_back]
    HERE GOES THE HTML FOR THE BACK PART OF THE FLIPPING CARD
[/fc_back]
[/flippingCard]

You can edit a single Flipping Card by passing parameters, these are all the parameters available:

[flippingCard direction="right" type="over" float="left" margin="0 10px 10px 0" 
width="300px" height="300px" border="1px solid gray" borderRadius="10px" 
background="white" padding="20px" textalign="center"]

Download Flipping Cards 3D – WordPress (Utilities)

This is a pure CSS menu that works on-click state instead of hover state , but it can be customised to work on hover state easley , it comes in 3 different styles and 9 color variants .

Download Pure CSS On-Click Menu (Navigation and Menus)

Using this application Convert your website into Android Application just in minutes with WebView feature.Well documented help guide will help you to customize easily it with your needs.
You just have to change some website url. Then, you can submit it to Google Play.

Feature:

1.Custom Home page with Slideshow
2.AdMob ready for Google advertisement .
3.Social Page integration
4.Step by Step Guide

Download WebSiteAndroidApps with AdMob (Templates)

—Simon Says ––
Simon Says is an amazing app that let’s you play Simon Says.
This app can be played with everyone! Play with your family, friend etc.

How to play:
The app will light a color. After that, you’ll need to tap that color. Every level one color will be added.
After that, you always need to tap the colors in the good order, so you’ll need to remember what color was first.

Enjoy!

Download SimonSays (Games)

Popular visitor live tracking component. ExtraWatch allows you to watch your joomla visitors live stats and bots in real-time from the administration back-end.

Especially their IP addresses, countries they come from, geographical location on a map, which pages they are viewing, their browser and operating system, it creates daily and all-time stats from these information plus unique, pageload and total hits statistics. Furthermore, you can block harmful IP addresses, see blocked attempts stats, evaluate the trend charts, and create goals based on many parameters. In the front-end, it displays the top countries, user and visit information for certain periods of time.

translations: brazilian portuguese, dutch, french, german, greek, russian, slovak, slovenian, spanish, swedish, czech, danish, lithuanian, polish italian, turkish, latvian, ukrainian, bulgarian

PRO version also features:
– Interactive HTML5 Traffic Flow – view the most common visitor paths
– Click Heatmap – map of clicks on your pages
– SEO Report – report of keywords which users used to find your website and their statistics in time
– Database Status – stats of increase / decrease of database table size to be able to find the most data-extensive plugins
– Directory sizes – statistics of disk space other plugins occupies

Listed also in official Magento Connect directory

Check the demo video for more information

Download ExtraWatch Live Stats and Counter PRO for Magento (Magento Extensions)

‘Hakros Classifier’ is an useful tool that will help you to sort all files you have scattered on your computer.

If you regularly download multiple files from the network, leaving them not rated together in a single folder, after a while if you try to sort them , it can become in a great problem.

Thanks to ‘Hakros Classifier’ you can forget these problems, you just need to configure source and destination paths and execute the program.

And ready !

In just a few seconds, all your files will be classified by extension and / or by category.

In addition you can leave the program running on background and it will automatically classify all files without supervision.

Download Hakros Classifier (Windows)

Popular visitor live tracking component for Joomla. ExtraWatch allows you to watch your joomla visitors live stats and bots in real-time from the administration back-end.

Especially their IP addresses, countries they come from, geographical location on a map, which pages they are viewing, their browser and operating system, it creates daily and all-time stats from these information plus unique, pageload and total hits statistics. Furthermore, you can block harmful IP addresses, see blocked attempts stats, evaluate the trend charts, and create goals based on many parameters. In the front-end, it displays the top countries, user and visit information for certain periods of time.

translations: brazilian portuguese, dutch, french, german, greek, russian, slovak, slovenian, spanish, swedish, czech, danish, lithuanian, polish italian, turkish, latvian, ukrainian, bulgarian

PRO version also features:
– Interactive HTML5 Traffic Flow – view the most common visitor paths
– Click Heatmap – map of clicks on your pages
– SEO Report – report of keywords which users used to find your website and their statistics in time
– Database Status – stats of increase / decrease of database table size to be able to find the most data-extensive plugins
– Directory sizes – statistics of disk space other plugins occupies

Plugin rated 4.86 out of 5 by the Joomla Extension Directory:
http://extensions.joomla.org/extensions/site-management/visitors/3940

with 146 mostly 5-star reviews

Check the demo video for more information

Download ExtraWatch Live Stats and Counter PRO for Joomla! (Joomla)

The Social Commerce plugin enables you to convert your WordPress eCommerce website in to a Facebook friendly destination for customers who want to shop via your Facebook Fan page. It works with any WordPress theme running an instalment of WooCommerce.

Our Customers Say…

Obox Social Commerce has made it really easy for my company to build and integrate an eCommerce platform right into Facebook. Love it!”

– Jason Bagely

With an extensive and easy to use Control Panel you can begin customizing Social Commerce. You can upload your own logo, setup the built-in featured slider and include your very own shop introduction. All of which are visible on Facebook.

Decide what you’d like to show on the homepage of your Facebook Store and display either your Most Recent Products, Featured Products or specific Product Categories.

Once you’ve chosen that, choose between whether you’d like to show 4, 8 or 12 products on your homepage.

Even More Customization:

Adding to the above, with Social Commerce you can add Social Sharing to your products, include your own custom sidebar text (using HTML) and go super customized by adding in your own Custom CSS.

Social Commerce’s Design

The design of Social Commerce is one of its best bits. With a responsive/fluid layout, it means that if Facebook change the dimensions of the fan page your Facebook shop will simply adjust without breaking the layout.

We’ve gone to great lengths to make sure the design details of Social Commerce sit just right with a Facebook user. The design doesn’t alienate customers and a lot of the design iterations have happened to make sure it is in-keeping with Facebook to make sure it looks right at home.

The Super-Easy Setup

The one area we know which can be daunting for users is the setup. So we’ve made it super easy. We’ve even created a short video explaining the setup in fill so you can follow it as you get Social Commerce up and running.

Once Social Commerce is up and running on your WordPress eCommerce store, from that point you can get automatic updates of the plugin via your WordPress dashboard.

Social Commerce Requirements

• Social Commerce requires an installation of the WooCommerce plugin
• Social Commerce requires SSL (we recommend Bluehost as they provide SSL with any of their hosting packages.)

Feature List

• Plug ‘n Play Installation
• Automatic Updates
• Works with any WordPress theme with an installation of WooCommerce
• It’s own Settings Panel
• Homepage Content Chooser
• Logo uploader
• Background uploader
• Featured Slider
• Social sharing for products
• Responsive Design
• Designed with the Facebook look and feel in mind
• Create for WooCommerce

Documentation & Support

Please note that access to theme documentation and support forums is restricted to verified buyers only. Support times are 9am to 5pm Monday to Friday (GMT +2). In order to gain full access docs and support please be sure to register on Obox.

To login to Obox all you need to do is the following:

• Visit Obox Design
• Click Sign Up (top right of the page)
• Register your details
• Type in your ThemeForest purchase code in the right side bar in your profile

Note: We offer Support via our forums only, any other means of communication such as emails and tweets will be directed to the forum. Thanks peeps.

Download Social Commerce WordPress Plugin (WooCommerce)

Create coupon codes that your users can use to download files through a web form and collect their email addresses on the way.

Manage the coupon codes and files in the administration panel which also allows you to export all the the collected email address with the coupon codes used in CSV format.

– Create and manage coupon codes and files through the admin panel.
– Upload files through a web form or by any other means provided by your hosting like FTP.
– Make the coupons expire on specific dates or when a certain number of downloads is reached.
– Export all download email addresses and coupon codes in CSV format.
– Embed the download form in any web page.

1. Requirements

– Linux with Apache server and mod_rewrite.
– PHP 5.3 or greater with MySQL PDO support.
– MySQL 5.1 or greater.

Coupon runs on top of the Slim micro-framwrok.

Download Coupon (Miscellaneous)

Description

Auto Date as Title is a simple to use plugin which inserts the current date and time, in the format desired by you, as the title of your post if you leave the title blank. It will not replace the title if you have already entered a title. This is useful if you use WordPress as a Daily Journal, or if you run News aggregation blog, or if you simply feel too lazy to add titles to your post. The format of the date can be choosen from the default options or a custom format can be defined. The plugin also translates the month and weekday names according to the language chosen for wordpress. This however depends on WordPress having a proper translation of the months and weekdays for your selected language

Installation

Once you have downloaded the zip file from Code Canyon extract the contents to a folder of your choice. Chances are if you are reading this you have already done that. Find the file called datetitle.zip. This is the plugin file. You can upload this file from your WordPress Admin

1. Go to Plugins > Add New.
2. Select Upload
3. Upload the datetitle.zip file
4. Activate the plugin
5. Goto Settings > Date As Title
6. Choose and Save a format of your liking

Alternatively you can manually install the plugin by following the instructions given here.

Usage

If you have selected a format of your liking as mentioned above all you have to do is leave the title of the post empty when you hit publish or update. The plugin will automatically set the title in the format you have selected. See screenshots for default formats

Using custom date formats

Custom date formats are defined by using alphabets which PHP can understand.

Examples of custom formats

Here are some examples of custom date formats and the resulting output.

• F j, Y g:i a – November 6, 2010 12:50 am
• F j, Y – November 6, 2010
• F, Y – November, 2010
• g:i a – 12:50 am
• g:i:s a – 12:50:48 am
• l, F jS, Y – Saturday, November 6th, 2010
• M j, Y @ G:i – Nov 6, 2010 @ 0:50
• Y/m/d \a\t g:i A – 2010/11/06 at 12:50 AM
• Y/m/d \a\t g:ia – 2010/11/06 at 12:50am
• Y/m/d g:i:s A – 2010/11/06 12:50:48 AM
• Y/m/d – 2010/11/06

You can learn more about the of custom formats from here or in the documentation provided with the downloaded zip

Sources and Credits

• WordPress Plugin Update Notifier for Code Canyon
• Formatting Date and Time – WordPress Codex

I’d be glad to help you if you have any questions relating to this plugin. Feel free to ask in the comments section of this page

Tarique Sani, SANIsoft

Download Auto Date as Title (Utilities)

Pure CSS3 Forms Set allows you to create forms of any complexity and for any needs (login, registration, contacts, search, checkout, etc.). With powerful validation and masking your forms become super friendly and very easy to fill.

If you liked Forms Set, please don’t forget to rate it!

Need the same in pure CSS?

Check out this Pure CSS3 Forms Set.

Features

• Client-side form validation with lots of options.
• Inputs masking for creation user friendly forms.
• 3 different form types (vertical, horizontal, columned).
• Normal, error, success and disabled states for all elements.
• Normal, small and large sizes of all elements.
• Customized selects, checkboxes and radios.
• Responsive and fixed layouts.
• Tooltips for all elements.
• More then 30 examples.
• 19 colors for buttons.
• 249 scalable icons.
• Extremely clean.
• Easy to use.

Compatibility

• Mac: Safari, Chrome, Opera, Firefox
• Win: Safari, Chrome, Opera, Firefox, IE8, IE9, IE10
• Mobile: iPhone, iPad, Android

Note: some CSS3 effects are not available for IE8.

Support

To get support please send me an email through the contact form on my profile page. You can find the contact form on the right side of the page. Support requests are processed on business days within 24h in the order they were received. Support request sent during weekends/holidays will be processed on next business day.

Important note: support is offered exclusively through the contact form and not in the comments section. However, I answer pre sale questions in the comments so feel free to ask them.

Credits

• jQuery library
• jQuery Validation Plugin by Jörn Zaefferer
• jQuery Masked Input Plugin by Josh Bush
• Font Awesome by Dave Gandy
• Blurred Background by Shantha Abeyrathne

Download Pure CSS3 Forms Set + Validation and Masking (Forms)