زمان کنونی: ۲۲-۶-۱۴۰۵, ۰۱:۴۲ عصر درود مهمان گرامی! (ورودثبت نام)


ارسال پاسخ 
 
امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
تنظیم ارتفاع تب ساز گاویک
۱۵-۱-۱۳۹۱, ۰۵:۵۷ صبح
ارسال: #6
RE: تنظیم ارتفاع تب ساز گاویک
سلام!
خیلی ماژول باحالیه ، از همه فایل ها استایل دهی میشه.
حالا این کارها رو انجام بده ، ببین درست میشه ؟! من رو لوکال تست کردم ست شد.
اول: در فایل style1.css کدهاش رو پاک کن،و اینا رو جایگزین کن.
/**
* GK Tab - style 1
* @package Joomla!
* @Copyright (C) 2009-2011 Gavick.com
* @ All rights reserved
* @ Joomla! is Free Software
* @ Released under GNU/GPL License : http://www.gnu.org/copyleft/gpl.html
* @version $Revision: GK4 1.0 $
**/

.gkTab { position: relative; }
.gkTabWrap { margin: 0 auto; }
ul.gkTabs { margin:0!important; padding: 0!important; background: url('../images/style1/bg.png') repeat-x 0 0 !important; height:42px; border: 1px solid #e8e8e8!important; border-bottom-color: #e1e1e1 !important; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-radius-topleft: 4px; -webkit-border-radius-topright: 4px; border-radius-topright: 4px; }
ul.gkTabs li { list-style-type: none; position: relative; line-height: 42px !important; margin: 0 !important; padding: 0 20px!important; border: none !important; border-right: 1px solid #e3e3e3!important; background: none!important; float: left; cursor: pointer; font-weight: bold; color: #666 }
ul.gkTabs li:hover,
ul.gkTabs li.active { background: #fff !important; color: #5581b2 !important; border-bottom: 1px solid #fff !important }
ul.gkTabs li:hover:first-child,
ul.gkTabs li.active:first-child { -moz-border-radius-topleft: 4px; -webkit-border-radius-topleft: 4px; border-radius-topright: 4px; }
.gkTabContainer0 { clear: both; }
/*.gkTabContainer1 { overflow: hidden; }*/
.gkTabItem { float: left; overflow: hidden; padding: 26px 0; }
.gkTabButtonNext,
.gkTabButtonPrev { width: 18px; height: 18px; background: url('../images/style1/b_next.png') no-repeat 0 0; cursor: pointer; position: absolute; top: 43%; right: 0; text-indent:-999em; }
.gkTabButtonPrev { background: url('../images/style1/b_prev.png') no-repeat 0 0; left: 0; right:inherit; }
.gkTabButtonNext:hover,
.gkTabButtonPrev:hover { background-position: 100% 0; }
.gkTabContainer0,
.gkTabContainer1,
.gkTabContainer2 { position:relative; }
.gkTabItem { left: -999em; top: 0; width: 100%; }
.gkTabItem.active { position: static; left: 0; }

دوم : در فایل :
modules\mod_tabs_gk4\scripts\engine.js
بجای کدهای داخلش اینا رو جایگزین کن:
window.addEvent('load', function(){
    $$(
'.gkTab').each(function(el,i){
        var 
module_id el.getProperty('id');
        var 
$G $Gavick['gktab-'+module_id]; 
        var 
tabs el.getElements('.gkTabItem');
        var 
items el.getElements('.gkTabs li');
        var 
animation = ($G['animation'] == 0) ? true false;
        var 
currentTab $G['active_tab'] - 1;
        var 
eventActivator $G['activator'];
        var 
amount tabs.length;
        var 
timer false;
        var 
blank false;
        var 
falsy_click false;
        var 
animation_type $G['animation_type'];
        var 
opacityFx = [];
        
// prepare scroll effect
        
var scrollFx null
        if(
animation_type == 'slider') {
            
scrollFx = new Fx.Scroll(el.getElement(".gkTabContainer1"), {duration$G['animation_speed'], wait'ignore'wheelStops:falsetransition$G['animation_function']});

            var 
sum 0;
            
            
el.getElement('.gkTabContainer0').setStyle('width'el.getElement('.gkTabContainer2 .active').getSize().'px');
            
            
tabs.each(function(tabi){ 
                var 
size el.getElement('.gkTabContainer2 .active').getSize().x;
                
sum += size
                
tab.setStyles({
                    
'position' 'absolute',
                    
'left' size 'px',
                    
'width' size 'px'
                
});
            });
            
            
el.getElement('.gkTabContainer2').setStyle('width'sum 'px');
        }
        
// initial settings for opacity animation
        
if(animation_type == 'opacity') {
            
tabs.each(function(tabi){ 
                
tab.setStyles({
                    
'left' 0,
                    
                    
'opacity' tab.hasClass('active') ? 0
                
});
                
opacityFx[i] = new Fx.Tween(tab, {property'opacity'duration$G['animation_speed'], wait'ignore'});
            });
            
// hide unnecessary tabs (with delay for the NSP module
            
(function() {
                
tabs.setStyle('display''none');
                
tabs[0].setStyle('display''block');
            }).
delay(el.getElement('.gkTabContainer2').getElement('.nspMain') ? 2000 0);
        }
        
// add events to tabs
        
items.each(function(itemi){
            
            
item.addEvent(eventActivator, function(){
                if(
!= currentTab) {
                    
// specific operations for selected type of the animation
                    
if(animation_type == 'slider') {
                        
scrollFx.toElement(tabs[i]);
                    } else {
                        
opacityFx[currentTab].start(0);
                        
opacityFx[i].start(1);
                        
// anim
                        
tabs[i].setStyle('display''block');
                        
//
                        
(function(){
                            
tabs.setStyle('display''none');
                            
tabs[i].setStyle('display''block');    
                        }).
delay($G['animation_speed']);
                    }
                    
// external trigger
                    
if(typeof gkTabEventTrigger !== 'undefined') {
                        
gkTabEventTrigger(icurrentTabmodule_id);
                    }
                    
// common operations for both types of animation
                    
currentTab i;
                    if(!
falsy_clickblank true;
                    else 
falsy_click false;
                    
items.removeClass('active');
                    
item.addClass('active');
                    if(
$G['cookie_save'] == 1Cookie.write('gktab-' module_id1, { domain'/'duration256 });
                }
            });
        });
        
// add events to buttons
        
if(el.getElement('.gkTabButtonNext')) {
            
el.getElement('.gkTabButtonNext').addEvent('click', function() {
                if(
currentTab amount 1items[currentTab 1].fireEvent(eventActivator);    
                else 
items[0].fireEvent(eventActivator);
            });
            
            
el.getElement('.gkTabButtonPrev').addEvent('click', function() {
                if(
currentTab 0items[currentTab 1].fireEvent(eventActivator);    
                else 
items[amount 1].fireEvent(eventActivator);
            });
        }
        
        if(
$G["animation"] == 1){
            
timer = (function(){
                if(!
blank) {
                    
falsy_click true;
                    if(
currentTab amount 1items[currentTab 1].fireEvent(eventActivator);    
                    else 
items[0].fireEvent(eventActivator);
                } else {
                    
blank false;
                }
            }).
periodical($G["animation_interval"]);
        }
    });
}); 

کدهارو صددرصد تست کردم، ولی حتما قبلش از هردو فایل بکآپ بگیر. اگر آنلاین ست کنی بهتره که اگه مشکلی داشت سریع برطرف بشه.
-یاعلی
امضاء ehsansabet
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
| دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
| دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

طراحی ، اجرا و بهینه سازی وب سایت های جوملایی
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.


مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
 سپاس شده توسط Reza Ganji ، پیام عمرانی ، Pourdaryaei
ارسال پاسخ 


پیام‌های داخل این موضوع
تنظیم ارتفاع تب ساز گاویک - Pourdaryaei - ۱۳-۱-۱۳۹۱, ۰۷:۲۷ عصر
RE: تنظیم ارتفاع تب ساز گاویک - ehsansabet - ۱۴-۱-۱۳۹۱, ۱۱:۳۷ عصر
RE: تنظیم ارتفاع تب ساز گاویک - ehsansabet - ۱۵-۱-۱۳۹۱ ۰۵:۵۷ صبح
RE: تنظیم ارتفاع تب ساز گاویک - ehsansabet - ۱۵-۱-۱۳۹۱, ۰۵:۱۴ عصر
RE: تنظیم ارتفاع تب ساز گاویک - ehsansabet - ۱۵-۱-۱۳۹۱, ۱۰:۲۵ عصر

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان