Blancer.com Tutorials and projects
Freelance Projects, Design and Programming Tutorials
download PHP, ASP.NET, Java and Javascript from CodeCanyon – the marketplace for code scripts and snippets.Javascript, Java, Program, Code, Snippet, Script, Dev, Development, Codebase, MySQL, Class, Widget, System, CMS
A simple extension for WooCommerce, which adds a live search to the products / shop page.
When you start searching for a product, the results will change on page without reloading, and will only contain products with the keywords you have searched for.
No settings to mess around with or change, one click install and it’s all setup and ready to go.
This plugin is capable to create basic to advance google maps easily ex: marker cluster, overlays, multiple info windows , multi language supported which makes it unique among currently existing other google map plugins. We included those all functions which needs usually based on our +6 years experience in Google Map Integration.
You may create any number of features combination using this plugin. We created 12 examples to show usability of this plugin for every users. Click Here to view examples.
This plugin zip file included a complete documentation also which guides you for every feature. You may contact us anytime for any improvement,bugs or customization according to your need. We have been created online documentation here.
Shuffle Puzzle is a nice game for developing logical skills. Try and enjoy!
Knight’s Tour is a chess puzzle in which the task is to move a knight across the chess board by standard knight moves. The only restriction is that the knight cannot visit the same square twice. The puzzle is said to be completed if the knight visited all squares on the board.
The classic Knight’s Tour problem can be extended to any board size (larger than 4). In this game you can test all different board size.
This WordPress plugin pulls an image from Facebook Pages and adds them as a new post on your WordPress blog. Why is this great for traffic? While using our plugin what you can do is setup the plugin to post as a draft. When it pulls the most recent images from any Facebook Page you add as a source, you can change the title and add a description to the image that it pulled. We have tested this on multiple sites and we gained massive amounts of traffic from Google. We were showing up on first page result for certain targeted keywords.
The plugin adds a chart of emotions for each post, where each user can specify how to relate to the text.
You can change the title, for example, on “Rating the post” and insert in place emotsyi rating.
Settings:
1. Color and titles for each field of graphics
2. Adding any number of voting options.
3. Limitation of voting on Ip or registered users.
4. Two types of graphics (Pie and Bar charts)
Use google charts api.
Awesome Previous Next Post Button Link is a Premium WordPress Plugin where you can view the Previous/Next Post by clicking the Previous/Next Post Button. The Previous/Next Post Buttons are placed on the left and right side of the post. This Plugin gives much comfort and the user can navigate your Posts with ease.
Once the Plugin is Activated it works automatically. In the Settings Page you can select the button style. We have 100 buttons to choose from. You can also choose your own custom button images through the browse option. It will work like a charm. You can also display the Previous/Next Link at the bottom of the Post by turning ON this option in the Settings Page.
WP Watermarker features the following functionality:
NetBeuz Dynamic Horizontal Chart
-You can create any size, any color, any much of charts charts dynamically and easily.
-NO require knowledge in JavaScript .
-NO css file included.
-NO images.
-Easy Usage.
-Automatic Y axsiss. It creates itself according to max item value.
-You can set link with items.
-You can set nameHolder area’s width percent.
-You can change colors, styles, size of charts. In netbeuz.js file.
-You can call chart items via any program language. It’s repeatable.(asp.net,php,etc..) It designed especially for this.
-Compability for all browsers. (expect border-radius in IE7 /IE8)
USAGE:
Step 1:
All to do is create a html code like below. span>color property is bar’s color. and span>value property is bar’s value.
Step 2:
Just one code is enough to run.
myChart(width,height); >
$(“div#myChart”).myChart(1000, 400);
// you can change options in netbeuz.js file var wrapperTopPad = 30;
var wrapperRightPad = 50;
var wrapperBottomPad = 50;
var wrapperLeftPad = 30;
var chartGridColor = "#F7DCDC";var wrapperBackColor = "#fff";
var wrapperBorder = "1px solid #F7DCDC";Thats all.
-This item require Jquery library.
This plugin add the ability to pay directly from internet banking via VÚB ePlatby payment gateway from the bank-company Všeobecná úverová banka.
Install is very easy, you must copy one directory included files to your OpenCart, go to your admin area and click on the Extensions -> Payments menu.
On this page, you will find a list of all the available payment methods that are available in your store. Select ePlatby – Vseobecna Uverova Banka and click on the Install link next to it.
Once the payment module is installed successfully, an Edit link will appear next to the payment module. Click on it to go to the configuration page of the payment method.
You must have a contract with VÚB ( http://www.vub.sk ), which will give you the secret information that you need to add to the configuration.
Fill in all the required information in order to make the chosen payment method work. Once you’re done, hit the Save button and you’ll start accepting money through the VÚB ePlatby.
Tested on version 1.5.3+ including the newest version. Maybe it’s working with older versions but functionality isn’t guaranteed.
‘Canvas’ was designed to be a simple and straightforward WordPress plugin that allows you to display some extra information in a dedicated, full screen area. It’s responsive all the way down to tablets and smartphones, ready for retina screens, and is a great add-on to any theme. It’s super easy to set up and use, but don’t let the clean looks deceive you; the content you’ll display is in no way limited to a predetermined layout…
Insert text, images, videos, forms etc. as you would into any post or page, then mix, match and format them however you’d like. You are only limited by the tools available in the WordPress editor and any theme add-ons and/or plugins you use on your site. If for example you use shortcodes with your theme, then those can of course be used as well.
So, it really is up to you how creative you want or need to get.
‘Canvas’ makes use of the built-in WordPress customization tools, allowing you to make color customizations with literally just a few clicks. With unlimited colors at your disposal, you can change the slide-out’s entire background color to anything you’d like, as well as the triangle button’s background color, the icon’s color, as well as the the icon’s mouseover effect color. In addition, you can replace the icon itself as well, with well over 100 different ones to choose from.
Bottom line, you can make it as simple or complex as you’d like. ‘Canvas’ doesn’t get in the way.
If you’re looking for a theme or template, have a look at our ThemeForest portfolio here.
The perfect user access control script for projects currently in Beta.
What is BetaLock
BetaLock makes shielding a website that you’re developing nice and easy, whilst allowing testers and clients easy access to review progress.
Users or groups of users can be assign login details, then based on their assigned role (developer, client, staff, tester, etc…) you can control what pages or sections of pages they can view.
BetaLock also makes building a mailing list / beta signup invitation list of interested customers easy for your client.
Visitors are intercepted by BetaLock’s fully customiseable script, then guided back to their desired destination or, if you wish, redirected to a set page.
features
check out the live demo and links to full documentation for more information.
If you have require any assistance or customisation of the form please contact me
Hover to Open – Click to load!
<iframe src=”http://player.vimeo.com/video/70513258?autoplay=1&loop=1” width=”600” height=”332” frameborder=”0” webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
Inside Pack
Icons Used in Project –
IcoMoon Free Font
FONT USED IN PROJECT (Free Font) –
Font PT Sans
FONT USED IN PROJECT (Free Font) –
Font Carrois Gothic
Rate it if you like … Enjoy…!!! 
This is an HTML utility class for creating any HTML element. (All HTML5 elements are supported) including some custom ones like youtube and vimeo methods.
Extract the main zip file to the root of your website and look at the index.php. In short, simply plug the ‘html’ directory into your application and include the “html\HTML.php” file then start using the class, it’s namespaced to Afflicto\HTML.
//this creates an anchor tag.
echo HTML::a('http://google.com', 'google');
echo HTML::youtube('http://www.youtube.com/watch?v=kkGeOWYOFoA');
echo HTML::vimeo('http://vimeo.com/46141955');
I said it’s a “utility” class, which it is, as it lets you create elements quickly and easily. You can also extend it, pass them as parameters to other parts of your applications etc.
But it also allows nesting! – Let’s take a look…
$layout = HTML::div(array(
HTML::h1('header'),
HTML::p('a paragraph here'),
'just some text here',
));
echo $layout;
Along with the ability to nest content within elements, using the classComposer method allows you to quickly create layouts with classes without writing much code. Let’s take a look:
HTML::classComposer(HTML::div(array(
'class1 class2' => HTML::div()
)));
//creates a 'div' element with class="class1 class2"
The classComposer method works really well together with twitter bootstrap, for example:
$container = HTML::classComposer(HTML::div(array(
'row-fluid' => HTML::div(array(
'span6' => html::div('first row, left column.'),
'span6' => html::div('first row, right column.'),
)),
'row-fluid' => HTML::div(array(
'span6' => html::div('second row, left column.'),
'span6' => html::div('second row, right column.'),
))
)));
$container->addClass('container-fluid');
Although this is great, but what if we could get rid of the keys entirely?… this leads me to macros.
Macros allows you to add new functionality to the HTML class. New “methods” if you will. Let’s continue with out twitter bootstrap example by creating some macros for containers, rows and spans.
HTML::macro('containerFluid', function($content) {
return HTML::div($content)->addClass('container-fluid');
//the addClass method returns the "$this" instance. (it is chainable)
});
HTML::macro('rowFluid', function($content) {
return HTML::div($content)->addClass('row-fluid');
});
HTML::macro('span6', function($content) {
return HTML::div($content)->addClass('span6');
});
Now, let’s create the same “container” div we created earlier, this time using our new macros:
$layout = HTML::containerFluid(array(
HTML::rowFluid(array(
HTML::span6('first row, left column.'),
HTML::span6('first row, right column.')
)),
HTML::rowFluid(array(
HTML::span6('second row, left column.'),
HTML::span6('second row, right column.')
)),
));
Of course, we can still pipe that through our classComposer method to add additional classes if we want to:
$layout = HTML::classComposer(
'body' => HTML::containerFluid(array(
'header' => HTML::rowFluid(array(
HTML::span6('first row, left column.'),
HTML::span6('first row, right column.')
)),
'content' => HTML::rowFluid(array(
HTML::span6('second row, left column.'),
HTML::span6('second row, right column.')
)),
));
);