Category: code

Magnifying glass appears while users hovers mouse cursor over an image. Very easy to integrate. Makes Your website, on-line store or blog a bit more attractive.

Download Magnifying Glass Effect (Calendars)

Check out a live preview here: http://tyler.tc/FBLike/

Tap into Facebook’s 500 million plus users now with the hottest Facebook traffic plugin. Facebook traffic pop is a new breed of ‘popups’ that will allow you to have your users like your pages, instead of trying to get them to click ads. More likes = more exposure = more traffic = more money!

Facebook Traffic Pop Featutres

• Fully customizable CSS and HTML
• Optional close button
• LOCKS out page functionality behind the popup!
• Cookies remember users who already ‘Liked’ the page
• Works on all sites and big and small
• Viral, Facebook styled pop-up is proven to induce more ‘Like’ clicks!
• Make Facebook your slave with one line of code!

Includes full source with documentation and demo examples, and I have even included a blank template for you to build pages off with no set-up required!

Download Facebook Traffic Pop (Social Networks)

Based on one of our best selling products “Ajax Data Grid With Multiple Color”, the data edit
function is finally here!

Features in the latest version 2.1 includes:

• Javascript function powered by jQuery
• Using ajax technology to load data
• Sortable column
• Specific column to search
• Adjustable data row per page
• Ajax pagination
• Multiple theme color (silver,green,blue,red)

New features:

• Login system – Allow admin to login and modify data.
• Inline editing – Use jQuery editable function to perform an inline edit and save data using
  ajax.
• Flexible data type – Support image data (url of your uploaded image or an external image url),
  link, date, text, and customizable display (e.g if a “status” field is set as 0, display error.jpg,
  if it’s 1, display ok.jpg)
• Image library – Allow admin to upload an image to a folder and save the path into a database
  field, or type in an image URL and save into a database field. The image will then be displayed in
  data grid.
  Admin can also search for an image and reference the previously uploaded image for
  new data.
• Photo resizing – Support photo resizing when upload image.
• Useful example included – Four samples are included in this package (Photo Manager, Product,
  Website Reference, Complex), just plug it in and use!

Create a manageable data grid as you want. Ideal for Photo Management, User management, Product
management, Project management, Personal portfolio, Album, etc.
Multiple color frontend and full function backend
The project is aimed to provide a backend for admin to manage data, and a customizable frontend to
present data with sorting, paging and searching fuction.
All actions are done using ajax, which means fast performance and less traffic!

For those who has purchased the 2.0 version:

There was an issue which we tried to remove our 2.1 update from the upload queue (coz a file was missing in the new update folder and we wanted to remove it from the queue and upload again) and when we click the remove button the whole editable item got deleted, instead of removing from the queue. We were 100% sure we did not click the “Delete PERMANENTLY ”

We were trying hard to have Code Canyon restores it back for us but had no luck and they suggested us to upload it and sell it as a fresh new item.

We have also asked Code Canyon if they can let customer to download this new product, and if they can’t then we will send the updates to our customer by E-mail.

If you have purchased the editable product, please send us a message (which should have a link that we can verify if you are our customer) and once we verified you are our customer then we will E-mail the updates to you.

Thank you

Download Editable Ajax Data Grid With Multiple Color (Project Management Tools)

ABOUT POSE

Pose (php powered css engine) is a lightweight php powered css engine that allows you to use variables, mixins, includes and even php directly in your css files. It can also merge multiple stylesheets into one css file and even minify it for you. Pose aims to make your stylesheets faster, smaller, easier to code and more dynamic.

Pose outputs 100% pure css, and uses standard .css files, so there’s no need for proprietary file extensions or anything that wont play nice with your current stylesheets. Installation is a snap as well, simply copy a couple files to your sites css directory and your ready go. And, pose is easy to customize. Most of it’s internal settings can be easily accessed & modified from a well commented configuration file.

On top of pose’s impressive css processing abilities, it also includes some cool extras like a collection of custom “shortcut classes”, the ability to automatically include a number css frameworks (52framework, 960gs, blueprint & bluetrip currently), as well as several of the most popular reset stylesheets (YUI2,YUI3, Eric Meyer and HTML5Doctor.com) with a single line of code.

WHO SHOULD USE IT ?

Pose is “powered by php” which mean that you do have to have php 5+ installed on your server to use it. However, you don’t actualy need to know a single thing about php in order to use pose. In fact, you don’t even have to use it in php files. You could be using plain old .html files and pose will still work just fine. So, even if you don’t know a lick of php, don’t worry. Just check with your web host to make sure that your server can run php scripts, and if it does (most do), then you can use pose for your website.

With that said, you absolutely do need to know css. You don’t have to be an expert, but you should at least have a basic understanding of how stylsheets work.

BROWSER COMPATIBILITY

Pose outputs 100% pure css code, and is compatible with every major browser. This compatibility however, extends only as far as the css you write. So, if you’re styling your site(s) using only the latest CSS3 techniques, you will get spotty browser support. Pose is pretty cool, but one thing it can’t do it force browsers to use styles they are not compatible with. On the flip side, if you are writing standards compliant css rules that are compatible with all browsers, then pose maintain that compatibility. Pose maintains whatever level of browser support you choose to implement. So if you code for minimal support that’s what you’ll get, and if you code to support everything, you’ll get that as well. It’s entirely up to you.

Please note that while you don’t actually need to know php to use pose, you do need to have php installed on your server. You could probably get away with running pose on a php 4 server, but I’m only officially supporting php 5. IIS support is in the works, and I have a basic version nearly finished, but currently pose can only be installed on Apache (or a similar server capable of translating .htaccess files).

A CRAZY SIMPLE EXAMPLE

Here’s a really simple example of how to use pose. It will show you what using pose looks like, but it doesn’t go into very much detail. I won’t really cover any of the syntax, naming rules or do much aside from showing you the raw code. It’s all covered in the documentation, so be sure to visit the docs for a more in depth guide on how to use pose.

Variables

Lets start with variables. For this example, let’s imagine there’s a specific color of blue that we want to use throughout our site. So, let’s create a variable called blue that will have a value of #0085bf:

!blue {#0085bf}

Simple enough, right? Now that the variable has been defined, you can use it anywhere in your stylesheet like this:

.blue_font {color:!blue!;}
.blue_background {background:!blue!;}
#a_blue_div {
    background:!blue!;
    width:100%;
}

Now, that’s what the code will look like to you, but pose will output it the browser like this:

.blue_font {color:#0085bf;}
.blue_background {background:#0085bf;}
#blue_div {
    background:#0085bf;
    width:100%;
}

This was a very broad and overly simple example. So if you feel lost, make sure you check out the docs for a proper introduction.

Mixins

Okay, so a mixin is basically variable that can hold more than one value, and that can have values passed to it from elsewhere in the stylesheet. Let’s say you want to utilize the new css3 round corners on your site. The code for this is not only hard to remember, but takes a long time to type out. So let’s try and setup a mixin to handle our corners. The code for mixins look very similar to functions in php or javascript. We’ll get creative and call our new mixin !round(), and include an internal variable called !amount that will determine what size of a radius our corners will have:

!round (!amount) {
    border-radius: !amount;
    -moz-border-radius: !amount;
}

There. Now our !round() mixin is all set up, let’s say you want all of your buttons to have an 8 pixel round corner, and you have a div with an id of “really_round” that you want to be rounded 40 pixels. Accomplishing this is as simple as:

#really_round { !round(40px) }
button {
    padding: 8px;
    !round(8px)
}

Again, that’s how the stylesheet looks in your code view, but here’s how it looks to the browser:

#really_round {
    border-radius: 40px;
    -moz-border-radius: 40px;
}

button {
    padding: 8px;
    border-radius: 8px;
    -moz-border-radius: 8px;
}

And if you have nosy visitors that like to look at your source code, that’s what they’ll see as well. Whatever you code in pose is only seen by you. Everyone else will see only pure css.

CONCLUSION

So that was a crash course in pose css. Don’t forget to head over to posecss.com/docs for the proper documentation. There’s even a printable version (which currently in it’s printed state is 18 pages long).

HELP & TROUBLESHOOTING

While I’ve tried to document pose as much as possible, it can be hard to find the line between too much information and not enough. So, if you find yourself having trouble grasping any of the concepts, or run into any kind of problems using it, please don’t hesitate to contact me. You can reach me via Code Canyon, or by email anytime at support [ at ] posecss.com. I do my best to support my products as thoroughly as possible. So, if you run into trouble, I’ll do whatever I can to help you get out of it. But, please read through the documentation first to make sure your issue hasn’t already been covered. Also, if you have any ideas for improving pose, want to tell me how awesome it is, or how much you hate it, please get in touch as well. Thanks!

Download Pose PSP Powered CSS Engine (Miscellaneous)

This example is for a Local places iOS template built on Appcelerator’s Titanium. This boilerplate template has standard styling except for the icons. From here you can apply your own graphics and functionality.

It utilises the Foursquare API to get all the local places near to your geo location. Examples of use could be reviewing local shops.

http://screencast.com/t/Rmyjcf8J

Local Places includes:
– Several generic tableViews with icons
– Foursquare API Intergration
– A sample “Locations Map”
– Camera Functionality

Download Local Places iPhone App (Titanium)

This WordPress Plugin allows you to show Image Sequences in a nice player. The plugin searches for all images attached to a specific post and ads them to the Sequence Viewer.

You can add multiple Sequence Viewers to 1 post and every sequence viewer can have as many images as you want. Adding the Sequence Viewer is very simple using the Custom Shortcode [seq_viewer] . It’s also possible to add the Sequence Viewer into your sidebar or loop by calling a php function.

The Plugin Admin page allows you to change the CSS settings of the Sequence Viewer.

Download WP Sequence Viewer Plugin (Galleries)

100% CSS3 photo footer pop-up when hover like scattered photos on the ground. Easily installable to your site.

Download CSS3 Pop-Up Photo (Miscellaneous)

Set of 6 animated web download buttons created with CSS . To set them up only one css file is needed.

• Pure CSS , no javascript
• No images (except icons)
• Over 120 color combinations
• Set of custom icons inclouded
• Easy to set up, very flexible

Note: Please remember that IE and Opera don’t support some CSS3 attributes.

Download CSS Download Buttons (Buttons)

Have you used countless different programs on the market and even tried using self-hosting systems, but what you discovered at the end is that these caused nothing by hassles for you and your team – even as you sat back and watched more and more money pour down the drains as you literally burnt through cash to fix one bug after another before eventually abandoning the solution altogether and paying anew for different software.

Welcome to the world of SiteManPro

PRODUCT FEATURES

1. Modular Architecture: SMP has been re-written using Code Ignitor following modular architecture. This means many expert programmers will write additional modules and plugins for you as soon as we will release our developer API & documentation.

2. Beautiful Themes: The default interface is nice, but still we provided 5 additional themes just in case you have got a different taste.

3. Order Management: Easily track order history of any customer and learn their net worth in one click. Tracks refund and cancellation automatically.

4. List Builder: Simply enter your autoresponder details on product configuration page and customers are added to your aweber (or other) mailing list automatically after they buy a product.

5. Affiliate Integration: Integrates with almost every affiliate software, built on any technology using external API calls. SMP does all the hard work for you and records affiliate commissions in your affiliate software in just one click through its revolutionary approach.

6. Users Database: Save not only your customers, but also contacts and vendors record. Find any user record with the powerful search engine. You don’t have to use separate contact management application anymore.

7. Order Templates: Build beautiful order pages using a full featured HTML editor. Assign different templates to different products and maintain the overall look of your product sales page.

8. Powerful Search: Search products, orders, customers using easy search parameters. Instant search brings you the records you are looking for..instantly.

9. Multiple Currencies: Support for 16 different currencies. No more you are forced to accept payments in only US Dollars. .

10. Multiple Gateways: Have multiple PayPal accounts and want to use different PayPal accounts for different products? Also support Authorize.net, 2Checkout, and Clickbank (coming soon).

11. More Money: Make more money by displaying additional products, as well, targeted ClickBank ads for your chosen keywords, inside customer area. Sell them when they just finished buying from you.

12. Social Conversation: Engage your customers by letting them provide feedback for your products through social conversation. Easy Facebook discussion page for each product is shown, when you want.

13. Open Source: Full source code is available to you when you download SMP . You have full freedom to modify the source code to fit your business requirements.

14. CRM in Works: Digital commerce is just the first step towards building a true Small Business CRM . We’ll be coming up with many more modules and plugins to enhance the SMP functionality soon.

IT’S A FRAMEWORK

SiteManPro (SMP) is a framework and can be extended to unlimited features set (and that’s our plan in near future) by adding add-ons and themes. The next immediate modules we are working on currently are a fully blown CMS and an INVOICING system within SMP . Next in roadmap after these two modules is a Project Management system. All this should give you a quick idea where the software is headed.

If you are developer and wish to help in development and partner up in writing up new add-ons for the software, please do contact us and we will be happy to work with you.

Go ahead and download in full confidence. We’re sure you will love SMP .

TECHNICAL SUPPORT

1. For technical support, please use official support forums

2. Sign up for updates notification list, so we can keep you notified of new updates

3. Follow us on Twitter for even faster updates on new releases.

IMPORTANT NOTE

This is a beta release of SMP and only eCommerce module is available in this version. Through out December & January, we will release the minor add-ons, fix reported bugs, and collect the user feedback. By January 2011 we are targeting to complete the SMP developer framework so we can start inviting developers/programmers to begin creating new modules to enhance SMP features set. If you are developer and need to get in touch, please contact us.

Download SiteManPro – One System Total Freedom (Shopping Carts)

This is a jQuery plug-in that creates a tool-tip on chosen elements. You have several options to use to create your own styling and formatting.

Download Simple Tooltip (Miscellaneous)

This example is for a Fast Food Takeaway iOS template built on Appcelerator’s Titanium. This boilerplate template has standard styling except for the icons. From here you can apply your own graphics and functionality.

Fast Food includes:
– Several generic tableViews with icons
– Searchable Menu
– A sample “Locations Map”
– Tab layout

If you’re new to Titanium, it’s important to understand how it works. In short: Code in javascript and your app ends up compiled as a native app that uses native iOS APIs. This app is not based a browser-based app. This app will end up being a native iOS app using Titanium’s API . To find out more, please visit Appcelerator.com

Download Fast Food App (Templates)

This example is for a Geo Location iOS template built on Appcelerator’s Titanium. This boilerplate template has standard styling except for the icons. From here you can apply your own graphics and functionality.

http://screencast.com/t/NyOyHPYG

Geo Saver includes:
– Tab Layout with Icons,
– Working Form & Save Button
– Working Delete from DB
– Geo Location Functionality
– Reverse Geo Coding to get nearest village and city
– Built in SQLite database to store geo data
– Google Map intergration

If you’re new to Titanium, it’s important to understand how it works. In short: Code in javascript and your app ends up compiled as a native app that uses native iOS APIs. This app is not based a browser-based app. This app will end up being a native iOS app using Titanium’s API . To find out more, please visit Appcelerator.com

Download Geo Location Saver – Local Database (Full Applications)

• Easy to integrate
• MCFileManager compatible
• Create folders
• Upload images
• Thumbnail auto generation
• Highly customizable configuration
• Works perfectly in fullscreen and “popup” mode.
• Easy to integrate – Only a few lines of code needed.
• Customizable – Themes and plugins, block invalid elements and force attributes.
• Browser friendly – Mozilla, MSIE , FireFox, Opera, Safari and Chrome.
• AJAX Compatible – You can easily use AJAX to save and load content!
• International – Multilanguage support using language packs.

Download File manager – TinyMce editor (WYSIWYG)

Have you ever been in the situation where you have a great looking WordPress theme, but you are missing some custom styling for different elements? Maybe you don’t know PHP , CSS and Javascript and are not able to implement the cool feature you are missing.

Styles with Shortcodes is the solution for this problem. This plugin lets you customize content faster and easier than ever before by using Shortcodes. Choose from more than 50 built in shortcodes like; jQuery Toggles and Tabs, Tooltips, Column shortcodes, Gallery and Image shortcodes, Button Styles, Alert Box Styles, Pullquotes, Blockquotes, Twitter buttons, Retweet button, Facebook Like buttons and many more!

You can even create your own shortcakes and share them with friends and other people who also uses the Styles with Shortcodes plugin. It has never been easier to add nice looking styling elements to your WordPress powered website without any knowledge of coding.

And if you do know HTML , PHP, CSS and Javascript you can create cool shortcakes and share them with others. You could also use the plugin for your clients website and then have them purchase additional shortcodes. The possibilities are endless!

List of features

Shortcodes

• 54 built in preset shortcodes
• Get a quick overview of all shortcodes in the system
• Create your own custom shortcodes
• Enter shortcodes into different Categories
• Enable or Disable “autop” settings in WordPress
• Easy Import new Shortcodes
• Easy Export Shortcodes

Built in Shortcodes

• Accordion (jQuery UI)
• Blockquotes
• Buttons
• Code (Syntax Highlighter)
• Colored Boxes
• Columns
• Dividers
• Facebook Like buttons
• Galleries
• Maps (Google Maps)
• Overlay (jQuery TOOLS )
• Picture Frames
• Pullquotes
• ReTweet button
• Tables
• Tabs (jQuery UI)
• Toggles (jQuery UI)
• Tooltips (jQuery TOOLS )
• Twitter buttons

Changelog

Version 1.0 – November 27, 2010

* First release

Download Styles with Shortcodes for WordPress (WordPress)

This calculator was first released for WordPress as a plugin/widget but I was asked to create a php/html calculator as well so I decided
to go after it therefore I m very happy to announce Mortgage and Loan Calculator in html/php.

Mortgage and Loan Calculator lets your website visitors calculate their payments based upon the
interest rates and loan amount entered.

One of the most unique features is that it gives the opportunity for your visitors to receive reports on their email account.


This is a win win situation because your users will be happy for archiving their reports and will come back for more in order to compare with older ones, while you receive precious stats for later report monetization.

Last but not least this calculator actually gives a real meaning to your financial and not only website making both google and visitors like you more about it.

Making money from websites like these is not easier than other BUT if you don’t know already cpc rates are REALLY high when it comes to keywords like “mortgage”, “loans”, “finance”, “amortization tables” etc.

• They can change any values without reloading page.
• They can enter “Extra Payments” details although its not required.
• If your visitors wish they can enable the “Send report to email” option
  in case they want to have their report sent as an email for later comparison
  with other reports.
• After entering all fields select “Calculate” and wait a few seconds for
  the results to appear.

Every time your visitor enables the email report you get results saved
in your MySQL database under table reports_mortgage_calc.
You can use that table for exporting reports and other useful data.
Plugin uninstall also removes all related tables.

Install Info(using given template files)

1. Extract zip file locally.
2. Find and edit file mortgage-calc.php with notepad or any other editor.
3. Go to lines 2,3,4,5 and replace with your own database user, password, name, details.
   Then go to line 174 and replace [email protected] with your own email then save and close file.
4. Upload folder under your website root or any other directory through
   ftp.
5. index.php file is the default file where you can edit or copy and paste code to use or include in your own template.
6. I also added index1.php file which works as a small widget to include Mortgage Calculator as a sidebar widget showing only basic info in your html template.
   
   In that case just open calc-widget.php and copy all file contents to your desired template and position.

Please read the FAQ section for more installation options like inserting Mortgage Calculator on your own template.

For more Financial Calculators both for WordPress or php/html scripts take a look at my Portfololio page.

Download Mortgage and Loan Calculator (Miscellaneous)