...

View Full Version : Can someone tell me what plugin is being used on this website?



Rappa
08-26-2011, 05:53 PM
http://www.hellowallet.com

The blue tabbed navigation that fills the page. Is that a jquery plugin or..?

Rowsdower!
08-26-2011, 06:01 PM
It looks to be jquery using a custom plugin they are calling "quicktour":

https://www.hellowallet.com/wp-content/themes/hellowallet/_lib/js/quicktour.min.js


/**
* Quick Tour functions and controls
* Copyright (c) 2011 KILO - admin(at)kilohq(dot)com | http:kilohq.com
* v1.0 - 01/2011
* @project HelloWallet
* @author Martin Olson/John Peacock
*
*/


$(document).ready(function(){var sections=$('#quicktour .panel');var panels=$('.panel-info');var tabnav=$('#tour-tabs .tabinfo');var selectedTab;var selectedPanel;var colorOpts=[];tabnav.css({'marginTop':'10px'});panels.hide();sections.hide().filter(':first').show().children('.p anel-info').fadeIn();if(!$('#quicktour').hasClass('nodefault')){}else{var obj=tabnav.filter(':first');togglePanels(obj,0);}
tabnav.mouseenter(function(){$(this).css({'cursor':'pointer'});var index=$(this).index();togglePanels($(this),index);})
var icons=$('#panelview-grid .col');icons.children('.col-icon').children('.iconimg').css({'marginTop':'10px'})
icons.hover(function(){$(this).css({'cursor':'pointer'});$(this).children('.col-icon').children('.iconshadow').stop(true,true);$(this).children('.col-icon').children('.iconimg').stop(true,true);$(this).children('.col-icon').children('.iconshadow').fadeTo(250,0.4);$(this).children('.col-icon').children('.iconimg').animate({marginTop:'0'},250);},function(){$(this).children('.col-icon').children('.iconshadow').fadeTo(250,1.0);$(this).children('.col-icon').children('.iconimg').animate({marginTop:'10px'},250);})
icons.click(function(e){e.preventDefault();if($(this).hasClass('iframe')){var url=$(this).find('h3').children('a').attr('href');$.fancybox({'href':url,'width':500,'height':400,'a utoScale':false,'padding':15,'type':'iframe'});}else{var images=[];var links=$(this).find('a').map(function(){return $(this).attr('href');}).get();var captions=$(this).find('a').map(function(){return $(this).attr('title');}).get();for(var i=0;i<links.length;i++){images.push({href:links[i],title:captions[i]});}
$.fancybox(images,{'padding':0,'transitionIn':'none','transitionOut':'none','type':'image','showNavA rrows':true,'changeFade':0,'titlePosition':'over'});}});function formatTitle(title,currentArray,currentIndex,currentOpts){return'<div>'+(title&&title.length?'<b>'+title+'</b>':'')+'Image '+(currentIndex+1)+' of '+currentArray.length+'</div>';}
function resetTabs(n){if(!$('#quicktour').hasClass('nodefault')){var colorOpts=['#1EB0DB','#0065AB','#87D0E4','#00AFF2']}else{var colorOpts=['#94e1fe','#1EB0DB','#0065AB','#00AFF2']}
tabnav.each(function(){if(!$(this).hasClass('active')){$(this).stop(true,true);$(this).css({'backgro und-color':colorOpts[n]});$(this).animate({marginTop:'10px',opacity:.5,filter:'alpha(opacity=50)'},250);}else{$(this).css({ 'background-color':colorOpts[n]});$(this).animate({marginTop:'0',opacity:1,filter:'alpha(opacity=100)'},250);}});}
function togglePanels(obj,num){selectedTab=obj.attr('id');selectedPanel=selectedTab.replace('tab-','panel-');selectedTab=$('#'+selectedTab);selectedPanel=$('#'+selectedPanel);if(!selectedTab.hasClass('activ e')){sections.hide();panels.hide();tabnav.removeClass('active');selectedTab.addClass('active');reset Tabs(num);selectedPanel.show();showPanelContent(selectedPanel);}}
function showPanelContent(obj){obj.children('.panel-info').fadeIn('slow').css('filter','');;}});

Authors of the code have a website here:
http://kilohq.com/

You might contact them about the script if you have an interest...

123akshay
08-26-2011, 06:14 PM
Nice website, is it a wordpress theme?

Rappa
08-26-2011, 06:53 PM
It seems to be, theres a lot of wp_themes refrences in the source



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum