WordPress Snap

Installatie

It is very easy. Upload plugin to the plugins directory and activate.

Use
[snap url=”http://www.geekeries.fr/” alt=”My image” w=”400″ h=”300″] to display a thumbnail of any website

With link, use this shortcode
[snap url=”http://www.geekeries.fr/” alt=”My image” w=”400″ h=”300″ link=”on” title=”My Title”]

To change the attribute class, specify your class.
[snap url=”http://www.geekeries.fr/” alt=”My image” w=”400″ h=”300″ link=”on” title=”My Title” class=”my_class”]

For a great CSS3 effect. Add this snippet on your CSS files.

img.snap {
    padding: 0!important;
    border: 1px solid #ccc!important;
    transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out;
    -webkit-box-shadow:2px 5px 15px #bbb; -moz-box-shadow:2px 5px 15px #bbb; box-shadow:2px 5px 15px #bbb;
}
a img.snap:hover  {
    -webkit-box-shadow:0px 0px 10px #bbb; -moz-box-shadow:0px 0px 10px #bbb; box-shadow:0px 0px 10px #bbb;
}
a img.snap:active  {
    -webkit-box-shadow: 0px 0px 0px #bbb; -moz-box-shadow:0px 0px 0px #bbb; box-shadow:0px 0px 0px #bbb;
}

For more info go to the WordPress Snap’s page.