top barre fixe gantry

**lefabdu51** · 03/10/2013, 17h41

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.

**chabi01** · 03/10/2013, 17h41

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,

**Diablov** · 03/10/2013, 18h06

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...

**chabi01** · 03/10/2013, 19h50

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,

**Diablov** · 04/10/2013, 04h47

Re : top barre fixe gantry

ok

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

**lefabdu51** · 04/10/2013, 08h40

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....

**Diablov** · 04/10/2013, 15h32

Re : top barre fixe gantry

c'est deja desactivé

merci

**Diablov** · 06/10/2013, 10h56

Re : top barre fixe gantry

Hello.

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

**LouFlo** · 06/10/2013, 12h18

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.

**Diablov** · 06/10/2013, 14h46

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...

**Diablov** · 06/10/2013, 15h58

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();
?>

**LouFlo** · 07/10/2013, 10h34

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.

**Diablov** · 07/10/2013, 10h44

Re : top barre fixe gantry

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

**chabi01** · 07/10/2013, 14h42

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,

top barre fixe gantry

top barre fixe gantry

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Annonce

Partenaire de l'association