زمان کنونی: ۸-۸-۱۴۰۵, ۰۷:۳۰ صبح درود مهمان گرامی! (ورود — ثبت نام)


ارسال پاسخ 
 
امتیاز موضوع:
  • 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:false, transition: $G['animation_function']});

            var 
sum = 0;
            
            
el.getElement('.gkTabContainer0').setStyle('width', el.getElement('.gkTabContainer2 .active').getSize().x + 'px');
            
            
tabs.each(function(tab, i){ 
                var 
size = el.getElement('.gkTabContainer2 .active').getSize().x;
                
sum += size; 
                
tab.setStyles({
                    
'position' : 'absolute',
                    
'left' : i * size + 'px',
                    
'width' : size + 'px'
                
});
            });
            
            
el.getElement('.gkTabContainer2').setStyle('width', sum + 'px');
        }
        
// initial settings for opacity animation
        
if(animation_type == 'opacity') {
            
tabs.each(function(tab, i){ 
                
tab.setStyles({
                    
'left' : 0,
                    
                    
'opacity' : tab.hasClass('active') ? 1 : 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(item, i){
            
            
item.addEvent(eventActivator, function(){
                if(
i != 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(i, currentTab, module_id);
                    }
                    
// common operations for both types of animation
                    
currentTab = i;
                    if(!
falsy_click) blank = true;
                    else 
falsy_click = false;
                    
items.removeClass('active');
                    
item.addClass('active');
                    if(
$G['cookie_save'] == 1) Cookie.write('gktab-' + module_id, i + 1, { domain: '/', duration: 256 });
                }
            });
        });
        
// add events to buttons
        
if(el.getElement('.gkTabButtonNext')) {
            
el.getElement('.gkTabButtonNext').addEvent('click', function() {
                if(
currentTab < amount - 1) items[currentTab + 1].fireEvent(eventActivator);    
                else 
items[0].fireEvent(eventActivator);
            });
            
            
el.getElement('.gkTabButtonPrev').addEvent('click', function() {
                if(
currentTab > 0) items[currentTab - 1].fireEvent(eventActivator);    
                else 
items[amount - 1].fireEvent(eventActivator);
            });
        }
        
        if(
$G["animation"] == 1){
            
timer = (function(){
                if(!
blank) {
                    
falsy_click = true;
                    if(
currentTab < amount - 1) items[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 مهمان