Category: Interface Elements

Shortcodelic – WP Plugin Bundle (Interface Parts)
Purchase $20.00

A plugin bundle

Shortcodelic actually is a plugins bundle, because puts in the same plugin lots of features that serve to create a cutting edge theme, with slideshows, tabs, accordions, comparative tables, advanced Google maps, progress bars, font icons etc.

How it works

Shortcodelic provides two kinds of shortcodes: one kind is a “simple” shortcode, where all the values that the plugin needs to print something on the frontend are passed as values of the shortcode itself:
```
[shortcodelic-progress unit="%" percent="25" barcolor="#34b96c" trackcolor="#eeeeee" style="pie" linewidth="20" size="130" animate="2000"]Design[/shortcodelic-progress]
```
The other kind is different, because all the values the plugin needs to print the result on the frontend are stored in the custom fields of the post/page where you generate the shortcode itself:
```
[shortcodelic-slideshow slideshow="2"]
```
In this case the only value that the shortcode passes is the ID of the slideshow (“2”). The only things that the plugin needs to print the result are the ID of the shortcode and the ID of the post (if not specified the ID of the post will be taken from the post itself).

If you want to take a particular shortcode generated on a post or page and display it on a different page, you only need to copy and paste the shortcode from the shortcode generator box, where is also specified the ID of the post:
```
[shortcodelic-slideshow postid="42" slideshow="2"]        
```
In this case you can display a particular shortcode on all the pages, despite of the page or post you used to generate it. Just remember that, if you delete the post/page where you taken your shortcode from, you will delete the values of the shortcode too.

What’s included

Shortcodelic comes with PixGridder page composer, a premium WP plugin available on CodeCanyon (click here).

It provides a useful admin panel to set the default settings, compile custom CSS etc.

Shortcodes
- multi layer slideshows, with many effects, drag & drop preview, CSS3 acceleration, touch events, full-width and full-screen option
- tabs and accordions, with responsive layout
- responsive data and pricing tables
- advanced Google maps, with custom styles, custom multiple markers, streetview option available, routes available
- carousels to display image and content (from posts too)
- font icons from Fontello.com
- animated tooltips
- progress bars and pies
- infinite custom button generator
- infinite text box generator
Purchase $20.00
December 6, 2013
Lister : A Highly effective Content material Organizer (Interface Components)
Purchase $14.00

Lister is a Fully Responsive tool aimed to quickly make your lists look great and attractive. With Lister you are not limited to only the traditional ‘vertical’ lists, and also can order your items horizontally, making your content look much more organized and semantically logical.

New in Version 1.5 : To-Do Lists!

Lister support hundreds of icons (Font Awesome (version 4 included!), IcoMoon, Fontello), numbered lists (Inc. Roman) or alphabetic order. You can further style the Icons, Positioned and assigned on-hover animations.

You can achieve almost any grid-style structure with Lister, as it lets you choose the amount of columns, and assign fixed heights to Items.

I’ve added an Examples Page for Lister with plenty of examples to get you started, this page will be constantly updated : Lister Examples

Lister was designed to look great out-of-the-box, and to be implemented without entering a single line of shortcode.

Lister’s Features :
- 7 List Themes, 10 Color Schemes, 6 Icon Shapes & 9 on-hover Animations.
- 2 Shortcode Generators, one for List and one for Items.
- Hundreds of Icons (Supports Font Awesome, IcoMoon, Fontello and more)
- Complete CSS control. Supports the HTML5 ‘style’ attribute. Provides pseud-unique IDs, and allows the assign unique classes.
- Light & Quick. Lister loads no Javascript and is based on CSS3 alone.
- Responsive! Lister is flexible and responsive from the get-go, and allows you to enable/disable responsiveness per list (and limit to big/small screens)!
- Compatible with All Major Browsers (Mobile / Desktop).
- Supports Nested Lists.
Support

I’ll do my best to provide quick and free support to any question you might have. moreover, I’ll be happy to add any feature you find missing, and/or quickly fix any bug you might encounter.

Purchase $14.00
December 6, 2013
Caretta Icons Shortcode (Interface Components)
Purchase $6.00

Caretta Icons for WordPress is a new way to include icons to your site. No more need to customize images, now all is done in your WordPress editor. Icons can be any color, any position, any rotation and any size.

Features:
- Easy to use
- Full customization
- 251 basic icons
- Vector icons
- Multiple uses on page
Demo http://demo.morfim.net

Give us your support

If you’ve purchased the plugin and like it, please, rate the plugin . It would be the greatest help.

This shortcode works with:

Version:
- 1.0
  First Release
Purchase $6.00
December 6, 2013
Layered Popups (Interface Parts)
Purchase $16.00

Internet is full of boring popups. So, it’s a time to break this trend. That’s why I created “Layered Popups”. With this plugin you can realize your imagination and make unique multi-layers popup windows. You can create multiple layers with whatever-you-want content and add custom transitions/animations for each layer. You can embed AJAX-ed subscription form which works with autoresponders (MailChimp, AWeber, GetResponse, iContact, Campaign Monitor) and collect users’ names and e-mails. You can raise popup window on page load or show it on click event. You can make your website more attractive and pay users attention to certain stuff.

This is WordPress plugin. For non-WordPress websites try Layered Popups – Standalone Script.

Please visit official Layered Popups demo page and check out demo popups. With “Layered Popups” plugin you can create your own popups. You are limited only by imagination.
- Unlimited number of popups: create as many popup as you wish.
- Multiple layers: each popup can contain any number of layers.
- Custom layer duration/animation: customize layer duration/animation with ease.
- 600+ Google Fonts: use any of 600+ webfonts.
- Subscription form: AJAX-ed name/e-mail subscription form.
- Autoresponders supported: MailChimp, GetResponse, iContact, Campaign Monitor and AWeber (beta) supported.
- Export/import feature: you can easily export popup settings from one website and import to another website.
- On-page-load event handler: raise any popup on-page-load event.
- Different popup per page, post, custom post type: assign different popup per page, post or custom post type.
- Auto open delay: popup window might be opened with delay.
- Display modes: you can display popups every time, once per session or only once.
- Remember subscribed visitors: plugin set cookie on user machine to avoid repeated popups for subscribers.
- On-click-event handler: show any popup on-click event.
- CSV Export: list of subscribers can be exported as CSV-file to be used with any newsletter systems.
- Set of predefined popups: use any of 11 predefined popups as a template for your work.
- Design your own popups: it’s easy – check out video tutorial.
- Responsive design: popup window looks nice on small screen devices.
- Realtime preview: edit popup/layers and view changes immediately.
- Opt-in locker (optional): users must subscribe to close popup.
- Shortcodes supported (experimental): add WP shortcodes into layer content.
- Attach popups to menu items: it’s easy – check out video tutorial.
- Easy to install: install and activate the plugin as any other plugins.
- Translation ready: plugin might be translated to any language.
- WordPress Best Practices: no any alerts from Plugin Check and WP_DEBUG.
1. Install and activate the plugin. Once activated, it creates menu “Layered Popups” in left side column in the admin area.
2. Click left side menu “Layered Popups >>> Settings” and configure “on-page-load” event handler if you need it.
3. Click left side menu “Layered Popups >>> Create Popup”. Create and customize your popup and it’s layers. You also can use pre-defined popup as template for your modifications.
4. Read FAQ section (“Layered Popups >>> FAQ”) to find answers for most common questions.
5. Enjoy your popups.
Please watch this video tutorial. It shows how to create new popups. http://www.youtube.com/watch?v=3RFgeTWAPDc

bernknecht:

An incredible plugin. Phantastic. It works perfect and the settings are so comprehensive AND easy. Love it.

marzenaslonko:

Excellent plugin, great creative idea and 1st class support.

coloradocc:

Excellent idea. Really opens the door wide for creativity. Nice work!

besuretr:

What can I say, oh yes luv it, luv it, luv it!!! It’s an awesome plugin.

colorit:

Wooooow, is this great! Finally something really special here at the WP plugins!!! Very useful, very stylish, very flexible!

jtorres_mora:

This is the first layered animation POPUP I’ve seen in the market. Congratulations for this excelent WordPress useful file.

hzscheyge:

Very neat! Exactly what I was looking for .

If you have problems regarding using the plugin, please contact me and I’ll help you.

Let’s start layered popups repository. If you created nice popup and want to share it with others, please send exported file to popups@halfdata.com and I’ll include it into repository which will be available for all “Layered Popups” users.

2013-11-18 – version 1.70 released
```
Added feature to add different popup per page, post, custom post type through post/page editor.
```
2013-11-10 – version 1.65 released
```
Opt-in locker
Multisite installation support
Autoclose delay for on page load popups
Option to send subscription form details to admin
ESC-button handler
```
2013-11-07 – version 1.62 released
```
Added option to attach popups to menu items
```
2013-11-02 – version 1.60 released
```
Added AWeber support
Added shortcode support
Added 2 more demo popups
Improved video popups
Fixed FireFox issue
```
2013-10-30 – version 1.40 released
```
Initial Release
```
1. Fugue Icons [icons]
2. Farm-Fresh Web Icons [icons]
3. Mountains of Christmas [font]
4. Open Sans [font]
5. Walter Turncoat [font]
6. Christmas Icon Set [icons]
7. The City from the Shard [image]
8. Fast Icon [icons]
9. Wallpapers Business Graph [image]
10. Wakpaper.com [image]
Purchase $16.00
December 6, 2013
PPM Accordion Final (Interface Components)
Purchase $13.00

Add the best accordion in your site only with a few clicks!

As many as you want!!

PPM Accordion allows you to add multiple accordions in your WordPress website. It can be in posts, in pages, in sidebars, or anywhere you want. There is no limit to what you can do. Unlimited colors and Four attractive designs make the plugin unique and a MUST-BUY for everyone who wants to create a website with beautiful accordions. (See Demo)

NO CODING KNOWLEDGE REQUIRED!!!

We provide you a detailed installation guide/documentation with the plugin, which enables anyone to set up marvellous accordion(s) for their websites without any proior knowledge of web design or development.

Key Features:
- Responsive Layout – Appears perfectly in any device.
- Uses the most advanced ShortCode system of WordPress.
- Doesn’t create any PHP error. It won’t conflict with anything you currently have on the site.
- Easy Installation and Set up method – Easy for anyone to use the plugin without any prior web design knowledge.
- Unlike other plugins, you can create as many accordions as you want, in the same post or same set of codes. It won’t create any issues!
- Four amazing styles – Enough to glaze your eyes
- Supports UNLIMITED colors – Match the accordion with your website’s color scheme without any problem.
- Allows you to use any of your existing posts as the content of the accordion. Or you can create custom post items to create accordions.
- Customize the plugin as per your needs, using CSS
And a lot of other features!!!

Simply purchase the plugin and give your website/blog a professional facelift with the PPM accordion plugin. Get amazed with the features of the plugin and amaze your visitors for only a few bucks!

Purchase $13.00
December 6, 2013
Caretta Climate Shortcode (Interface Parts)
Purchase $7.00

This is a beautiful weather slider shortcode and 42 weather types. Based on OpenWeatherMap.

Features:
- Easy to use
- Supported 17 languages
- OpenWeatherMap API
- 7 day weather forecast
- 42 different weather types
- Slider
- Both F or C
- Multiple uses on page
Demo http://demo.morfim.net

icon pack

Give us your support

If you’ve purchased the plugin and like it, please, rate the plugin . It would be the greatest help.

This shortcode works with:

Version:
- 1.3
  Fixed bugs
- 1.2
  New styles for mobile devices
- 1.1
  Updated Caretta Shortcodes System
- 1.0
  First Release
Purchase $7.00
December 6, 2013
Growth Map wordpress Plugin (Interface Components DEMO for large amount of locations

December 6, 2013
Fast Ajax – Brand new wordpress Ajax Question Posts (Interface Components)

Purchase $15.00

About the Plugin

Quick Ajax is a powerful WordPress plugin that helps you make Ajax Query easily.

You can do Ajax queries with many query parameters (Category, Tag, Post type, Meta value, use for Search page, Related posts..) all in beautiful, modern RESPONSIVE looks and RETINA ready

> See Plugin’s Options Panel

Highlight Settings

APPEARANCE SETTINGS
Choose Layout: Classic (list) or Modern (Masonry) or Combo (both)
Choose Col Width
Choose Awesome Icons
Google Fonts
Unlimited Colors

AJAX SETTINGS

Choose Ajax Style: Choose Infinity scroll load or Next button to load more
Customize Load More Button: Set Label, Icon (Font Awesome) ,Text color, Background color, Font (Google Fonts), Size..
Choose Loading Image

POST SETTINGS

Choose Thumbnail Size
Customize Post Title, Post Excerp, Post Meta: Set Color, Font (Google Fonts), Size…Meta (or Hide)
Customize Thumbnail Hover Icon: Set Icon, Color, Background and Target of Hover Icon
Choose in 5 Popup Themes

QUERY POST SETTINGS

Custom Query posts by Cat, Tag, Post type, Time, Author, Meta key, Posts per page Orderby…
Global main query: Use main query for Category, Tag, taxonomy, Search, archive… page in your template
Related query: Use for listing related posts in single post

– Over 50+ shortcode parameters are waiting for you, in easiest way to config

– You can have multi Ajax query in one page

Check out our DEMO page

What they say

It worked like a charm! Fantastic support! Keep doing what your doing because I have been looking for 3 days for a plugin that did this and found not one. You have no competition so keep killing ‘em! – Duality360

just wanne say THANK YOU leafcolor.. best support ever here and a very gooood plugin..buy buy buy:) – dude77

Thank you very much! This is really the best plugin I ever bought and leafcolor´s support has been second to none! – Hiegl

Release log

23/11/2013 - 1.6:
- Add related post by tag ([wpajax related_tag_query=1])
- Fixed no icon bug
- Improve responsive
- Bugs fixed
13/11/2013 - 1.5:
- Bugs fixed
7/11/2013 - 1.4:
- New layout: Combo (beta)
- Improve responsive
- Bugs fixed
25/10/2013 - 1.3:
- Related page bugs fixed
- Multisite bugs fixed
18/10/2013 - 1.2:
- Add Limit Excerpt word
- Bugs Fixed
5/10/2013 - 1.0: Release

Purchase $15.00

December 6, 2013

Purchase $18.00

Even Better Than Before! – Version 1.3 – Updated on 7^th November, 2013

GT Shortcodes is a premium WordPress plugin that boosts your WordPress site/theme with simple, clean, flat & awesome looking user interface elements in the form of simple shortcodes. Creating short codes is so easy with the help of short code editor dialog boxes or the so called shortcodes generator.

Talking about numbers, there are unlimited UI element possibilities if taking into consideration all the variations, styles, types, etc.

NEW! in Version 1.3

Animating / Shuffling Numbers
Responsive Banner Ads
Enhanced Progress Bars

ENHANCEMENTS! in Version 1.2.1

Full Control Over Accordion!
Font Awesome Icons Updated to Latest Version 4.
See change log below for full details

NEW! in Version 1.2

60+ Animations
Lazy Load Images
QR Codes

NEW! in Version 1.1

360+ Font Awesome Icons
Awesome Pricing Tables
Super Columns

Silent Features

Supports WordPress 3.3+
Based on Twitter Bootstrap
Supports Bootstrap 2.3.2 & 3
Simple,Clean,Flat Designed Elements
Responsive Elements
Elements Adapt To Bootstrap Theme Style
Light Weight Plugin
No Load On Database
Automatically Clears It’s Data From Database On De-activaton
Shortcode Dialog Boxes / Shortcode Generator To Easily Print Shortcodes
Works With Bootstrap Based Themes & Even With Non-Bootstrap Based Themes
Control Over CSS & JS Files. Enable or Disable As Required
Shortcodes Works in Posts, Pages and Widgets.
You can also add shortcodes in php template files by placing the shortcode inside do_shortcode function, like shown below –
```
            <?php echo do_shortcode('[gtglyph]'); ?>
        
```
Documentation
Vast Browser Support
Awesome Support

Shortcodes

Animating / Shuffling Numbers [NEW]: Animated numbers or shuffling numbers are much in fashion these days. They are good for grabbing attention of users to show off vital stats. DEMO
Responsive Banner Ads [NEW]: Banner ads come with all the standard web banner sizes but you can also define custom sizes. If no image source is defined then a placeholder image is displayed. Short codes work in widgets too! DEMO
Animations: 60+ Animations! An animation is an effect that lets an element gradually change from one style to another. You have the option to rotate, fade, flip, bounce, slide and more. There are four ways to trigger an animation such as on page load, on page scroll, on click and on hover. Not only this, for every animation you can set the duration, iteration, direction, timing, mode and delay options. DEMO
Lazy Load Images: Save your website bandwidth + Load your pages faster using Lazy Load Images! Optimize browser rendering and reduce number of HTTP round-trips by deferring the loading of images which are not in the viewport. Using Lazy Load on long web pages containing many large images makes the page load faster. Browser will be in ready state after loading visible images. In some cases it can also help to reduce server load. DEMO
QR Codes: 6 Type of QR Codes with the option to set different image sizes! A QR code consists of black modules (square dots) arranged in a square grid on a white background, which can be read by an imaging device (such as a camera) and processed using Reed–Solomon error correction until the image can be appropriately interpreted; data is then extracted from patterns present in both horizontal and vertical components of the image. DEMO
Accordions [Enhanced]: Accordions are used to display content in collapsible content panels. Style the accordions your own way by choosing among unlimited colors, 14 toggle icon types & 10 border styles. Change the head background color, head text color, border size-color-style-radius & content background and text color. The accordions are responsive thereby they fit well on every screen. DEMO
Alerts: Alerts are used to provide important information to users. Adds an alert box to the page. DEMO
Buttons: A button is a user interface element which once clicked triggers an event. Adds a clickable button to the page. DEMO
Carousel: Carousel is an image rotator. It is also known as slider. Adds a carousel to the page. DEMO
Columns: Column layout enables content to be flowed into multiple columns, which retain a gap and an optional rule between them. It also makes it possible to vary the number of columns based on the size of the browser window. Adds a column to the page. DEMO
Font Awesome Icons: Font Awesome gives you scalable vector icons that can instantly be customized. Adds a font awesome icon to the page. DEMO
Glyphicons: Glyphicons are precisely prepared monochromatic icons and symbols, created with an emphasis on simplicity and easy orientation. Adds a glyphicon to the page.
Labels: Labels are used to identify or designate, describe or classify something. Adds a label to the page. DEMO
Popovers: A popover is an overlay which covers the material in a web browser without the need to create a new window. Adds a popover to the page. DEMO
Pricing Tables: Pricing tables play an important role for every company that offers products or services. They clearly differentiate between features and prices of different products and services. Adds a pricing table to the page. DEMO
Progress Bars [Enhanced]: A progress bar is a component in a graphical user interface used to visualize the progression of an extended computer operation, such as a download, file transfer, or installation. Adds a progress bar to the page. DEMO
Switches: Switches are used toggle between two possibilities such as on or off. Adds a switch to the page. DEMO
Tabs: Tabs are used to organize content. Adds a tab to the page. DEMO
Tables: Tables are useful for presenting data in an organized manner. Tables are very useful for data comparisons, etc. Adds a table to the page. DEMO
Tooltips: A tooltip is a small, boxed text message that pops up when a mouse cursor hovers over an element. Adds a tooltip to the page. DEMO
Video Player: Video player is useful for playing videos and movies. Adds a video player to the page. DEMO
and more soon..

Quick Demo Videos

Plugin installation and shortcodes usage videos.

Youtube: View Demo
Vimeo: View Demo

Benefits in Bootstrap 3 Version of GT Shortcodes

Labels inherit size from parent element.
Responsive Tables.

Plugin Support

I will do my 200% to solve problems, if any. I will do my best to respond within 24 hours, generally quickly.

If you are looking for some particular UI element which is not included in this plugin then you can let me know about it using the contact form from here or through the comment section. If possible I will include that element in this plugin.

Let us together make this plugin BETTER!

Changelog


::::::::::::::::::::::::::::::::::::::::::::::::::::::::

+++ CHANGELOGS +++

::::::::::::::::::::::::::::::::::::::::::::::::::::::::

v1.3.1 [10th November 2013] --

Bug Fixes
1. Fixed version issue.
2. Fixed blank screen issue when selecting 'delete data on plugin deletion'.

........................................................

v1.3 [7th November 2013] --------

Additions
1. Added Animated / Shuffling Numbers.
2. Added Responsive Banner Ads.

Improvements
3. Enhanced Progress Bars.
4. Now Accordions Support All Kind of Content like images, other short codes, links, etc.
5. Now Tabs Support All Kind of Content like images, other short codes, links, etc.
6. Now Tables Support All Kind of Content like images, other short codes, links, etc.

Others
7. Fixed a little bug with ‘on hover animations’ in bootstrap 3 version.
8. Other minor improvements and fixes.

::::::::::::::::::::::::::::::::::::::::::::::::::::::::

v1.2.1 Bug Fix [30th October 2013] ---

1. Fixed a bug in button short code where multiple quotes were getting added to the href attribute.
2. Added an option to choose button link target.
3. Added settings link page under plugin name on plugins page.

........................................................

v1.2.1 [28th October 2013] -----------

1. Added settings link directly under plugin name on plugins list page.

Major Accordion Enhancement - Now Get Full Control Over Accordion.
2. Added 14 Toggle Icons for Accordion.
3. Comma Separator is Now Replaced with a Pipe (vertical bar) Character.
4. Added Option to Choose Default Open Tab.
5. Added Control Over Accordion Border Size, Border Style, Border Radius & Border Color.
6. Added Option to Change Accordion Content Background.
7. Added Option to Change Accordion Content Text Color.

Button Enhancement
8. Added Option to Select Button HTML Tag. It makes it easy to use button within other 3rd party short codes. For example, you can use button within Ninja Popups short code to make popup appear on button click.

Font Awesome Icons Enhancement
9. Updated Font Awesome to Version 4.
10. Font Awesome 4 does not support IE7 so removed that option from options panel.
11. Added option to select minified version of font awesome stylesheet.

........................................................

v1.2 [23rd October 2013] -----------

Additions
1. Added Animations.
2. Added QR Codes.
3. Added Lazy Load Images.

Improvements
4. Options Page Visual Improvements.
5. Now user has the choice/control over data deletion from database, on plugin deactivation or on plugin deletion.
6. Added more control over scripts and styles.
7. Fixed Pricing Table padding issue.
8. Fixed Pricing Table responsiveness for 5 columns.

For Bootstrap version 3:
10. Added left and right tabs in bootstrap 3 version.

For Bootstrap version 2.3.2
11. Removed alignment option from tabs short code. Now only one option to select default, left or right tab style. Tabs short code need to be updated!

::::::::::::::::::::::::::::::::::::::::::::::::::::::::

v1.1 [9th October, 2013] -----

1. Added 360+ Font Awesome Icons.
2. Added Pricing Tables.
3. Added Columns.
4. Improved Buttons Shortcode. Now in place of [gtbutton] uses [gtbutton][/gtbutton] shortcode. Button text and icons can be added between shortcode tag.
5. Other Code Improvements.

::::::::::::::::::::::::::::::::::::::::::::::::::::::::

v1 [3rd October, 2013] -

1. Initial Release

Purchase $18.00