[Problème] Problème gestion Colonne Droite haut --> Position 6 sous BEEZ5

[Patagonia]

Bonjour à tous,

j'ai actuellement un problème avec ma position 6 sous le template Beez5 (J2.5). Je ne parviens pas à supprimer l'effet "Fermer les infos" sans supprimer tous les modules logés à cette position.

Plus concrètement je vous propose de jeter un coup d'oeil à mon site en page d'accueil (www.barrel.fr), vous comprendrez tout de suite mieux. Je souhaite répartir mes modules équitablement à gauche comme à droite.
Je reste attentif à vos remarque pour vous fournir d'autres infos qui pourraient faire avancer le problème.

Merci d'avance

[SimonG]

Re : Problème gestion Colonne Droite haut --> Position 6 sous BEEZ5

Bonjour et bienvenue,
pour supprimer "Fermer les infos", tu dois supprimer la ligne 186 du fichier templates/beez_20/index.php

<?php echo JText::_('TPL_BEEZ2_TEXTRIGHTCLOSE'); ?>

[Patagonia]

Re : Problème gestion Colonne Droite haut --> Position 6 sous BEEZ5

Super, merci. Donc ça c'est fait. Maintenant je n'arrive pas à positionner mes modules en haut à droite. J'ai joué avec le fichier position.css de beez5 mais ça ne change rien. Peut être que vous aiderai de voir le contenu de mon fichier position:

/**

 * @author ( Angie Radtke )
 * @package Joomla
 * @subpackage Accessible-Template-Beez
 * @copyright Copyright (C) 2005 - 2009 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */

/* not ready */

*
{
        margin: 0;
        padding: 0;
}

body
{
    font-size: 100.01%;
    padding: 0px;
    text-align: center;
    position:relative;
}

/* ###################### general ###################### */
#all
{
    margin: 0 auto;
    max-width:1050px;
    padding: 0px;
    text-align: left;
}

#header
{
    display:block ;
    position:relative;
    padding:0px;
    overflow:hidden;
}

#back
{
        margin: 0;
        padding:0px;

}

#contentarea,
#contentarea2
{
    position:relative;
    overflow:hidden;
    padding:0px 20px ;
    margin:0;

   }

#wrapper
{
    width:100%;
    float:left;
    position:relative;
    vertical-align:top;
  }

#wrapper2
{
    width:100%;
    float:left;
    position:relative;
    padding-bottom:20px;


}


#wrapper2 .item-page
{max-width:1000px;}
#main
{
    padding: 10px 0px 0px 0px;
    position: relative;
    min-height:320px;

}

#right
{
    float:right;
    width: 40%;
    margin:10px 0px 10px 2%;
    padding:0px 0px 5px 20px;
    position:relative;
    vertical-align:top;


}

.unseen,
.hidelabeltxt
{
        display: inline;
    height: 0px;
    left: -3000px;
    position: absolute;
    top: -2000px;
    width: 0px;
}

/* ++++++++++++++  nav after content  ++++++++++++++ */
.left
{
        padding-top:0px;
        float:right;
        margin:10px 0px 10px 0%;
        width: 70%;
        position:relative;

}

/* ++++++++++++++  nav before content  ++++++++++++++ */
.left1
{
    padding:0px 0 0 0px;
    float: left;
    margin:10px 3% 10px 0px;
    width: 60%;
    position:relative;
}

.leftbigger
{
        width:60%
}


/* ###################### header ###################### */

.skiplinks,
.skiplinks li
{
        display: inline;
    height: 0px;
    line-height:0;
    padding:0 !important;
}

.skiplinks li a.u2
{
        display: inline;
    height: 0px;
    left: -3000px;
    position: absolute;
    top: -2000px;
    width: 0px;
    z-index: 200 !important;
}

.skiplinks li a.u2:active,
.skiplinks li a.u2:focus
{
        position:absolute;
    width:13em;
    top:10px;
    left:10px;
    z-index:10;
    line-height:1.5em;
    padding:5px;
    font-weight:bold;
    height:3em
}

.wrap
{
        border: 0;
    clear: both;
    float: none;
    font-size: 1px;
    height: 0;
    line-height: 1px;
    margin: 0;
    padding: 0;
    visibility: hidden;
}

h1#logo
{
        font-size:3.5em;
        line-height:1.0em;

}

#logo
{
       background-color: #ffffff;
      }





#logo img
{
        display: block;
        }

#logo span
{
        padding-left:2px
}

#logo span.header1
{
        font-size:0.4em;
        display:block;
        top:0em;
        line-height:0.8em
}

.logoheader
{
        margin:0;
        padding:0;
        text-align:left;
        font-weight:normal;
        line-height:1.5em;


}

#line
{

}

/* ++++++++++++++  button for closing right column  ++++++++++++++ */

#close
{
        margin-right:0px;
        font-size:0.85em;
        text-transform:uppercase;
}

#close span
{
    position:absolute;
    right: 20px;
    z-index:10000;
    top:5px;
    width:7em;
    font-weight:bold;
    text-align:right;
    line-height:1.5em;
    padding:5px 2px 5px 5px
}


/* ###################### main ###################### */

/* ++++++++++++++  position  ++++++++++++++ */

.blog-featured
{
        padding: 0;
}

.items-leading
{
        padding:0px 5px 10px 5px;
        overflow:hidden;
        margin-bottom:10px
}

.row-separator
{
        display: block;
        clear: both;
        margin: 0;
        border: 0px;
        height:1px
}

.item-separator
{
        display: none;
        margin: 0px;
}

.shownocolumns
{
        width:98% !important;
}

#top
{
        margin:0 0 20px 0;
        overflow:hidden
}

/* ++++++++++++++  blog  ++++++++++++++ */

.cols-1
{
        display: block;
        float: none !important;
        margin: 0 !important;
}

.cols-2 .column-1
{
        width:46%;
        float:left;
}

.cols-2 .column-2
{
        width:46%;
        float:right;
        margin:0
}

.cols-3 .column-1
{
        float:left;
        width:29%;
        padding:0px 5px;
        margin-right:4%

}
.cols-3 .column-2
{
        float:left;
        width:29%;
        margin-left:0;
        padding:0px 5px
}
.cols-3 .column-3
{
        float:right;
        width:29%;
        padding:0px 5px
}

.items-row
{
        overflow:hidden;
        margin-bottom:10px !important;
}

.column-1,
.column-2,
.column-3
{
        padding:10px 5px
}

.column-2
{
        width:55%;
        margin-left:40%;
}

.column-3
{
        width:30%
}

.blog-more
{
        padding:10px 5px
}

/* ++++++++++++++  footer  ++++++++++++++ */

#bottom
{
        overflow:hidden
}

.box
{
        width:27%;
        float:left;
        margin-right:10px;
        min-height:100px;
        position:relative
}

.box1
{
        width:35%
}

.box2
{
        width:32%
}

.box3
{
        float:right
}

#footer-inner
{
        max-width:1025px;
        margin:0 auto;
        font-size:0.8em;
        padding:10px 15px 15px 10px;
}

img { border: 0 none; }

[lefabdu51]

Re : Problème gestion Colonne Droite haut --> Position 6 sous BEEZ5

ligne 13 du fichier index.php
remplaces ceci
$showRightColumn = ($this->countModules('position-3') or $this->countModules('position-6') or $this->countModules('position-8'));

par ceci:
$showRightColumn = 1;

Ligne 197, supprimes ceci
<?php endif; ?>
ensuite ligne 180 tu supprimes tout ca :
<?php if ($showRightColumn) : ?>
<h2 class="unseen">
<?php echo JText::_('TPL_BEEZ2_ADDITIONAL_INFORMATION'); ?>
</h2>
<div id="close">
<a href="#" onclick="auf('right')">
<span id="bild">
<?php echo JText::_('TPL_BEEZ2_TEXTRIGHTCLOSE'); ?></span></a>
</div>
;

[lefabdu51]

Re : Problème gestion Colonne Droite haut --&gt; Position 6 sous BEEZ5

Tu n as supprimé que le texte, et par defaut, elle apparais comme fermée. Donc tes modules sont invisible.

[Patagonia]

Re : Problème gestion Colonne Droite haut --&gt; Position 6 sous BEEZ5

Merci pour ta réponse. Alors j'ai fait exactement ce que tu m'as dit mais je ne parviens toujours pas à assigner mes modules de la position 6 en haut de la colonne. (www.barrel.fr)

[lefabdu51]

Re : Problème gestion Colonne Droite haut --&gt; Position 6 sous BEEZ5

en haut a droite il yas ceci qui figures.. Module ID=118 not found !
quel est le module qui avais cet identifiant?

[lefabdu51]

Re : Problème gestion Colonne Droite haut --&gt; Position 6 sous BEEZ5

en haut a droite il yas ceci qui figures.. Module ID=118 not found !
quel est le module qui avais cet identifiant?

il y as un display none, qui apparais dans le code html de la position right...
et quand on le supprimes tes modules apparaissent bien;
Ce n est pas un probleme de module, mais plutot de ton fichier index.php.
Peut tu m envoyer une copie?

[lefabdu51]

Re : Problème gestion Colonne Droite haut --&gt; Position 6 sous BEEZ5

la manip est pour beez 2 et pas pour beez 5...xcuse je passe la solution ce soir.... il y as d autres lignes a supprimer et la je doit bouger...

[lefabdu51]

Re : Problème gestion Colonne Droite haut --&gt; Position 6 sous BEEZ5

<?php if ($showRightColumn) : ?>
<h2 class="unseen">
<?php echo JText::_('TPL_BEEZ5_ADDITIONAL_INFORMATION'); ?>
</h2>
<div id="close">
<a href="#" onclick="auf('right')">
<span id="bild">
<?php echo JText::_('TPL_BEEZ5_TEXTRIGHTCLOSE'); ?></span></a>
</div>

<?php if (!$templateparams->get('html5', 0)): ?>

<?php else: ?>
<aside id="right">
<?php endif; ?>


<?php if(!$templateparams->get('html5', 0)): ?>
</div><!-- end right -->
<?php else: ?>
</aside>
<?php endif; ?>
<?php endif; ?>

tout ce bloc est àremplacer par ceci:
<div id="right">
<jdoc:include type="modules" name="position-6" style="beezDivision" headerLevel="3"/>
<jdoc:include type="modules" name="position-8" style="beezDivision" headerLevel="3" />
<jdoc:include type="modules" name="position-3" style="beezDivision" headerLevel="3" />
</div>

[Patagonia]

Re : Problème gestion Colonne Droite haut --&gt; Position 6 sous BEEZ5

Oui en effet j'ai un problème avec un module en haut à droite mais je suis en train de corriger ça.
J'ai dû désactiver toutes mes extensions pour les réactiver une par une afin de résoudre un problème de Boardcode dans mon forum. Depuis j'ai perdu toute instantanéité entre mes actions sur le panneau de contrôle et le site. Enfin je vais pas t'embêter avec ça. Pour le problème que l'on essai de résoudre ici voici le code mon fichier index.php:

<?php
/**
* @version $Id: index.php 17268 2010-05-25 20:32:21Z a.radtke $
* @package Joomla.Site
* @subpackage Templates.beez5
* @copyright Copyright (C) 2005 - 2011 Open Source Matters, Inc. All rights reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
*/

// No direct access.
defined('_JEXEC') or die;

// check modules
$showRightColumn = 1;
$showbottom = ($this->countModules('position-9') or $this->countModules('position-10') or $this->countModules('position-11'));
$showleft = ($this->countModules('position-4') or $this->countModules('position-7') or $this->countModules('position-5'));

if ($showRightColumn==0 and $showleft==0) {
$showno = 0;
}

JHtml::_('behavior.framework', true);

// get params
$color = $this->params->get('templatecolor');
$logo = $this->params->get('logo');
$navposition = $this->params->get('navposition');
$app = JFactory::getApplication();
$doc = JFactory::getDocument();
$templateparams = $app->getTemplate(true)->params;

$doc->addScript($this->baseurl.'/templates/beez5/javascript/md_stylechanger.js', 'text/javascript', true);
?>
<?php if(!$templateparams->get('html5', 0)): ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?php else: ?>
<?php echo '<!DOCTYPE html>'; ?>
<?php endif; ?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/beez5/css/position.css" type="text/css" media="screen,projection" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/beez5/css/layout.css" type="text/css" media="screen,projection" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/beez5/css/print.css" type="text/css" media="Print" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/beez5/css/beez5.css" type="text/css" />
<?php
$files = JHtml::_('stylesheet','templates/beez5/css/general.css',null,false,true);
if ($files):
if (!is_array($files)):
$files = array($files);
endif;
foreach($files as $file):
?>
<link rel="stylesheet" href="<?php echo $file;?>" type="text/css" />
<?php
endforeach;
endif;
?>
<?php if ($this->direction == 'rtl') : ?>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/beez5/css/template_rtl.css" type="text/css" />
<?php endif; ?>
<!--[if lte IE 6]>
<link href="<?php echo $this->baseurl ?>/templates/beez5/css/ieonly.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE 7]>
<link href="<?php echo $this->baseurl ?>/templates/beez5/css/ie7only.css" rel="stylesheet" type="text/css" />
<![endif]-->
<?php if($templateparams->get('html5', 0)) { ?>

<?php } ?>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/beez5/javascript/hide.js"></script>

<script type="text/javascript">
var big ='<?php echo (int)$this->params->get('wrapperLarge');?>%';
var small='<?php echo (int)$this->params->get('wrapperSmall'); ?>%';
var altopen='<?php echo JText::_('TPL_BEEZ5_ALTOPEN',true); ?>';
var altclose='<?php echo JText::_('TPL_BEEZ5_ALTCLOSE',true); ?>';
var bildauf='<?php echo $this->baseurl ?>/templates/beez5/images/plus.png';
var bildzu='<?php echo $this->baseurl ?>/templates/beez5/images/minus.png';
var rightopen='<?php echo JText::_('TPL_BEEZ5_TEXTRIGHTOPEN',true); ?>';
var rightclose='<?php echo JText::_('TPL_BEEZ5_TEXTRIGHTCLOSE'); ?>';
</script>

</head>

(....suite en dessous)

[Patagonia]

Re : Problème gestion Colonne Droite haut --&gt; Position 6 sous BEEZ5

suite -->


<body>

<div id="all">
<div id="back">
<?php if(!$templateparams->get('html5', 0)): ?>
<div id="header">
<?php else: ?>
<header id="header">
<?php endif; ?>
<div class="logoheader">
<h1 id="logo">
<a href="/index.php">
<?php if ($logo != null ): ?>
<img src="<?php echo $this->baseurl ?>/<?php echo htmlspecialchars($logo); ?>" alt="<?php echo htmlspecialchars($templateparams->get('sitetitle'));?>" />
<?php else: ?>
<?php echo htmlspecialchars($templateparams->get('sitetitle'));?>
<?php endif; ?>
<span class="header1">
<?php echo htmlspecialchars($templateparams->get('sitedescription'));?>
</span>
</a>
</h1>
</div><!-- end logoheader -->

<ul class="skiplinks">
<li><a href="#main" class="u2"><?php echo JText::_('TPL_BEEZ5_SKIP_TO_CONTENT'); ?></a></li>
<li><a href="#nav" class="u2"><?php echo JText::_('TPL_BEEZ5_JUMP_TO_NAV'); ?></a></li>
<?php if($showRightColumn ):?>
<li><a href="#additional" class="u2"><?php echo JText::_('TPL_BEEZ5_JUMP_TO_INFO'); ?></a></li>
<?php endif; ?>
</ul>
<h2 class="unseen"><?php echo JText::_('TPL_BEEZ5_NAV_VIEW_SEARCH'); ?></h2>
<h3 class="unseen"><?php echo JText::_('TPL_BEEZ5_NAVIGATION'); ?></h3>
<jdoc:include type="modules" name="position-1" />
<div id="line">
<h3 class="unseen"><?php echo JText::_('TPL_BEEZ5_SEARCH'); ?></h3>
<jdoc:include type="modules" name="position-0" />
</div> <!-- end line -->

<?php if (!$templateparams->get('html5', 0)): ?>
</div><!-- end header -->
<?php else: ?>
</header><!-- end header -->
<?php endif; ?>
<div id="<?php echo $showRightColumn ? 'contentarea2' : 'contentarea'; ?>">
<div id="breadcrumbs">

<jdoc:include type="modules" name="position-2" />

</div>

<?php if ($navposition=='left' AND $showleft) : ?>

<?php if(!$this->params->get('html5', 0)): ?>
<div class="left1 <?php if ($showRightColumn==NULL){ echo 'leftbigger';} ?>" id="nav">
<?php else: ?>
<nav class="left1 <?php if ($showRightColumn==NULL){ echo 'leftbigger';} ?>" id="nav">
<?php endif; ?>

<jdoc:include type="modules" name="position-7" style="beezDivision" headerLevel="3" />
<jdoc:include type="modules" name="position-4" style="beezHide" headerLevel="3" state="0 " />
<jdoc:include type="modules" name="position-5" style="beezTabs" headerLevel="2" id="3" />

<?php if(!$this->params->get('html5', 0)): ?>
</div><!-- end navi -->
<?php else: ?>
</nav>
<?php endif; ?>

<?php endif; ?>

<div id="<?php echo $showRightColumn ? 'wrapper' : 'wrapper2'; ?>" <?php if (isset($showno)){echo 'class="shownocolumns"';}?>>

<div id="main">

<?php if ($this->countModules('position-12')): ?>
<div id="top"><jdoc:include type="modules" name="position-12" />
</div>
<?php endif; ?>

<jdoc:include type="message" />
<jdoc:include type="component" />

</div><!-- end main -->

</div><!-- end wrapper -->

<?php if ($showRightColumn) : ?>
<h2 class="unseen">
<?php echo JText::_('TPL_BEEZ5_ADDITIONAL_INFORMATION'); ?>
</h2>
<div id="close">
<a href="#" onclick="auf('right')">
<span id="bild">
<?php echo JText::_('TPL_BEEZ5_TEXTRIGHTCLOSE'); ?></span></a>
</div>

<?php if (!$templateparams->get('html5', 0)): ?>
<div id="right">
<?php else: ?>
<aside id="right">
<?php endif; ?>

<a id="additional"></a>
<jdoc:include type="modules" name="position-6" style="beezDivision" headerLevel="3"/>
<jdoc:include type="modules" name="position-8" style="beezDivision" headerLevel="3" />
<jdoc:include type="modules" name="position-3" style="beezDivision" headerLevel="3" />

<?php if(!$templateparams->get('html5', 0)): ?>
</div><!-- end right -->
<?php else: ?>
</aside>

<?php endif; ?>

<?php if ($navposition=='center' AND $showleft) : ?>

<?php if (!$this->params->get('html5', 0)): ?>
<div class="left <?php if ($showRightColumn==NULL){ echo 'leftbigger';} ?>" id="nav" >
<?php else: ?>
<nav class="left <?php if ($showRightColumn==NULL){ echo 'leftbigger';} ?>" id="nav">
<?php endif; ?>

<jdoc:include type="modules" name="position-7" style="beezDivision" headerLevel="3" />
<jdoc:include type="modules" name="position-4" style="beezHide" headerLevel="3" state="0 " />
<jdoc:include type="modules" name="position-5" style="beezTabs" headerLevel="2" id="3" />

<?php if (!$templateparams->get('html5', 0)): ?>
</div><!-- end navi -->
<?php else: ?>
</nav>
<?php endif; ?>
<?php endif; ?>

<div class="wrap"></div>

</div> <!-- end contentarea -->

</div><!-- back -->

</div><!-- all -->

<div id="footer-outer">

<?php if ($showbottom) : ?>
<div id="footer-inner">

<div id="bottom">
<?php if ($this->countModules('position-9')): ?>
<div class="box box1"> <jdoc:include type="modules" name="position-9" style="beezDivision" headerlevel="3" /></div>
<?php endif; ?>
<?php if ($this->countModules('position-10')): ?>
<div class="box box2"> <jdoc:include type="modules" name="position-10" style="beezDivision" headerlevel="3" /></div>
<?php endif; ?>
<?php if ($this->countModules('position-11')): ?>
<div class="box box3"> <jdoc:include type="modules" name="position-11" style="beezDivision" headerlevel="3" /></div>
<?php endif ; ?>
</div>
</div>
<?php endif ; ?>

<div id="footer-sub">

<?php if (!$templateparams->get('html5', 0)): ?>
<div id="footer">
<?php else: ?>
<footer id="footer">
<?php endif; ?>

<jdoc:include type="modules" name="position-14" />
<p>
<?php echo JText::_('TPL_BEEZ5_POWERED_BY');?> <a href="http://www.barrel.fr/webservice">Barrel Web Services </a>
</p>

<?php if (!$templateparams->get('html5', 0)): ?>
</div><!-- end footer -->
<?php else: ?>
</footer>
<?php endif; ?>

</div>

</div>
<jdoc:include type="modules" name="debug" />
</body>
</html>

[lefabdu51]

Re : Problème gestion Colonne Droite haut --&gt; Position 6 sous BEEZ5

Le fichier tel qu il doti etre

[Patagonia]

Re : Problème gestion Colonne Droite haut --&gt; Position 6 sous BEEZ5

OK. J'ai remplacé le fichier index.php mais toujours même chose. Penses tu que je devrais ajuster ça avec le position.css ou beez5.css? Merci en tt cas pour ce que tu as fait.

[jetsurfer]

Re : Problème gestion Colonne Droite haut --&gt; Position 6 sous BEEZ5

Salut Patagonia,
en espérant que cela puisse t'aider, pour ma part j'utilise la beez5 pour mon site, qui sert surtout à des membres d'un club informatique de sorte qu'ils ont le tuto pour le refaire à la maison.
Concernant Supprimer ouvrir / fermer les infos, les lignes ont été mises en commentaires et non supprimées.
Comme tu peux le voir j'ai des modules en position 3, 6 et 8 sans aucun problème. Regarde si de ton côté cela peut faire l'affaire.
Les autres petites modifications de la beez5 sont disponibles ici.