Category: code

About

This is a complete advanced php quiz and rewards website. You can do a lot of things here, some of them are described on this page, others you will just have to find them for yourself.

Here you can earn points by answering questions, questions that are added by you or by the admin of the site. Everytime you add a question you have to give a certain amount of points for it. Those points will be deducted from your account. We also have a rewards page, rewards that you can purchase with your earned points.

You can earn points in two ways. By answering questions on the site and by purchasing them with paypal. We have special points plans for every budget.

Features

Security. You can edit your details and password from time to time to keep your account secured.

Edit your avatar. This feature adds a web 2.0 touch to your profile.

You can chat with other users via our private messaging system.

We generate you a QR code to give it to your friends for direct access to your profile.

You get nice links like www.yoursite.com/username

We have a nice points system which allows you to add questions to the site, you can earn them by answering questions, or you can buy them via our buy page.

Paypal integration.

We have three level of users: superadmin, admin and user.

Demo

You can view a demo of the script here.

Download Advanced PHP Quiz and Rewards System (Miscellaneous)

The ApPHP Tabs is a simple PHP script that generates multilevel tab menu control which consists of nice-looking tabs. It may be useful for web developers who appreciate their time and do not want to waste it on boring work but instead focus on really challenging tasks. It takes you only few seconds to add or remove a tab. You can use the script to organize your website navigation system. It was written according to object-oriented principles and is very simple to install, implement, use and modify.

A Short List of Features

• AJAX Enabled
• Multi-Level tabs hierarchy
• Infinite amount of levels
• Possibility to enable/disable tabs
• Display images, HTML and script files
• Embedded CSS templates
• Simple and readable code for developers
• Object-oriented programming
• GET /POST submission type on PostBack call
• Using icons for tabs
• Different styles for child tabs
• Using dropdown menu for child tabs
• Possibility to display different type of content: text, php, html etc.

Download ApPHP Tabs (Navigation)

Sequential Tooltips is a jQuery Plugin which allows you to create a sequence of tooltips, each of them hooked to a different element in your HTML document; the perfect solution for tour guides and new features introductions.

Download Sequential Tooltips jQuery (Miscellaneous)

This item represents a new vision of a slideshow, offered as a jQuery plugin.
Some of possible uses :

• To use it instead of powerpoint in order to present your ideas
• To advertise a product, a website, …
• To make an HTML designed book
• etc, etc.

Features

• Able to use other plugins in addition of this one
• Able to load unlimited number of pages
• It can contains what you want (a page is a simple div)
• The pages (center of the page) are automatically resized with the browser
• Fully and easily customizable
• Very easy to use
• Keyboard navigation (RIGHT / LEFT / SPACE / L)
• Slideshow option
• Autoplay option
• Loop option
• Image preloading option
• Go to a certain page (with secured input control)
• W3C Valid
• Works on iOS (iPhone / iPad) and certainly on Android
• Three themes included (grey, blue, orange)
• 4 transition presets
• You can write your own transition with a simple function in the plugin call
• Transitions can be different for the next and previous actions
• Well commented (most actions in the code contain comments)

How to use it

JS – Syntax

$(document).simplePresentation({
    autoplay: boolean,
    loop: boolean,
    intervalTime: integer,
    preloading: boolean,
    transitionFct: function
});

JS – Example with a preset transition

var transitionFunction = function(elt, source, transitionTime) {
    Transition.opacity(elt, source, transitionTime);
};

$(document).simplePresentation({
    autoplay: false,
    loop: false,
    intervalTime: 2000,
    preloading: false,
    transitionFct: transitionFunction
});

JS – Example with a transition we write

var transitionFunction = function(elt, source, transitionTime) {
    elt.css("opacity", "0");

    // If we're going to the next page
    if (source == "RIGHT") {
        elt.css("marginLeft", "100%");
        elt.animate({
            "opacity": 1,
            "marginLeft": "0px" 
        }, transitionTime);
    } else {
        elt.css("marginRight", "100%");
        elt.animate({
            "opacity": 1,
            "marginRight": "0px" 
        }, transitionTime);
    }
};

$presentation = $(document).simplePresentation({
    autoplay: false,
    loop: false,
    intervalTime: 4000,
    preloading: true,
    transitionFct: transitionFunction
});

HTML

<div id="container">
    <div id="page1">
        ...
    </div>
    <div id="page2">
        ...
    </div>
</div>

Each div with id=”pageX” represent a page.

Each pages must have an id that starts with “page”.

Compatible browsers

This item works with the following browsers :

• Firefox 4+
• IE7 + (uses a separated css stylesheet for IE less than V.9)
• Opera
• Chrome
• Safari

Download jSimplePresentation (Sliders)

Features:

• Full Customizable
• Set Start / Stay time for each layer
• Set Easing In / Out Type
• Set Animation Speed
• Cufon font support
• Set number of preload images
• Enable / disable play pause button
• Option to add Replay button
• Support relative path
• Support unlimited layers

In plug-in code you can customize the banner using below variables

jQuery(function($){
        $('#jq_AdBanner').fmAdBanner({

            assetPath : 'fmBanner_assets',
            banner_width : 250,
            banner_height : 250,
            numberOfImages_preload : 3,
            image_loader : "loader_img.png",
            image_sprite : "sprite.png",

            loop : true,

            playPause : true,

            default_data_align : "C",
            default_data_spacing : "0,0",        
            default_data_inOutDirection : "LR",                    
            default_data_inOutDistance : "0",                    
            link_url : "#",
            link_target : "_self" 

        });
    });

Sample banner code

<div id="jq_AdBanner" align="center" style="position:relative; width:250px;
height:250px; overflow:hidden; visibility:hidden; margin: 0 auto; background-color:#FFF">

    <div data-staytime="30" data-starttime="0" class="imgSty" src="img1.jpg" style="width:250px; height:250px"></div>

    <div data-staytime="20" data-starttime="6" class="divStyle" data-spacing="32,0" data-inoutdirection="LR" data-align="BC" data-inoutdistance="40">
        <span class="txtMedium" style=" font-size:1em; color:#fff;">Layer - Ad Banner / Slideshow</span>
    </div>

    <div data-easeout="easeOutQuart" data-staytime="14" data-starttime="2" class="imgSty" src="img2.png" data-easein="easeOutBack" data-spacing="15,0" data-inoutdirection="T" data-align="LC" data-inoutdistance="180" data-animationspeed="400" style="width:172px; height:111px"></div>

    <div data-staytime="15" data-starttime="11" class="divStyle" data-spacing="2,90" data-inoutdirection="RL" data-align="TL" data-inoutdistance="100">
        <span class="txtMedium" style=" font-size:1em; color:#000;">Clean</span>
    </div>

</div>

Complete help document is included in download file

If you have any questions about this file contact me through my profile page.

Check out my other files:

Check out my Flash files:

Download Layer – jQuery Ad Banner / Slideshow (Sliders)

Pure CSS horizontal and vertical menus using semantic markup. Each horizontal and vertical menu comes with a left and right aligned styles.

There are four variations of this menu available: Horizontal Left Aligned, Horizontal Right Aligned, Vertical Left Aligned and Vertical Right Aligned.

There are also 6 colour variations – Blue, Green, Orange, Red, Purple and Pink. However with these menus being created using CSS of course you can choose whatever colour you like to fit in with your website.

Each menu has been compatibility checked in all the major browsers including: Internet Explorer 7+, Firefox, Google Chrome, Safari and Opera.

Download CSS3 – Horizontal & Vertical – Three Tier Menus (Navigation and Menus)

Electric Orange has a modern dark look that will make your application look polished and different than the default OS look.

With just a few lines of code you can make your app look completely different.

The theme includes the most popular HDPI and MDPI sizes, and it scales nice to both LDPI and XHDPI

Styled parts include:
Button
Checkbox
TextEdit
Radio Button
Dropdown
Star
On/Off Button
Scrollbar
Background
Title Bar

As a bonus we are including a really easy to use ActionBar that can be used on older devices.

Download Electric Orange (Android)

This is a full application with basic UI elements that connects a user to Facebooks Chat using the appropriate XMPP protocols built on the XMPPFramework. This is a full Facebook chat application That consists of 2 views. Buddy list and chat views. Simply plugin your free Facebook API key and your ready to go!

Features:
*Buddy list (on and offline) Tableview.
*Chat window with text input.
*Database to handle stored chat history.
*Clear chat history for specific buddies.
*Popup to notify user of a new message.
*Very fast / real time chat and buddy online status.
*Fully integrated Facebook connect.

Download iPhone Facebook Chat App (Custom Controls)

Miami Race, as already mentioned a few lines higher up, is a product that is simple and will take the wheel of a powerful racing car ready to racking in the streets of Miami. As shown in the pictures and the video above, we will have a view from above that will allow us to keep an eye on the traffic. Our aim is to use the tilt of the device to control the vehicle and zigzagging between the slower cars.

At the top left we have a timer to watch. The countdown starts from 60 sec. In short, 60 seconds of adrenaline to try to avoid the fateful “BOOOM” and the impact with the media present on the screen.

The graphic follows the same gameplay and overall simplicity of the title offers pleasant moments of lightheartedness.

Download Adrenaline Car Race (iPhone)

Item description

GridSlider lets you display your portfolio in a stylish and compact way.

ou first display all your projects four by four (grid view) with a thumbnail, then you display all images from the project in extended view mode

The slider features a really nice change view effect : grid items appear (or disappear) one after the other

Main features

• Two views – Grid and extended views
• Preloading – Preload big images with gif animated loader
• Switch views effect – Grid elements disappear and appear one after the other
• Lightweight – 4kb minified

Download Grid Slider (Sliders)

Asura Parallax Image Rotator is a slideshow that implement cool parallax 3D effect when mouse move on it.
It makes your website more lively. You can add as many layers as you want, the layer can be image, flash, video or html element.
You can customize each layer to the style you like. The script provides 20+ options, so you can take full control of
the slider. Please check out the live preview.

Features

1. Cool parallax 3D effect. It can present depth of field effect when mouse move on it.
2. Anything can be a parallax layer ( images, flash, video, html elements ).
3. Full width slider. It can adjust its position when window is resized.
4. Support keyboard navigation and iPad touch navigation.
5. More flexible. It provides 20+ options to satisfy various requirements.
6. Easy setting of each layer. Each layer’s style can be set through CSS .
7. Cross browsers. Tested on all major browsers.

Download Asura Parallax Image Rotator (Sliders)

CardCheck is a credit card Validator and Type Guesser.

It provides instant feedback during credit card number entry.

Validate credit cards, guesses the type, highlight the card-type icon automatically. Fully documented and easy to use! Works with jQuery Versions 1.3 – 1.7.1. Works with all major browsers: Internet Explorer 7/8/9, FireFox, Chrome, Safari, and Opera. Provides multiple callbacks for integration into existing software.

Comes with uncompressed and minified javascript files.

Download CardCheck Credit Card Validator and Type Guesser (Miscellaneous)

a jQuery based Tour plugin with custome styles and powerful API

Features

• Dynamic Display Time
• Multi Page Support
• 9 Positions: n, e, s, w, nw, ne, se, sw, c
• 4 Tour Callbacks
• 5 Step Callbacks
• powerful API
• Percentage Callbacks
• Smooth Scroll
• 4 included Styles
• 6 included Examples
• fully documented

Four included Styles

Examples

Example 1 | Example 2 | Example 3 | Example 4 | Example 5 | Example 6

Templatebuilder

I’ve used the Tour on my livepreview for the Template Builder:

Requirements

• jQuery v 1.7.1 required
• jQuery Easing v1.3 optional

Updates

Likewise all other items on this marketplace you get lifetime updates for this plugin. So if you find any bugs I would be kindly thankful to get notified so I can fix them

Download jQuery Tour – the flexible Tour plugin (Miscellaneous)

Features

• XML Driven – States in alphabetical order
• Resizable map, you can change the size of the map directly in the XML file.
• Change all colors in XML .
• 2 versions included, navigate to URL or display text when state is clicked.
• Optional text area size and padding in XML .
• Activate/Deactivate each state independently. In the preview, UTAH is deactivated for example.
• Full documentation included.

Credits

• raphael.js
• scale.raphael.js

Featured Files

More Files by LGLab

Free counters

Download Interactive SVG USA Map (Navigation)

This plug-in is very useful for those who need to duplicate or delete fields within a form.

WHAT DOES :
1) You insert the form inside a div (container) that has a specific class eg. (Class = “contenitore_input”)
2) il div con classe “contenitore_input” verrà chiuso in un ulteriore div con un id specifico es:.(id=”contenitore_generale”)
3) the div with class “contenitore_input” will be closed in another div with a specific id eg. (id = “contenitore_generale”)
4) assign a reference attribute to each field to be duplicated eg. &lt input alt=”nome” &gt
this attribute will be the fixed part of the “NAME” and “ID”, in this case:
considering the field &lt input alt=”nome” &gt
will become
&lt input alt=”nome” name=”nome_ 1 ” id=”nome_ 1 ” &gt
click on add …
&lt input alt=”nome” name=”nome_ 2 ” id=”nome_ 2 ” &gt
etc…
This allows the page receiving the request to obtain the value of a specific input or simply differentiate between them
also allows differentiation of the id to act on the elements via JS uniquely

ADVANCED FEATURES :
1) implementation of a sort of validation to the addition of fields:

• class to indicate the binding of a field
• class to indicate that a field must be numeric
• class to indicate that a field must contain an e-mail
• class to indicate that a field must contain a date in the format dd / mm / yyyy

2) callback functions are available after the addition and after removal of fields

3) duplication of all the attributes of duplicate fields for consistency

Download JQuery AdDelFields (Forms)