Home » Web Design

Web Design

web design content

If you enjoyed this post, please consider leaving a comment or subscribing to the RSS feed to have future articles delivered to your feed reader.

Terry Barriff<iframe> </p> </div>  </div>  </div>  <script src="http://www.terrybarriff.com/wp-content/themes/Nova/js/cufon-yui.js" type="text/javascript"></script> <script src="http://www.terrybarriff.com/wp-content/themes/Nova/js/Colaborate-Thin_400-Colaborate-Medium_400.font.js" type="text/javascript"></script> <script type="text/javascript"> Cufon.set('fontFamily', 'Colaborate-Thin'); Cufon.replace('#featured h2.title, #featured .description p, #entries-area h1, #entries-area h2, #entries-area h3, #entries-area h4, #entries-area h5, #entries-area h6',{textShadow:'1px 1px 1px #fff'})('ul#main-tabs span, span.fn')('.tab-slide h3.title, #footer-widgets h3',{textShadow:'1px 1px 1px #fff'}); Cufon.set('fontFamily', 'Colaborate-Medium'); Cufon.replace('#featured h2.title span, #featured .description p span',{textShadow:'1px 1px 1px #fff'})('.tab-slide h3.title span',{textShadow:'1px 1px 1px #fff'}); </script> <script type="text/javascript" src="http://www.terrybarriff.com/wp-content/themes/Nova/js/jquery.cycle.all.min.js"></script> <script type="text/javascript" src="http://www.terrybarriff.com/wp-content/themes/Nova/js/jquery.easing.1.3.js"></script> <script type="text/javascript" src="http://www.terrybarriff.com/wp-content/themes/Nova/js/superfish.js"></script> <script type="text/javascript"> //<![CDATA[ jQuery.noConflict(); var sf = jQuery.fn.superfish, is_ie = jQuery.browser.msie; jQuery.fn.hideSuperfishUl = function(){ var o = sf.op, not = (o.retainPath===true) ? o.$path : ''; o.retainPath = false; var $ul = jQuery(['li.',o.hoverClass].join(''),this).add(this).not(not).removeClass(o.hoverClass) .find('>ul').animate({opacity:'hide',height:'hide'},200); o.onHide.call($ul); return this; } var $top_menu = jQuery('ul.nav'); $top_menu.superfish({ delay: 200, // one second delay on mouseout animation: {opacity:'show',height:'show'}, // fade-in and slide-down animation speed: 200, // faster animation speed autoArrows: true, // disable generation of arrow mark-up dropShadows: false, // disable drop shadows onBeforeShow: function() { if ( this.parent('li').css('background-image') === 'none' ) { if (!is_ie) this.parent('li').find('>a').fadeTo('fast',.5).siblings('span.menu_arrow').stop(true, true).animate( {opacity:'show', top:'-5px'}, 400); else this.parent('li').find('>a').siblings('span.menu_arrow').stop(true, true).animate( {opacity:'show', top:'-5px'}, 400); } }, onHide: function() { if (!is_ie) this.parent('li').find('>a').fadeTo('fast',1).siblings('span.menu_arrow').stop(true, true).animate( {opacity:'hide', top:'-15px'}, 400); else this.parent('li').find('>a').siblings('span.menu_arrow').stop(true, true).animate( {opacity:'hide', top:'-15px'}, 400); } }); $top_menu.find('> li > ul').parent('li').addClass('sf-ul'); $top_menu.find('> li').each(function(index,domEle) { $li = jQuery(domEle); if ($li.css('background-image') === 'none') $li.append('<span class="menu_arrow"></span>'); }).find('> ul').prepend('<span class="menu_top_arrow"><span>'); var menu_arrow = 'span.menu_arrow'; $top_menu.find('>li:not(.sf-ul) > a').hover(function(){ if ( jQuery(this).parent('li').css('background-image') === 'none' ) { if (!is_ie) jQuery(this).fadeTo('fast',.5).siblings('span.menu_arrow').stop(true, true).animate( {opacity:'show', top:'-5px'}, 400); else jQuery(this).siblings('span.menu_arrow').stop(true, true).animate( {opacity:'show', top:'-5px'}, 400); } },function(){ if (!is_ie) jQuery(this).fadeTo('fast',1).siblings('span.menu_arrow').stop(true, true).animate( {opacity:'hide', top:'-15px'}, 400); else jQuery(this).siblings('span.menu_arrow').stop(true, true).animate( {opacity:'hide', top:'-15px'}, 400); }); if (!is_ie) { $top_menu.find('li ul a').hover(function(){ jQuery(this).fadeTo('fast',.5); },function(){ jQuery(this).fadeTo('fast',1); }); } var $searchform = jQuery('#searchform'); jQuery('#header a#search').toggle( function () { $searchform.animate( {opacity:'toggle', left:'-220px'}, 500); }, function () { $searchform.animate( {opacity:'toggle', left:'-230px'}, 500); } ); et_search_bar(); var $featured_content = jQuery('#featured_content'), $service_tabs = jQuery('#services'), $home_tabs = jQuery("ul#main-tabs"); if ($featured_content.length) { $featured_content.cycle({ timeout: 0, speed: 500, cleartypeNoBg: true, cleartype: true, pager: 'div#controllers', fx: 'fade', pause: 0}); } et_service_tabs($service_tabs); var $footer_widget = jQuery("#footer-widgets .widget"); if (!($footer_widget.length == 0)) { $footer_widget.each(function (index, domEle) { // domEle == this if ((index+1)%4 == 0) jQuery(domEle).addClass("last").after("<div class='clear'></div>"); }); }  function et_search_bar(){ var $searchform = jQuery('#header div#search-form'), $searchinput = $searchform.find("input#searchinput"), searchvalue = $searchinput.val(); $searchinput.focus(function(){ if (jQuery(this).val() === searchvalue) jQuery(this).val(""); }).blur(function(){ if (jQuery(this).val() === "") jQuery(this).val(searchvalue); }); };  function et_service_tabs($service_tabs){ var active_tabstate = 'ui-state-active', active_tab = 0, $service_div = $service_tabs.find('>div').hide(), $service_li = $service_tabs.find('>ul>li'); $service_div.filter(':first').show(); $service_li.filter(':first').addClass(active_tabstate); $service_li.find('a').click(function(){ var $a = jQuery(this), next_tab = $a.parent('li').prevAll().length, next_tab_height = $service_tabs.find('>div').eq(next_tab).outerHeight(); if ( next_tab != active_tab ) { $service_tabs.css({height:next_tab_height}); $service_div.filter(':visible') .animate( {opacity: 'hide'},500, function(){ jQuery(this).parent().find('>div').eq(next_tab).animate( {opacity: 'show'},500 ); } ) //.end() //.eq(next_tab) //.animate( {opacity: 'show'},500 ) ; $service_li.removeClass(active_tabstate).filter(':eq('+next_tab+')').addClass(active_tabstate); active_tab = next_tab; } return false; }).hover(function(){ if ( !jQuery(this).parent('li').hasClass(active_tabstate) && !is_ie ) jQuery(this).fadeTo('slow',.7); }, function(){ if (!is_ie) jQuery(this).fadeTo('slow',1); }); } var maintabswidth = $home_tabs.width(); var maintabsleft = Math.round((960 - maintabswidth) / 2); if ( maintabswidth < 960 ) $home_tabs.css('left',maintabsleft); jQuery('.js #featured .container').css('visibility','visible'); jQuery('.js #featured').css('background','none'); window.setInterval( function() {Cufon.refresh('#main-tabs a');}, 100 ); Cufon.now(); //]]> </script> <script type='text/javascript' src='http://www.terrybarriff.com/wp-content/themes/Nova/epanel/page_templates/js/fancybox/jquery.fancybox-1.2.6.pack.js?ver=1.3.2'></script> <script type='text/javascript' src='http://www.terrybarriff.com/wp-content/themes/Nova/epanel/page_templates/js/et-ptemplates-frontend.js?ver=1.1'></script> <script type='text/javascript'> /* <![CDATA[ */  (function($) { $.fn.et_shortcodes_switcher = function(options) { var defaults = { slides: '>div', activeClass: 'active', linksNav: '', findParent: true, //use parent elements to define active states lengthElement: 'li', //parent element, used only if findParent is set to true useArrows: false, arrowLeft: 'a#prev-arrow', arrowRight: 'a#next-arrow', auto: false, autoSpeed: 5000, slidePadding: '', pauseOnHover: true, fx: 'fade', sliderType: '' }; var options = $.extend(defaults, options); return this.each(function() { var slidesContainer = jQuery(this).parent().css('position','relative'), $slides = jQuery(this).css({'overflow':'hidden','position':'relative'}), $slide = $slides.find(options.slides).css({'opacity':'1','position':'absolute','top':'0px','left':'0px','display':'none'}), slidesNum = $slide.length, zIndex = slidesNum, currentPosition = 1, slideHeight = 0, $activeSlide, $nextSlide; if (options.fx === 'slide') { $slide.css({'opacity':'0','position':'absolute','top':'0px','left':'0px','display':'block'}); } else { $slide.filter(':first').css({'display':'block'}); } if (options.slidePadding != '') $slide.css('padding',options.slidePadding); $slide.each(function(){ jQuery(this).css('z-index',zIndex).addClass('clearfix'); if (options.fx === 'slide') zIndex--; slideH = jQuery(this).innerHeight(); if (slideH > slideHeight) slideHeight = slideH; }); $slides.css('height', slideHeight); $slides.css('width', $slides.width()); var slideWidth = $slide.width(), slideOuterWidth = $slide.outerWidth(); $slide.css('width',slideWidth); $slide.filter(':first').css('opacity','1'); if (options.sliderType != '') { if (options.sliderType === 'images') { controllersHtml = '<div class="controllers-wrapper"><div class="controllers"><a href="#" class="left-arrow">Previous</a>'; for ($i=1; $i<=slidesNum; $i++) { controllersHtml += '<a class="switch" href="#">'+$i+'</a>'; } controllersHtml += '<a href="#" class="right-arrow">Next</a></div><div class="controllers-right"></div></div>'; $controllersWrap = jQuery(controllersHtml).prependTo($slides.parent()); } var etimage_width = $slide.width(); slidesContainer.css({'width':etimage_width}); $slides.css({'width':etimage_width}); if (options.sliderType === 'images') { slidesContainer.css({'height':$slide.height()}); $slides.css({'height':$slide.height()}); var controllers_width = $controllersWrap.width(), leftPosition = Math.round((etimage_width - controllers_width) / 2); $controllersWrap.css({left: leftPosition}); } } if (options.linksNav != '') { var linkSwitcher = jQuery(options.linksNav); var linkSwitcherTab = ''; if (options.findParent) linkSwitcherTab = linkSwitcher.parent(); else linkSwitcherTab = linkSwitcher; if (!linkSwitcherTab.filter('.active').length) linkSwitcherTab.filter(':first').addClass('active'); linkSwitcher.click(function(){ var targetElement; if (options.findParent) targetElement = jQuery(this).parent(); else targetElement = jQuery(this); var orderNum = targetElement.prevAll(options.lengthElement).length+1; if (orderNum > currentPosition) gotoSlide(orderNum, 1); else gotoSlide(orderNum, -1); return false; }); } if (options.useArrows) { var $right_arrow = jQuery(options.arrowRight), $left_arrow = jQuery(options.arrowLeft); $right_arrow.click(function(){ if (currentPosition === slidesNum) gotoSlide(1,1); else gotoSlide(currentPosition+1),1; if (options.linksNav != '') changeTab(); return false; }); $left_arrow.click(function(){ if (currentPosition === 1) gotoSlide(slidesNum,-1); else gotoSlide(currentPosition-1,-1); if (options.linksNav != '') changeTab(); return false; }); } function changeTab(){ if (linkSwitcherTab != '') { linkSwitcherTab.siblings().removeClass('active'); linkSwitcherTab.filter(':eq('+(currentPosition-1)+')').addClass('active'); } } function gotoSlide(slideNumber,dir){ if ($slide.filter(':animated').length) return; $slide.css('opacity','0'); $activeSlide = $slide.filter(':eq('+(currentPosition-1)+')').css('opacity','1'); if (currentPosition === slideNumber) return; $nextSlide = $slide.filter(':eq('+(slideNumber-1)+')').css('opacity','1'); if ((currentPosition > slideNumber || currentPosition === 1) && (dir === -1)) { if (options.fx === 'slide') slideBack(500); if (options.fx === 'fade') slideFade(500); } else { if (options.fx === 'slide') slideForward(500); if (options.fx === 'fade') slideFade(500); } currentPosition = $nextSlide.prevAll().length + 1; if (options.linksNav != '') changeTab(); if (typeof interval != 'undefined' && options.auto) { clearInterval(interval); auto_rotate(); } return false; } if (options.auto) { auto_rotate(); var pauseSlider = false; } if (options.pauseOnHover) { slidesContainer.hover(function(){ pauseSlider = true; },function(){ pauseSlider = false; }); } function auto_rotate(){ interval = setInterval(function(){ if (!pauseSlider) { if (currentPosition === slidesNum) gotoSlide(1,1); else gotoSlide(currentPosition+1),1; if (options.linksNav != '') changeTab(); } },options.autoSpeed); } function slideForward(speed){ $nextSlide.css('left',slideOuterWidth+'px'); $activeSlide.animate({left: '-'+slideOuterWidth},speed); $nextSlide.animate({left: 0},speed); } function slideBack(speed){ $nextSlide.css('left','-'+slideOuterWidth+'px'); $activeSlide.animate({left: slideOuterWidth},speed); $nextSlide.animate({left: 0},speed); } function slideFade(speed){ $activeSlide.css({zIndex: slidesNum}).fadeOut(700); $nextSlide.css({zIndex: (slidesNum+1)}).fadeIn(700); } }); } })(jQuery);  /////// Shortcodes Javascript /////// /// tooltip /// $et_tooltip = jQuery('.et-tooltip'); $et_tooltip.hover(function(){ jQuery(this).find('.et-tooltip-box').animate({ opacity: 'show', bottom: '25px' }, 300); },function(){ jQuery(this).find('.et-tooltip-box').animate({ opacity: 'hide', bottom: '35px' }, 300); }) /// learn more /// $et_learn_more = jQuery('.et-learn-more .heading-more'); $et_learn_more.click(function(){ if ( jQuery(this).hasClass('open') ) jQuery(this).removeClass('open'); else jQuery(this).addClass('open'); jQuery(this).parent('.et-learn-more').find('.learn-more-content').animate({ opacity: 'toggle', height: 'toggle' }, 300); }); /* ]]> */ </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-22592003-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script><script src="http://stats.wordpress.com/e-201208.js" type="text/javascript"></script> <script type="text/javascript"> st_go({blog:'22352919',v:'ext',post:'7'}); var load_cmc = function(){linktracker_init(22352919,7,2);}; if ( typeof addLoadEvent != 'undefined' ) addLoadEvent(load_cmc); else load_cmc(); </script> </body> </html>

Web Design

Latest Posts

Older Posts

About Me

Meta

Recent Posts

Web Design

Popular Tags

Latest Posts

Older Posts

About Me

Meta

Recent Posts