Rajouter une colonne dans un layout s'appuyant sur jat3 framework

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

  • [RÉGLÉ] Rajouter une colonne dans un layout s'appuyant sur jat3 framework

    Salut a tous,

    Je travaille sur un template base sur le framework Jat 3.
    J'ai actuellement une position slideshow qui prend toute la largeur du template, et j'aimerai rajouter une colonne a droite afin d y afficher un module ( nouvelle position : slideshow_right)

    J'ai suivi un tuto.

    Dans le fichier etc/layouts/default.xml, je rajoute la ligne :
    <block name="blockbanner" type="modules" style="raw">slideshow_right</block>

    Code:
    <?xml version="1.0" encoding="utf-8"?>
    <layout name="desktop">
    	<!--Extra css load for this layout-->
    	<stylesheets>
    	</stylesheets>
    	<blocks name="top" style="xhtml">
    		<block name="top-panel" type="modules" style="raw">top-panel</block>
    		<block name="header" type="header"></block>
    		<block name="mainnav" type="mainnav"></block>
    		<block name="cpanel" type="usertools/cpanel"></block>
    		<block name="topbar" type="topbar"></block>
    		<block name="slideshow" type="modules" style="raw">slideshow</block>
    		<block name="blockbanner" type="modules" style="raw">slideshow_right</block>
    		<block name="topsl" type="spotlight" main-inner="1">user1,user2,user3,user4</block>
    		<block name="topsl1" type="spotlight" main-inner="1">tabs,user5</block>
    	</blocks>
    	<blocks name="middle" colwidth="25" main-inner="1">
    		<block name="content-mass-top">content-mass-top</block>
    		<block name="content-mass-bottom">content-mass-bottom</block>
    		<block name="right1">right</block>
    		<block name="inset2">inset2</block>
    	</blocks>
    	<blocks name="bottom" style="xhtml">
    		<block name="botsl" type="spotlight" main-inner="1">user6,user7,user8,user9</block>
    		<block name="navhelper" type="navhelper"></block>
    		<block name="botsl1" type="spotlight" main-inner="1">user10,user11,user12,user13</block>
    		<block name="bottommenu" type="modules" style="raw" main-inner="1">user14</block>
    		<block name="footer" type="footer" main-inner="1"></block>
    	</blocks>
    </layout>
    Ensuite, je cree un fichier : blockbanner.php dans le dossier : blocks
    Code:
    <?php if($this->countModules('slideshow_right')) : ?>
    <div id="slideshow_right">
    	<jdoc:include type="modules" name="slideshow_right" />
    </div>
    <?php endif; ?>
    et finalement je definis le style dans template.css

    Code:
    #ja-blockbanner {
    	display: block;
    	background: #f00;
    	height: 100px;
    	width:300px;
    	}
    Je vois bien apparaitre une zone rouge, mais je n'arrive pas a faire qu'elle tienne sur la meme ligne, elle apparait en dessous.
    Est ce un probleme de position ou de css?
    Je suis un peu perdu !
    Merci d'avance
    Dernière édition par xoco à 24/03/2012, 02h09

  • #2
    Re : Rajouter une colonne dans un layout s'appuyant sur jat3 framework

    Bonjour,
    dans ton CSS tu as modifié la largeur de ja-slideshow (ou du div qui traine par là) ?
    Utilise Firebug sous Firefox pour voir ce qui se passe dans la page et les styles en jeu.
    Dernière édition par Grand Schtroumpf à 26/03/2012, 21h40
    Schtroumpfe toi le Schtroumpf t'aidera.
    Je ne schtroumpfe pas aux demandes de schtroumpf par MP.

    Commentaire


    • #3
      Re : Rajouter une colonne dans un layout s'appuyant sur jat3 framework

      Effectivement, je me rends compte que le style div#ja-slideshow.wrap mesure 1523 px ( ce qui devrait correspondre a width:100%)
      Cependant la largeur utilisee est de 1020px.
      Ne serait il pas plus facile de modifier les blocks?
      Au lieu d'avoir un block:
      Code:
      <blocks name="top" style="xhtml">
      		<block name="top-panel" type="modules" style="raw">top-panel</block>
      		<block name="header" type="header"></block>
      		<block name="mainnav" type="mainnav"></block>
      		<block name="cpanel" type="usertools/cpanel"></block>
      		<block name="topbar" type="topbar"></block>
      		<block name="slideshow" type="modules" style="raw">slideshow</block>
      		<block name="blockbanner" type="modules" style="raw">slideshow_right</block>
      		<block name="topsl" type="spotlight" main-inner="1">user1,user2,user3,user4</block>
      		<block name="topsl1" type="spotlight" main-inner="1">tabs,user5</block>
      </blocks>
      changer la ligne
      Code:
      <block name="slideshow" type="modules" style="raw">slideshow</block>
      en blocks:
      Code:
      <blocks name="top" style="xhtml">
          <block name="slideshow" type="modules" style="raw">slideshow</block>
          <block name="blockbanner" type="modules" style="raw">slideshow_right</block>
      </blocks>
      Malheureusement, je n'arrive pas a le faire marcher, mes positions disparaissent !

      Merci pour l'aide en tout ca, je sens que ca avance !

      Commentaire


      • #4
        Re : Rajouter une colonne dans un layout s'appuyant sur jat3 framework

        Bonjour,
        je n'ai pas tout compris mais je ne vois pas pourquoi ça marcherait...
        Schtroumpfe toi le Schtroumpf t'aidera.
        Je ne schtroumpfe pas aux demandes de schtroumpf par MP.

        Commentaire


        • #5
          Re : Rajouter une colonne dans un layout s'appuyant sur jat3 framework

          hahaha ! Selon vous grand Schtroumpf, que manque il pour que cela fonctionne?
          Ou alors quelle est la faille dans le raisonnement?
          Je vais continuer de chercher, je ne pense pas etre tres loin de la solution!

          Commentaire


          • #6
            Re : Rajouter une colonne dans un layout s'appuyant sur jat3 framework

            pourquoi un dispaly block sur cette propriété? #ja-blockbannerSi j etait toi je testerais un display;inline sur cette propriété et sur le conteneur a gauche de celui ci...

            Commentaire


            • #7
              Re : Rajouter une colonne dans un layout s'appuyant sur jat3 framework

              je dit juste ca car c est la propriété des blocks, si tu n as pas la place alors celui qui est en surplus passe en dessous de l autre et tu ne peut rien faire pour eviter ca...La seula autre solution est de mattre une largeur de 60% pour le slideshow a gauche et 40% pour le silde show a droite (valaeurs a adapter a tes besoins)

              Commentaire


              • #8
                Re : Rajouter une colonne dans un layout s'appuyant sur jat3 framework

                Perso, je galere avec le template Joomlart, je pense que le plus simple c'est de changer de template. ca fait 2 jours que je planche dessus, et ca ne s accomode toujours pas.

                Commentaire


                • #9
                  Re : Rajouter une colonne dans un layout s'appuyant sur jat3 framework

                  J'ai changé de template a Gavick et je suis tres content, tout est maintenant plus simple ! -1 pour Joomlart, et +1 pour Gavick!

                  Commentaire

                  Annonce

                  Réduire
                  Aucune annonce pour le moment.

                  Partenaire de l'association

                  Réduire

                  Hébergeur Web PlanetHoster
                  Travaille ...
                  X