Yamb Theme

Install Instructions:

First install the theme, and after the plugins provided in download pack, otherwise the theme not work. The fancybox plugin is optionally, but the plugin have minor modification: ai deactivated the jquery queue from plugin because my theme have jquery, ai configured de fancybox config file, such as all images to be loaded automatically, work corectly with I18N gallery, and have no conflict with the I18n gallery fancybox.

If you want use FancyBoxPlugin with other themes which don't have jquery included in themes page, open the FancyBoxPlugin.php and you will fin this: //queue_script('jquery', GSFRONT);, remove the two and you have this: queue_script('jquery', GSFRONT);.

If you use the I18Ngallery with this theme go to the I18n gallery settings and check the Do not include jquery.

After plugin installation insert the folowing scripts in the admin-header-footer plugin in head textarea, or simply open the admin/template/header.php and insert the scripts before the closing head tag </head>

<script src="../theme/yamb/assets/js/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
<script src="../theme/yamb/assets/js/jquery-ui/image-picker.min.js" type="text/javascript"></script>
<script src="../theme/yamb/assets/js/jquery-ui/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<script src="../theme/yamb/assets/js/jquery-ui/masonry.pkgd.min.js " type="text/javascript"></script>
<link rel="stylesheet" href="../theme/yamb/assets/js/jquery-ui/image-picker.css" />
<link rel="stylesheet" href="../theme/yamb/assets/js/responsivetabs/responsive-tabs.css" />
<script src="../theme/yamb/assets/js/responsivetabs/responsive-tabs.js" type="text/javascript"></script>
<script src="../theme/yamb/assets/js/spectrum/spectrum.js"></script>
<link rel="stylesheet" href="../theme/yamb/assets/js/spectrum/spectrum.css" />
<script>
$(document).ready(function () {
$("#selectImage").imagepicker({
hide_select: true
});

var $container = $('.image_picker_selector');
    // initialize
    $container.imagesLoaded(function () {
    $container.masonry({
    columnWidth: 30,
    itemSelector: '.thumbnail'
        });
    });
});
</script>

After that you can visit the option panel and insert, the logo, setup the slides. Screenshots at http://kheops.pe.hu/index.php?id=getsimple-yamb