file Gantry fix menü

Több
2015 márc. 10 18:09 - 2015 márc. 10 18:24 #11 Írta: Zotius
Zotius válaszolt a következő témában: Gantry fix menü

sanya93 írta: ez alapján próbáltam de nem írja le részletesen melyik fájlokat módosítsam

Balázs írta: Beszúrt három képet, azokat a sorokat a következő fájlokba kell beleraknod/létrehoznod:
1. fixedheader.php -> \..\gantry\features\
2. templateOptions.xml -> \..\gantry\
3. gantry-custom.css -> \..\gantry\css\


Régóta izgat engem is ez a dolog, de mindig húzódóztam, hogy bedolgozzam a sablonba. Most végre rászántam magam, lesz-ami-lesz alapon. :)
Ellátogattam a szerző honlapjára (Balázs linkelte be). Itt találtam egy kis segítséget, alul a comments-ben, a szerző válaszában : "You can download JGT1 free template and have a look at the code"
Letöltöttem a JGT1 template-et, s láss csodát: benne van a fixedheader.php.
Itt vannak a kódok, amiket egyébként a szerző képként illesztett a leírásba:
fixedheader.php
<?php
/**
 * @package     gantry
 * @subpackage  features
 * @version     1
 * @author      Tomasz Kisielewski
 * @url         tkstudiodesign.com
 * @license     GPL
 */
defined('JPATH_BASE') or die();
gantry_import('core.gantryfeature');
class GantryFeatureFixedheader extends GantryFeature {
    var $_feature_name = 'fixedheader';
    function init() {
        global $gantry;
	if($gantry->get('fixedheader-enabled')){
        $gantry->addInlineScript (
                "
		jQuery(document).ready(function(){
                var myheader = jQuery('#rt-header');
		jQuery(window).on('scroll',function(){
                var fromTop = jQuery(document).scrollTop();
                jQuery('#rt-top-surround #rt-header').toggleClass('down animated ".$gantry->get('fixedheader-effectIn')."',(fromTop>400));
		jQuery('.gf-menu-toggle').toggleClass('menu-toggle-fixed animated" .$gantry->get('fixedheader-effectIn')."',(fromTop>450));
		if (!(jQuery('.menu-block').find('.gf-menu').length>0)&&(myheader.length && myheader.hasClass('down'))){
		jQuery('.layout-mode-responsive .gf-menu-device-wrapper-sidemenu .gf-menu-device-container').css('padding-top','70px');
		jQuery('#rt-header').css('min-height','40px');
		}else{
		jQuery('.layout-mode-responsive .gf-menu-device-wrapper-sidemenu .gf-menu-device-container').css('padding-top','0px');
		}
                    });
                });
		"
	     );//eof addscript
    }
} //end waypoint enabled
 }
?>
template-options.xml kiegészítése:
<!-- fixedheader kiegészítés (a <fieldset name="menu" label="MENU"> után kell beilleszteni) -->
    <fields name="fixedheader" type="chain" label="FIXED HEADER">
      <field name="enabled" type="toggle" default="0" label="ON/OF"/>
      <field name="effectIn" type="selectbox" label="ANIMATION_EFFECT_IN" default="Default">
        <option value="bounceIn">Bounce In</option>
        <option value="bounceInDown">BounceInDown</option>
        <option value="bounceInLeft">Bounce In Left</option>
        <option value="bounceInRight">Bounce In Right</option>
        <option value="bounceInUp">Bounce In Up</option>
        <option value="fadeInDown">Fade In Down</option>
        <option value="fadeIn">Fade In</option>
        <option value="fadeInDownBig">Fade In Down Big</option>
        <option value="fadeInLeft">Fade In Left</option>
        <option value="fadeInLeftBig">Fade In Left Big</option>
        <option value="fadeInRight">Fade In Right</option>
        <option value="fadeInRightBig">Fade In Right Big</option>
        <option value="fadeInUpRight">Fade In Up</option>
        <option value="slideInRight">Slide In Right</option>
        <option value="slideInLeft">Slide In Left</option>
        <option value="slideInDown">Slide In Down</option>
        <option value="lightSpeedIn">Light Speed In</option>
        <option value="flipInY">Flip In Y</option>
        <option value="flipInX">Flip In X</option>
        <option value="flip">Flip</option>
      </field>
    </fields>
<!-- kiegészítés vége -->
Kell még az animate.min.css, a menüanimációhoz (mellékelve)

Melléklet:

Fájlnév: animate-min-css.zip
Fájlméret:3 KB

Ha hasznos volt a hozzászólásom számodra, nyugodtan megnyomhatod lent a „Köszönet” gombot :)
Skype: zotius
Mellékletek:
Utolsó szerkesztés: 2015 márc. 10 18:24 Zotius által.
A következő felhasználók mondtak köszönetet: Balázs

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2015 júl. 06 20:07 #12 Írta: stoppos
stoppos válaszolt a következő témában: Gantry fix menü
Üdv,

kezdő volnék:)

az említett 3-rom fájlt hova is kell bemásolni, abban az esetben ha Hydrogen sablont használok?

Köszi a választ, Peti

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2015 júl. 07 08:48 #13 Írta: Balázs
Balázs válaszolt a következő témában: Gantry fix menü
Az előző leírás Gantry4-re vonatkozik, a Gantry5 már teljesen új rendszer, ide teljesen új megoldás kell.

Ha bizalmas információt szeretnél közölni az adminokkal, akkor tedd az üzeneted tartalmát a [ confidential ][ /confidential ] címkék közé (szóközök nélkül).

Joomla! tanácsadás, oktatás, fejlesztés - joomlabs.hu

Jelentkezz be, hogy te is részt vehess beszélgetésben!