Magic Squares

Magic Squares are responsive interface elements that can show your content in a novel way. you'll use it for displaying photographs, videos, maps, products, services and products or the rest that you just can believe (any HTML-content, except JavaScript). Discuss With our reside preview to see how Magic Squares can serve your purposes. Magic Squares are colourful squares glued to window part. As an administrator you can totally configure them: set size, color, heritage texture, icon, place, content, and so forth. Magic Squares can also be easily built-in into any site, even into undeniable HTML-page (no more tricky than insert Facebook Like button, check out steps 5-6 in “Set Up” paragraph).

For WordPress take a look at Magic Squares for WordPress.

Options

• Limitless collection of Magic Squares: create as many Magic Squares as you want.
• Any HTML-content material: display any HTML-content material (except for JavaScript).
• Extremely customizable: set size, color, icon, heritage texture, and even edit CSS.
• Over 500 icons: use any of 500+ to be had icons.
• Shortcode pushed: for those who want to peer Magic Square on particular pages, insert appropriate shortcode at backside of the web page.
• Cross domain get admission to supported: you can install script on one domain and use it with unlimited selection of domains.
• Left and right edges: glue Magic Sq. to left/right part.
• Transition velocity: extend Magic Squares as speedy as you wish.
• Responsive layout: Magic Squares look nice and work with mobile devices.
• Secure Admin Panel: configure script and handle data via great admin panel.
• Easy to combine: insert handiest THREE lines of code into webpage (check out “Install” paragraph).
• and more, and more, and more…

Entrance End Demo

you can see Magic Squares on reside preview web page (left and proper area).

Admin Panel Demo

you'll take a look at admin panel:
URL: http://halfdata.com/pluto/magic-squares/
Login: admin
Password: admin

Deploy

Let’s consider that you have website http://www.web page.com/ and you wish to have to put in script there.

1. Create folder magic-squares (use some other title) in root of your domain. As Soon As created it can be reached through URL: http://www.website online.com/magic-squares/
2. Edit inc/config.php and set MySQL database parameters.
3. go to admin panel http://www.site.com/magic-squares/ the usage of default login/password (login: admin, password: admin), configure script on Settings page and create a minimum of one campaign on Campaigns web page.
4. make sure that your site lots jQuery. If it doesn’t, just upload this line into head segment:
   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
5. Add those traces into head section (before </head> tag):
   <hyperlink href="//www.web page.com/magic-squares/css/ums.css" rel="stylesheet">
   <script src="//www.site.com/magic-squares/js/ums-jsonp.js"></script>
6. Upload shortcode (from Squares web page) on the backside of the web page (before </body> tag). Instance:
   <div class="ums" information-id="X"></div>

Necessities

• PHP version 5.0 or higher
• MySQL model FIVE.0 or larger
• jQuery model 1.7 or greater

Make Stronger

If you've gotten problems relating to the use of the script, please contact me and i’ll help you.
FULL DOWNLOAD