Category: code

A Simple and elegant, Web 2.0 inspired 3D CSS Menu

– Includes 9 predefined color styles,
– Unlimited amount of style combinations,
– Includes 100 menu icons,
– Easy Installation,
– Cross browser support.

Change Log: v1
– Release

Download 3D CSS Menu (Navigation and Menus)

Features

• 3 different form types (vertical, horizontal, columned)
• Normal, error and success 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

Support

To get a 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.

Credits

• Font Awesome by Dave Gandy

Download Pure CSS3 Forms Set (Forms)

Vertical Menu is a simple, clean looking vertical menu built on Bootstrap, an open source front-end framework developed by Twitter. Easy to customize and change colors.

Other Features

• Built on Bootstrap, by Twitter
• Pure HTML /CSS3 (no images used)
• Use Glyphicons in your Menus
• Jquery slide effect
• Cross Browser Compatible
• Four different color schemes CSS3 styles
• Easily Customizable

Download Slim Vertical Menu (Navigation)

This is a plugin that scans a folder in your plugins folder of your WordPress and its subfolders containing images.
The subfolders will be the categories that will appear at the top, and the plugin will make a grid responsive gallery with the images.

You only need to Drag and Drop images into a folder. And add the gallery in your posts or pages with this short code: [gridGallery]

You only need to take care of organizing your images in folders and if you want adding thumbnails.

Recommendation: If your WordPress site is on the web, connect via FTP with transmit and create a droplet of your gallery folder, and you will be able to drag and drop images from your computer to the droplet super easy.

Features:

• Organize your images into folders.
• Scans a folder in your WordPress and its subfolders containing images.
• Customizable through an Admin Page.
• Support thumbnails for the grid only to the images you want to improve performance.
• Accept Images of any dimensions.
• Responsive Grid and Lightbox.
• Has Caption on over or always visible.
• Specify the number of images to load on every ajax request so you don’t have all of them at first when the page loads.
• Width of the columns of the grid configurable.
• Browser Support.
• Free Technical Support.

The images on the live preview were made by my friend named “Gema Ramirez” and you may contact her here:

• http://www.facebook.com/gmdae
• http://gmdae.deviantart.com/

Download Auto Grid Responsive Gallery – WordPress (Media)

Check out the PHP module on which the plugin is based!

wpDataTables ver. 1.0

Overview

wpDataTables 1.0 is a plugin, based on a phpDataTables module, and is designed to make table process of data representation quick, easy and effective. Now to insert big interactive multi-functional tables in your WordPress site you don’t need to write a single line of code, or HTML markup – wpDataTables allow you to quickly build and render interactive tables with such features as sorting, or saving to PDF from almost any possible data source: MySQL query, CSV files, Excel files, serialized PHP arrays, XML and JSON data sources.

Features

A short list of wpDataTables features:

• Cute interactive multi-functional front-end jQuery tables with filtering, sorting and pagination features rendered by DataTables jQuery plugin. You can manipulate all features easily from the WordPress admin panel. The initial javascript is compilated by PHP and then executed in your browser.
• Advanced front-end table features: print view, save to PDF, save to CSV, save to Excel, Copy to clipboard by TableTools DataTables plugin.
• Different column types: strings, integer, float, date, URL links, e-mail links, images.
• Column reordering, hiding, specifying different headers and other “runtime” tweaks.
• Fixed headers and fixed columns feature based on modified FixedHeader DataTables plugin. For high, and wide tables, table header and chosen amount of columns “stick” to the window border when you scroll the table – analog of Excel’s “Freeze Pane” feature. See live example.
• Row grouping based on Row Grouping DataTables plugin. If a lot of rows have same values of some column you can group them based on the value of this column. The sorting will be performed inside of these groups. See live example.
• Charts based on Google Chart Tools. Easily render charts from the same dataset as your table. Line charts, Pie charts.

WP Admin panel screenshots

Click to see full screenshot





Documentation and examples

Check out the documentation and live examples before you purchase on our demo site.
Offline version of documentation also included in the package.

Download wpDataTables – easy tables in WordPress (Tables)

Exam Board is a powerful management system for online exams, provide innovative examination process and assessment solutions to Educational Institutions, Government/ PSU sector and leading corporate entities. With Exam Board, team of leaders & innovators is constantly researching on making examination process easy and simple.

Exam Board offer an integrated suite of web application to conduct online exam, online question bank, e-commerce & enrollment management. This system helps education group, academy, recruiter, teacher, management consulting, technology services and outsourcing company to conduct exam.

Features:

• Complete Online Exam Management System
• User Management System
• Free and Paid Course Programs
• Unlimited Enrollment Package
• Paypal Payment Integrated
• Onetime/Recurring Membership System
• Auto Generate PDF Certificate
• Complete CMS System
• Advanced Administration Panel
• Maintenance Mode With Email Form and Twitter
• Settings with Social and Google Analytics

You can see the demo at:

Live: http://www.bitset.org/demo/ExamBoard
User: demo
Pass: 123456

Admin: http://www.bitset.org/demo/ExamBoard/administration
User: admin
Pass: 123456

Download Exam Board – Online Exam Management System (Project Management Tools)

Subscribers manager helps you to create dynamically subscribe forms for all websites you have. Once you have created the form you just need to copy and paste the generated javascript code into your webiste. The application also gives you the ability to organize all your data properly and according to your needs and also manage all your subscribers per website or subscrbie form

Features of Subscribers Manager

• Organize your subscribers for each of your own sites
• Register unlimited number of websites into the system
• Create unlimited subscribe forms for each of your websites
• Completely AJAX subscribe form – no redirects, no page refresh
• Quickly and easily modify the styles of your subscribe forms according to your needs
• Live preview of all style changes without need to refresh the page all the time till you get the results you need
• Enable email verification after the user subscribe for your website
• Easily integrate your subscribe forms into any of your websites – regular static website, WordPress, Joomla or whatever website you have. Just copy the automatically generated Javascript code and paste into your website. It’s absolutely the same like adding google analytics code
• Easy and useful way of managing of your subscribers
• Useful information for each subscriber showing – on which page of your website the user got subscribed, time of subscription, location and many others!
• GEO location of each subscribed user
• Advanced export feature which helps you go export your subscribers in the way you need it and the format you need so you can easily import them into the newsletter system
• Statistics Charts showing the number of subscribers per website and per subscribe form.
• Easy configuration and installation. Around 2 minutes of configuration and you are ready to start creating your subscriber forms
• Tour guide which will help you to create your website and subscribe forms for first time. If you forget something you can always enable the tour again
• Javascript API which provides centralized control of all your subscribe forms. Just get the javascript code and place it into your website. This means that you can use it on any platform or language you want. No development skills are required!
• Password protected user interface which protects all your data
• Options to enable/disable your websites or subscribe boxes easily. This means that you can keep your data into the system without deleting it
• Email verification feature which allows you to validate each subscriber before it goes active for your website or subscribe form.
• Option to modify completely the body of your verification email sent to the subscriber and the email sent from
• Additional option to add name field to your subscribe form
• Completely supported multilanguage. All strings are located into a language file and can be easily changed without any development skills. So in that way system can be translated into any other language for no more than 1 hour
• AJAX sorting and search functionality which allows you easily to find any of the subscribers you are looking for

Live Demo

You can view the live demo here
username: admin
password: admin

Server Requirements

You need the following service running on your server so you can run the system properly:

• PHP 5
• MySQL 5
• Apache

Download Subscribe forms generator and subscribers manager (Forms)

Turn your website into Android Application just in minutes with Webview with Splash Screen and Scrollable Tabs. You need only several minutes to customize it to your needs.

You just have to change the splash screen image, to replace the current url with your website url and you will have brand new android application, which will help you to promote your brand.

You have the option to choose between two position of the tabs. One is at the bottom of the Webview and the other is on the right side. In the package you have additional set of gray icons (Home, About Us, Download, Portfolio and Contact Us). In addition to the red launcher icon you have blue one.

Features:
– Fast customization
– Well documented
– Tabs
– Splash screen
– Support 97% of all Android devices

Download Webveiw with Splash Screen and Scrollable Tabs (Android)

The Infinite Photo Grid with Lightbox has a fluid / flexible / responsive layout. Basically the grid is added into a HTML page into a div of your choice and it adapts based of that div’s width and height. In the examples provided you can see a few ways in which you might use this grid, of course that other configurations are possible (please note that the examples are provided in the download files).

Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries.

The Infinite Photo Grid with Lightbox is using the GPU (hardware acceleration) using HTML5 standards. The rendering speed and performance are impeccable on desktop computers and most importantly on mobile devices. it works in the following way: it will try to use CSS3 and if this is not available it will down fall to CSS2 or CSS1 for older browsers like IE7 and IE8.

Easy installation and full documentation included, the grid playlist is constructed from <ul> elements which makes it easy to set up manually or to be generated from a database or any other type of data structure, this grid can be installed and used by designers or developers with ease.

Great performance on mobile devices, you can see in the video demo that it runs just like a native app!, It was coded and optimized for mobile devices and it is 100% mobile compatible and of course it will run just as great on desktop computers including on older browsers like IE7 and IE8. We have tested it on IPAD3 and on a SAMSUNG GALAXY S3 (Android) and it runs great on both devices, below are the links to view this demos.

Watch demo running on Samsung Galaxy S3 (android) or Watch demo running on IPAD (IOS).

GRID MAIN FEATURES

Flexible / Fluid layout: you can control the size of the grid with CSS or JavaScript; basically it has an adaptable layout which makes it the perfect candidate for any type of project.

Four display types are included: fluid width, full screen, flexible and lightbox (check out examples!).

The entire color theme and skin can be modified.

Unique way of displaying your images! Basically the grid can be dragged indefinitely in any direction and new thumbnails will be displayed, there is a complex mathematical algorithm behind the hood of this grid which makes this possible.
Support for large number of images.

Customizable thumbnails geometry and color theme: this feature allows you to change the thumbnails’ size and background color.
Thumbnail transparent overlay: a transparent colored box which appears over a thumbnail when it is not selected, the color and opacity for this box are customizable (optional).

Thumbnail small icons: small icons which appear when a thumbnail is selected, these icons are of three types (video, link and image) (optional).

Custom press thumbnail action: when a thumbnail is pressed you can choose either to display an original media lightbox which we have coded, or to open a new webpage, the URL and the target of this webpage can be specified. The lightbox can display images, or it can display videos loaded from YouTube or Vimeo.

Navigation animated help screens (optional).

Fullscreen button (optional).

LIGHTBOX MAIN FEATURES.

Flexible / Fluid layout: the lighbox will always fill the available browser viewport.

The entire color theme can be modified.

Vimeo and YouTube support: all you have to do is to include the link from YouTube or Vimeo video that you want to display and the lighbox will display and play your video. The size (width and height) of each video can be set easily.
Zoom and panning support for images: you can zoom in and out an image and you can pan the image, in this way you can see the image in great detail (optional).

Slideshow button (optional).

Slideshow delay, the delay of the slideshow can be set in seconds.

Slideshow autoplay.

Slideshow custom animated graphics.

Next and previous buttons navigation (optional).

Info button and info window: each lighbox item can have a description, the text and window appearance can be formatted with CSS (optional).

Customizable border and background: the border size and color and also the main background color are customizable.

Keyboard support: the left and right arrows can be used for navigation (optional).

Download Draggable Infinite Grid with Lightbox (Sliders)

Game Unlock apps are very popular, but not available for every game yet.
Make your own unlocker for almost any game like Angry Birds but also for racing games like Need for Speed.

Making a game unlock app was never this easy, create your own within 10 minutes now!

You only need a saved game of yourself, or one you find on the internet!

Features:
-Load game file from web or assets folder!
-Build in Unzipping and Temporary storage!
-New Holo interface!
-Easy to customize!
-Loading dialog!
-Error handling!
-Installation state!
-Manual and free support!
-Works on (almost) any Android Device!
-Easy and Fast to set up!

Earn money by:
-Making a lite and pro version, the pro version can be an unlock that provides more money or unlocks everything 3 stars instead of 1 star!
-Integrating ads in your application!
-Integrating Airpush in your application!

Feel free to contact or comment if you have any questions!

Download Android Game Unlocker (Templates)

Notification Bar Plugin Allows you to add a cool notify bar to your WordPress website. This plugins gives you an additional extended message feature which you can control by settings in the backend.

You need to upload the zip file to the add plugin option in the backend or you can ftp the plugin files to the wp-contents/plugins folders. Then you need to go to the plugins tab and activate the plugin.

Notification Bar Plugin can be used to create any number of notification bar and you can seamlessly use them on any page as you wish. You have full control. Here are some of the features of the Notification Bar Plugins

1. Create Multiple bar and use them as per wish on posts/pages.
2. Support to social icons.
3. Compatible with all the browsers
4. Fully HTML support: You can put any html in the message you want to display. So you can customize it any way you want.
5. Extend bar feature: Sometimes the message space is not enough for you. You can use the extend bar feature which will slide down autmatically at the time you set and will slide bar up to the time you set up. So you have an extra space to market your things without irritating the user.
6. Enable/disable for a particular post or page

To make settings for the plugin click on the Notification Bar pro tab on the left bottom in the wordpress backend.

On clicking it will take you to the list of the various notification bars that you have created. If you are using it for the first time you see one default created for you there. You should see something like this

So you can create a new notification bar or you can edit or deactivate any of the existing ones.

Click on Edit and it will take you to the setting options for that particular notification bar.

Now you can see you can make settings for the different aspects of the notification bar. We will go through them one by one. Click on the Default Settings tab.

 

Default State: You can decide whether you want the bar to be opened or closed when the page loads. So you can set it to close and it can slide down say after 6 sec if you set the time to 6 secs or vice versa.

Position: You can put the bar at the top of the page or at the bottom of the page.

Stay Time: This is time in sec when the bar will toggle its position from opened to close or vice versa depending on its default state.

Background Color: Select the color of the bar that you want to. You can set it to any color you want.

Message: Put the message that you want to show to your users. (You can use html tags like bold or strong or any other even divs and inline css)

Message Font Size and Color: Set them to match the look and feel of your website.

Press Save.

Ciick on Link Button Settings.

So enter the values for the url where you want the user to take to when they click on the button.

Button Text: This will show up on the button so may be you can try something like Click now or subscribe now or whatever you want it to be.

Other settings for the buttons like font size, button background color and font color and the target so if you want the the link to be opened up in a new tab set the button target to _BLANK.

Press Save and Click on Social Button Settings and enter the value for the social networks that you want to show up on the left of the bar, leave empty if you dont want to show anything. 

 

Press Save and you are done with the Basic Settings For the Bar.

So Far we just made the settings for the basic bar which will appear on the top or the bottom of the page and will hide after a few seconds which you will decide. But the most important and useful part of this plugin is the extended bar feature which allows you to show up a extended message to your users asking them to do something or may be show them some extra information or anything you want to conver to your visitors. This will increase your conversion rates by many folds for sure. So how to enable the extend bar feature. While editing a bar you will see a check box saying “Enable Extended Notification Bar” Check it

And you will see the complete panel for the Extended bar

 

So you can make settings for the extended bar now. Click on the Default Settings Tab:

So for the Default settings for Extended bar you have a few settings:

Default State: Default state of the extended bar, whether you want it to be open by default or you want it to be closed by default and then open up after a few seconds.

Disable Counter Message: Counter message will show up on the left if you enable it showing after how many seconds the bar will slide back.

Message open time: Message open time is the duration in seconds after which the extended bar should slider down.

Message close time: This is the time after which the Extended bar will slide back. So suppose you want the extended message to slider down after 8 seconds of the page load and then slider back in another 10 seconds so your message open time will be 8 secs and message close time will be 10 secs.

Message Template: We have three premade template for you.

Template1 which has an image on the left and message on the right.

Template2 which has the image on the right and message on the left

Template3 which has the image at the bottom of the message. So either you can use these template of you can write a custom html in that case select the template 3 and leave the image settings empty.

Message (Font, color and the message): Make the settings for the extended message that you want to show on the extended bar. You can use your own html here, may be a subscription form, or a vedio or an image or ads.

Then comes the image settings and the link button settings for extended message.

 

Make the settings and save and you are done with the extended bar option and you are ready to use this bar on your posts and pages and everywhere.

As you may be creating many bars and we need to have a global settings and a default bar that will show up on the pages you intend to use it. This settings is controlled by the global settings options which you can set by clicking the settings options just under the notification bar pro option

Click on it and it will take you to the Global settings options

 

You can completely disable the notification bar by just unchecking the Enable check box and then you can add notification bar to posts and pages manually. But if you want to show them on all the pages you can make settings for the default bar here. Select the default from the bars that you have created and check the options where you want to show the bar by default.

Remember you can override this setting in the post/post editor options for that particular posts/page.

 

You can override whatever default setings you may have made for the plugin for a particular post or page. Under the post editor you will see an option to do that.

So you can disable the bar here or select one from the ones that you have created for this post/page.

Download Notification Bar Plugin (Advertising)

The first Facebook Share to Unlock for WordPress (besides Like, Tweet and Google +)

Share Locker is a WordPress plugin that lets you hide a content on a page or a post. If a visitor wants to unlock the content, they need to click on a social button like Facebook Share, Facebook Like, Twitter and Google+.
This feature is very useful to make your page and web site more social and viral and to gain a lot of authority and trust for the search engine positioning.

A new study conducted by Searchmetrics.com (http://www.searchmetrics.com/en/white-paper/) reveals the top Google ranking factor: Facebook Share.

To find out this, Searchmetrics has analyzed search results from Google for 10,000 popular keywords and 300,000 websites in order to pick out the issues that correlate with a high Google ranking.

There are a lot of plugins that let you get Like, Twitter and Google+ unlocking the content of your web pages, but Share Locker is something more. It is the first and only WordPress plugin that lets you collect the top Google ranking factor: Facebook Share!

All the marketers know how important are the Social Signals, so let your site become a social signal collector machine. Share Locker lets you do this and reach the first page of Google with ease!

Key Features

• Simple to install and to use
• Step by step instructions
• Supports Facebook Share, Facebook Like, Twitter Share, Google+ (for now)
• Share Locker works with posts and pages and anywhere you can put a shortcode
• Shows Facebook, Twitter buttons in your language
• Works fine without configuration, but fully configurable if you need.
• Lock any content type, text, html, images, videos, flash, ebooks, files until the visitor decides to share or like your page.
• You can put multiple lockers even on the same page
• Adds a widget in visual editor to easily insert locker
• Text and url to share or like is customizable for Facebook, Twitter and Google+
• The box that locks the content can be selected from the templates available or can be customizate to fit the design of your web page
• Share Locker refresh the page automatically after the visitors has shared or liked
• The visitor that has already shared doesn’t need to repeat the task (cookie feature)
• Lightweight! Uses asyncronous Javascript to load Facebook, Twitter and Google+ API
• Uses only one record for configuration in wordpress database
• Provides .pot file for full localization
• No conflict with other social plugins
• Support provided

Support? Questions? Suggestions?

Please, feel free to ask me anything you need. I’ll be more than happy to help you. I’ll respond in real time (9 am to 6 pm CET). To proceed use the comments section of this plugin on codecanyon or visit this page

Download Share Locker (Social Networking)

Summary

Builtapp’s Shuffle Post Carousel Plugin is a wordpress carousel that populates with the latest 5 posts automatically. It fetches the first image in a post and generates a excerpt of the post which slides in on mouseover.Developed in best pracises of CSS3 and HTML5.

Features

• Populates with 5 recent posts
• Automatically picks the first image in recent posts
• Automatically creates post excerpts including a ‘read more’ link
• A beautiful shuffling effect when one of the slides is clicked.
• Hardware-accelerated CSS3 transitions for devices.
• Fade transitions for excerpts
• Displays consistently on major browsers ode throughout
• Exhaustive documentation

 

Support and Documentation

Please drop us a line on [email protected] with any questions you may have, full documentation is included with the program to help you with your projects.

Download Builtapp Shuffle Post Carousel Plugin (Sliders)

Advanced Android WebView is one of the most Advanced WebView Templates (yet simple to set up) Available!

With an Native graphical modern interface, your users will think you have an completely native application.

Features:
-Completely native sliding menu!
-Beautiful Interface (holo style even on 2.1+)
-Loads local and online pages fast with loading indicator (not loading bar, to keep native feeling!)
-EULA accept, on first time your users must accept you EULA
-Error handling, Gives a notification and refresh button when network is not available.
-Highly customizable, choose your own menu item icons, and backgrounds on every page.
-Great manual and free support!
-Launch Mail/Youtube/Phone from WebView
-Quit app from WebView/Forbidden pages
-Native (About) page

Earn money by:
-Advertising within your WebView
-Advertising in the menu or at the bottom of your WebView
-Integrating Airpush in your Application
-Promoting your own business

Great for your business, showing Jquery mobile/Sencha touch or showing of your mobile website!

Set it up with your mobile website or current webapp within 10 minutes, or create a completely new App with it!

Now on discount! And with free .psd template!

Download Advanced Android WebView with Native Menu (Templates)

Klip Buttons – CSS3 Download Retina Buttons is a nice set of Download Buttons for your Website, Blog, Theme & Template.

For Live Preview: http://www.youtube.com/watch?v=SY4×56-Yyvk

You can check some other CSS3 Buttons at KlipButtons.com

Features:

• Retina Ready
• 13 Different File Type Buttons
• CSS3 Transitions
• File Info Display

Easy to Use

Just choose the button file type and add/remove classes to the elements. Easy to use.

Support + Feedback

Feel free to contact us at: hello[at]klipbuttons[dot]com

Download CSS3 Download Retina Buttons (Buttons)