top barre fixe gantry

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • top barre fixe gantry

    Bonjour

    J'utilise gantry dernière version sur joomla 2.5

    J'ai un problème : comment faire pour que la barre du haut (logo + menu, reste figer lors du défilement de la page vers le bas ?

    page pour exemple :


  • #2
    Re : top barre fixe gantry

    Envoyé par Diablov Voir le message
    Bonjour

    J'utilise gantry dernière version sur joomla 2.5

    J'ai un problème : comment faire pour que la barre du haut (logo + menu, reste figer lors du défilement de la page vers le bas ?

    page pour exemple :

    http://black-rose.fr/index.php/categories/graffiti-menu
    il faut utiliser la propriété position: fixed sur les selecteurs concernés.
    Vu que la compression css est activée, impossible d etre plus précis
    Code:
    #rt-header, #rt-top {
        z-index: 2;
        position: fixed;
    }
    Il y en as d autres à cibler, tels que #rt-logo
    A toi d'indiquer la position par rapport a l angle haut et gauche du conteneur.
    Dernière édition par lefabdu51 à 03/10/2013, 17h44

    Commentaire


    • #3
      Re : top barre fixe gantry

      Regarde au niveau du css : avec les propriétés "position:fixed", tu peux faire quelque chose.. Attention, il faudra que tu reprécises certaines propriétés (hauteur, largeur, etc..) pour que ton template ne "s'écroule" pas.
      Cordialement,
      Chabi01 - http://www.xlformation.com

      Commentaire


      • #4
        Re : top barre fixe gantry

        merci, donc en clair pas de moyen simple, comme les templates moderne de joomla51 ?

        parce-que la je vois pas ou mettre ce bout de code...

        Commentaire


        • #5
          Re : top barre fixe gantry

          Simple ou pas simple, c'est très subjectif...
          Si ce n'est pas inclus dans les paramètres du template, il faut le faire "à la main".
          Cordialement,
          Chabi01 - http://www.xlformation.com

          Commentaire


          • #6
            Re : top barre fixe gantry

            ok

            donc je ne sais toujours pas ou mettre ce bout de code..

            Commentaire


            • #7
              Re : top barre fixe gantry

              Envoyé par Diablov Voir le message
              ok

              donc je ne sais toujours pas ou mettre ce bout de code..
              Desactives la compression css ds les paramètres de ton template et je pourrais te dire ou tu doit le mettre....

              Commentaire


              • #8
                Re : top barre fixe gantry

                c'est deja desactivé

                merci

                Commentaire


                • #9
                  Re : top barre fixe gantry

                  Hello.

                  Je vait essayer un autre template, donc j'attend encore un peu pour avoir la soluce de lefdabdu51...

                  Commentaire


                  • #10
                    Re : top barre fixe gantry

                    ^ Ben tu devais éditer dans le fichier CSS de ton template : Extensions/Gestions des Templates/Templates/ton_template Détails et fichiers/
                    Puis Modifier /css/template_principal.css et chercher cette ligne : « #rt-header, #rt-top ».

                    Si tu ne cesses de changer de template car tu as un problème, tu ne vas pas avancer beaucoup.

                    Commentaire


                    • #11
                      Re : top barre fixe gantry

                      merci vbais voir cela

                      et le changement de template je n'ai jamais dis que je le fais pour contourner le problème, c'est pour affecter a certaines pages...

                      Commentaire


                      • #12
                        Re : top barre fixe gantry

                        Je ne trouve pas de #rt-header ni de #rt-top dans le CSS...

                        voici le code que j'ai :

                        <?php
                        /**
                        * @version $Id: index.php 9769 2013-04-26 17:40:14Z kevin $
                        * @author RocketTheme http://www.rockettheme.com
                        * @copyright Copyright (C) 2007 - 2013 RocketTheme, LLC
                        * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
                        *
                        * Gantry uses the Joomla Framework (http://www.joomla.org), a GNU/GPLv2 content management system
                        *
                        */
                        // no direct access
                        defined( '_JEXEC' ) or die( 'Restricted index access' );

                        // load and inititialize gantry class
                        require_once(dirname(__FILE__) . '/lib/gantry/gantry.php');
                        $gantry->init();

                        // get the current preset
                        $gpreset = str_replace(' ','',strtolower($gantry->get('name')));

                        ?>
                        <!doctype html>
                        <html xml:lang="<?php echo $gantry->language; ?>" lang="<?php echo $gantry->language;?>" >
                        <head>
                        <?php if ($gantry->get('layout-mode') == '960fixed') : ?>
                        <meta name="viewport" content="width=960px">
                        <?php elseif ($gantry->get('layout-mode') == '1200fixed') : ?>
                        <meta name="viewport" content="width=1200px">
                        <?php else : ?>
                        <meta name="viewport" content="width=device-width, initial-scale=1.0">
                        <?php endif; ?>
                        <?php
                        $gantry->displayHead();

                        $gantry->addStyle('grid-responsive.css', 5);
                        $gantry->addLess('bootstrap.less', 'bootstrap.css', 6);

                        if ($gantry->browser->name == 'ie'){
                        if ($gantry->browser->shortversion == 9){
                        $gantry->addInlineScript("if (typeof RokMediaQueries !== 'undefined') window.addEvent('domready', function(){ RokMediaQueries._fireEvent(RokMediaQueries.getQuer y()); });");
                        }
                        if ($gantry->browser->shortversion == 8){
                        $gantry->addScript('html5shim.js');
                        }
                        }
                        if ($gantry->get('layout-mode', 'responsive') == 'responsive') $gantry->addScript('rokmediaqueries.js');
                        if ($gantry->get('loadtransition')) {
                        $gantry->addScript('load-transition.js');
                        $hidden = ' class="rt-hidden"';}

                        ?>
                        </head>
                        <body <?php echo $gantry->displayBodyTag(); ?>>
                        <?php /** Begin Top Surround **/ if ($gantry->countModules('top') or $gantry->countModules('header')) : ?>
                        <header id="rt-top-surround">
                        <?php /** Begin Top **/ if ($gantry->countModules('top')) : ?>
                        <div id="rt-top" <?php echo $gantry->displayClassesByTag('rt-top'); ?>>
                        <div class="rt-container">
                        <?php echo $gantry->displayModules('top','standard','standard'); ?>
                        <div class="clear"></div>
                        </div>
                        </div>
                        <?php /** End Top **/ endif; ?>
                        <?php /** Begin Header **/ if ($gantry->countModules('header')) : ?>
                        <div id="rt-header">
                        <div class="rt-container">
                        <?php echo $gantry->displayModules('header','standard','standard'); ?>
                        <div class="clear"></div>
                        </div>
                        </div>
                        <?php /** End Header **/ endif; ?>
                        </header>
                        <?php /** End Top Surround **/ endif; ?>
                        <?php /** Begin Drawer **/ if ($gantry->countModules('drawer')) : ?>
                        <div id="rt-drawer">
                        <div class="rt-container">
                        <?php echo $gantry->displayModules('drawer','standard','standard'); ?>
                        <div class="clear"></div>
                        </div>
                        </div>
                        <?php /** End Drawer **/ endif; ?>
                        <?php /** Begin Showcase **/ if ($gantry->countModules('showcase')) : ?>
                        <div id="rt-showcase">
                        <div class="rt-showcase-pattern">
                        <div class="rt-container">
                        <?php echo $gantry->displayModules('showcase','standard','standard' ); ?>
                        <div class="clear"></div>
                        </div>
                        </div>
                        </div>
                        <?php /** End Showcase **/ endif; ?>
                        <div id="rt-transition"<?php if ($gantry->get('loadtransition')) echo $hidden; ?>>
                        <div id="rt-mainbody-surround">
                        <?php /** Begin Feature **/ if ($gantry->countModules('feature')) : ?>
                        <div id="rt-feature">
                        <div class="rt-container">
                        <?php echo $gantry->displayModules('feature','standard','standard') ; ?>
                        <div class="clear"></div>
                        </div>
                        </div>
                        <?php /** End Feature **/ endif; ?>
                        <?php /** Begin Utility **/ if ($gantry->countModules('utility')) : ?>
                        <div id="rt-utility">
                        <div class="rt-container">
                        <?php echo $gantry->displayModules('utility','standard','standard') ; ?>
                        <div class="clear"></div>
                        </div>
                        </div>
                        <?php /** End Utility **/ endif; ?>
                        <?php /** Begin Breadcrumbs **/ if ($gantry->countModules('breadcrumb')) : ?>
                        <div id="rt-breadcrumbs">
                        <div class="rt-container">
                        <?php echo $gantry->displayModules('breadcrumb','standard','standard' ); ?>
                        <div class="clear"></div>
                        </div>
                        </div>
                        <?php /** End Breadcrumbs **/ endif; ?>
                        <?php /** Begin Main Top **/ if ($gantry->countModules('maintop')) : ?>
                        <div id="rt-maintop">
                        <div class="rt-container">
                        <?php echo $gantry->displayModules('maintop','standard','standard') ; ?>
                        <div class="clear"></div>
                        </div>
                        </div>
                        <?php /** End Main Top **/ endif; ?>
                        <?php /** Begin Full Width**/ if ($gantry->countModules('fullwidth')) : ?>
                        <div id="rt-fullwidth">
                        <?php echo $gantry->displayModules('fullwidth','basic','basic'); ?>
                        <div class="clear"></div>
                        </div>
                        <?php /** End Full Width **/ endif; ?>
                        <?php /** Begin Main Body **/ ?>
                        <div class="rt-container">
                        <?php echo $gantry->displayMainbody('mainbody','sidebar','standard',' standard','standard','standard','standard'); ?>
                        </div>
                        <?php /** End Main Body **/ ?>
                        <?php /** Begin Main Bottom **/ if ($gantry->countModules('mainbottom')) : ?>
                        <div id="rt-mainbottom">
                        <div class="rt-container">
                        <?php echo $gantry->displayModules('mainbottom','standard','standard' ); ?>
                        <div class="clear"></div>
                        </div>
                        </div>
                        <?php /** End Main Bottom **/ endif; ?>
                        <?php /** Begin Extension **/ if ($gantry->countModules('extension')) : ?>
                        <div id="rt-extension">
                        <div class="rt-container">
                        <?php echo $gantry->displayModules('extension','standard','standard') ; ?>
                        <div class="clear"></div>
                        </div>
                        </div>
                        <?php /** End Extension **/ endif; ?>
                        </div>
                        </div>
                        <?php /** Begin Bottom **/ if ($gantry->countModules('bottom')) : ?>
                        <div id="rt-bottom">
                        <div class="rt-container">
                        <?php echo $gantry->displayModules('bottom','standard','standard'); ?>
                        <div class="clear"></div>
                        </div>
                        </div>
                        <?php /** End Bottom **/ endif; ?>
                        <?php /** Begin Footer Section **/ if ($gantry->countModules('footer') or $gantry->countModules('copyright')) : ?>
                        <footer id="rt-footer-surround">
                        <?php /** Begin Footer **/ if ($gantry->countModules('footer')) : ?>
                        <div id="rt-footer">
                        <div class="rt-container">
                        <?php echo $gantry->displayModules('footer','standard','standard'); ?>
                        <div class="clear"></div>
                        </div>
                        </div>
                        <?php /** End Footer **/ endif; ?>
                        <?php /** Begin Copyright **/ if ($gantry->countModules('copyright')) : ?>
                        <div id="rt-copyright">
                        <div class="rt-container">
                        <?php echo $gantry->displayModules('copyright','standard','standard') ; ?>
                        <div class="clear"></div>
                        </div>
                        </div>
                        <?php /** End Copyright **/ endif; ?>
                        </footer>
                        <?php /** End Footer Surround **/ endif; ?>
                        <?php /** Begin Debug **/ if ($gantry->countModules('debug')) : ?>
                        <div id="rt-debug">
                        <div class="rt-container">
                        <?php echo $gantry->displayModules('debug','standard','standard'); ?>
                        <div class="clear"></div>
                        </div>
                        </div>
                        <?php /** End Debug **/ endif; ?>
                        <?php /** Begin Analytics **/ if ($gantry->countModules('analytics')) : ?>
                        <?php echo $gantry->displayModules('analytics','basic','basic'); ?>
                        <?php /** End Analytics **/ endif; ?>
                        </body>
                        </html>
                        <?php
                        $gantry->finalize();
                        ?>

                        Commentaire


                        • #13
                          Re : top barre fixe gantry

                          ^ Marrant, moi je le trouve dans ce code.
                          Mais c'est du PHP, pas du CSS. Car j'avais bien dit de chercher dans au moins un fichier CSS.

                          Commentaire


                          • #14
                            Re : top barre fixe gantry

                            j'ai fait un ctrl-f avec #rt-header. ben je ne trouve rien.

                            Commentaire


                            • #15
                              Re : top barre fixe gantry

                              C'est normal !
                              Dans ton template, tu as :
                              [CODE]
                              <div id="rt-header">
                              <div class="rt-container">
                              <?php echo $gantry->displayModules('header','standard','standard'); ?>
                              <div class="clear"></div>
                              [CODE]
                              C'est dans le css que tu trouveras un "#", pas dans le html/php de index.php...

                              Cordialement,
                              Chabi01 - http://www.xlformation.com

                              Commentaire

                              Annonce

                              Réduire
                              Aucune annonce pour le moment.

                              Partenaire de l'association

                              Réduire

                              Hébergeur Web PlanetHoster
                              Travaille ...
                              X