module Content Top couper en 3.

[le_bleuet]

Re : module Content Top couper en 3.

Bjr,

J'ai fait ce que vous m'avez dit mais ma barre "maximenu" qui est dans la position "promo" ne s'affiche plus correctement. Est dans le fichier template.css qu'il faut le modifier ou pas ?

Ci joint un imprim ecran de ce que j'ai.

[jisse03]

Re : module Content Top couper en 3.

la position promo ne fait pas toute la largeur...
Et il existe une position mainmenu destinée aux megamenus.

Il serait peut-être quelque peu utile de vraiment lire le manuel.de configuration, qui est très complet.

[le_bleuet]

Re : module Content Top couper en 3.

Bsr,

j'ai réussi à intégrer mes 2 nouvelles positions et j'ai fait un test avec un module perso. en y intégrant une photo. Le pbm, c'est que ma photo apparait au dessus et non sur la gauche du module (Comme vous pouvez le voir sur mon imprim ecran)

De plus, j'ai commencé à chercher et je pense que ma solution n'est plus dans le fichier index de mon template mais dans le fichier template.css.

Voila l'idée que je voudrais :

/* =============== LAYOUT - CONTENT TOP AREA =============== */
div.entier {
width: 100%;
}
div.moitie {
width: 50%;
}
div.tiers {
width: 33%;
}

et voila ce que j'ai :

/* =============== LAYOUT - CONTENT TOP AREA =============== */
#jsn-content-top-left {

color: #D4D4D4;
position: absolute;
background: #bcacaf;
}
#jsn-content-top {
color: #D4D4D4;
position: relative;
background: #bcacaf;
}
#jsn-content-top-right {
color: #D4D4D4;
position: inherit;
background: #bcacaf;

Je demande donc comment bien aligné mes 3 positions content-top.

Cordialement

[jisse03]

Re : module Content Top couper en 3.

Si la nouvelle position apparait au dessus au lieu d'être imbriquée, c'est que l'ordre d'imbrication des divs est incorrect

[le_bleuet]

Re : module Content Top couper en 3.

Bonsoir,

J'essaye de suivre tous vos conseils jisse03 et j'ai bien regardé ce que je faisais. J'ai aussi regardé le tuto du template 1870 réalisé du site joomlack.fr mais rien ne change.

Voila ce que j'ai :

/*====== Show modules in content top area ======*/
if ($jsnutils->countPositions($this, array('promo-left', 'promo', 'promo-right', 'content-top'))) {
?>
<div id="jsn-content-top" class="<?php echo (($has_promoleft)?'jsn-haspromoleft ':'') ?><?php echo (($has_promoright)?'jsn-haspromoright ':'') ?>">
<div id="jsn-promo">
<?php
/*====== Show modules in position "promo-left" ======*/
if ($this->countModules('promo-left') > 0) {
?>
<div id="jsn-pos-promo-left">
<jdoc:include type="modules" name="promo-left" style="jsnmodule" class="jsn-roundedbox" />
</div>
<?php
}

/*====== Show modules in position "promo" ======*/
if ($this->countModules('promo') > 0) {
?>
<div id="jsn-pos-promo">
<jdoc:include type="modules" name="promo" style="jsnmodule" class="jsn-roundedbox" />
</div>
<?php
}

/*====== Show modules in position "promo-right" ======*/
if ($this->countModules('promo-right') > 0) {
?>
<div id="jsn-pos-promo-right">
<jdoc:include type="modules" name="promo-right" style="jsnmodule" class="jsn-roundedbox" />
</div>
<?php
}
?>
<div class="clearbreak"></div>
</div>
<?php
/*====== Show modules in content-top container ======*/
$show = ($this->countModules('content-top-left') > 0) || ($this->countModules('content-top') > 0) || ($this->countModules('content-top-right') > 0) ;
if ($show) {
/*====== Show modules in position "content-top-left" ======*/
if ($this->countModules('content-top-left') > 0) {
?>
<div class="content-top-1">
<div class="interne">
<div id="jsn-pos-content-top-left">
<jdoc:include type="modules" name="content-top-left" style="jsnmodule" class="jsn-modulescontainer" />
<div class="clearbreak"></div>
</div>
</div>
</div>
<?php
}
/*====== Show modules in position "content-top" ======*/
if ($this->countModules('content-top') > 0) {
?>
<div class="content-top-1">
<div class="interne">
<div id="jsn-pos-content-top">
<jdoc:include type="modules" name="content-top" style="jsnmodule" class="jsn-modulescontainer" />
<div class="clearbreak"></div>
</div>
</div>
</div>
</div>
<?php
}
/*====== Show modules in position "content-top-right" ======*/
if ($this->countModules('content-top-right') > 0) {
?>
<div class="content-top-1">
<div class="interne">
<div id="jsn-pos-content-top-right">
<jdoc:include type="modules" name="content-top-right" style="jsnmodule" class="jsn-modulescontainer" />
<div class="clearbreak"></div>
</div>
</div>
</div>
<div class="clr"></div>

Je pense en effet qu'il faut rajouter des divs pour imbriquée les 3 positions mais là, je bloque. je remercie tous les gens par avance de votre aide

[jisse03]

Re : module Content Top couper en 3.

Et où dans le code donné en exemple (et conseillé, puisque parfaitement fonctionnel) se trouvvent ces mystérieuses divs de classe "interne" ?

Si tu cherches à rajouter du code, à toi de le vérifier et valider.

[le_bleuet]

Re : module Content Top couper en 3.

Bjr,

Non, je ne cherche pas forcement à rajouter du code mais à aligner les 3 positions. Elle apparaisse bien dans la visualisation des positions mais bien l'une au dessus de l'autre alors que je cherche à les aligner? C'est pour cela que je regarde avec le fichier index.php et template.css pour voir où est la modification a faire et donc faire enfin aligner ces 3 positions.

Je regarde surtout comme la conseillé jisse03, le fichier index car je pense que c'est plus par là que ce trouve la solution et de div manquant.

Voila ce que j'ai fait :

/*====== Show modules in content-top container ======*/
$show = ($this->countModules('content-top-left') > 0) || ($this->countModules('content-top') > 0) || ($this->countModules('content-top-right') > 0) ;
if ($show) {
/*====== Show modules in position "content-top-left" ======*/
if ($this->countModules('content-top-left') > 0) {
?>
<div class="content-top-1">
<div id="jsn-pos-content-top-left">
<jdoc:include type="modules" name="content-top-left" style="jsnmodule" class="jsn-modulescontainer" />
<div class="clearbreak"></div>
</div>
</div>
<?php
}
/*====== Show modules in position "content-top" ======*/
if ($this->countModules('content-top') > 0) {
?>
<div>
<div class="content-top-1">
<div id="jsn-pos-content-top">
<jdoc:include type="modules" name="content-top" style="jsnmodule" class="jsn-modulescontainer" />
<div class="clearbreak"></div>
</div>
</div>
</div>
<?php
}
/*====== Show modules in position "content-top-right" ======*/
if ($this->countModules('content-top-right') > 0) {
?>
<div class="content-top-1">
<div id="jsn-pos-content-top-right">
<jdoc:include type="modules" name="content-top-right" style="jsnmodule" class="jsn-modulescontainer" />
<div class="clearbreak"></div>
</div>
</div>
<div class="clr"></div>
</div>

je vous remercie d'avance de toute votre aide.