Artetics Corner Widget

Artetics Corner Widget

  Artetics Corner Widget is a widget that is shown in the corner of the page and may contain some useful content like links, images, ads. Mouse over the top right corner to see it working.

 

  Version 0.1.0 is mostly proof of concept. It is built with Raphael — JavaScript Vector Library and uses example icons from Circular icon set.

 

Browser support

 This is tested and should be working in IE 6, 7, 8, Safari, Chrome, Opera, Firefox without any hacks. No need in excanvas support since this is SVG.

supported browsers


How to use?

  It's easy.

<!-- Include javascript libraries -->
<script src="/raphael.js" type="text/javascript" ></script>
<script src="/arteticscorner.js" type="text/javascript" ></script>

<script type="text/javascript" charset="utf-8">
// Create javascript object and pass div id and image. Other options are optional
    window.onload = function () {
        var obj = new ArteticsCornerWidget('holder',
            {icon: 'images/bookmark.png'});
    };
</script>

<!-- DOM element that contains the widget -->
<div id="holder" style="position:absolute;top:0;right:0;"></div>


Download

  Download the demo here.


What I can do with this?

  You can use the script on your site, change it as you wish and adjust for your needs. Please read the license before using.


License

  This is distributed under modified MIT license - you can use it on any non-commercial sites you wish. The only prohibition is: This script CANNOT be used by any company which name contains word 'soft'.