largeur colonne gauche JA T3 blank

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

  • [RÉGLÉ] largeur colonne gauche JA T3 blank

    bonsoir,

    je voudrais changer uniquement la largeur de la colonne gauche du thème pour JA T3 blank
    actuellement j'ai ça dans Page - default
    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="absolute" type="modules" style="raw">absolute</block>
    		<block name="top-panel" type="modules" style="raw" main-inner="1">top-panel</block>
    		<block name="header" type="header" main-inner="1"></block>
    		<block name="mainnav" type="mainnav" main-inner="1"></block>
    		<block name="cpanel" type="usertools/cpanel"></block>
    	</blocks>
    	<blocks name="middle" colwidth="20">
                    <block name="content-mass-top" style="jaraw">content-mass-top</block>
                    <block name="content-top" type="spotlight">user1,user2,user3</block>
                    <block name="left1">position-7</block>
    		<block name="right1">position-5</block>
    	</blocks>
    	<blocks name="bottom" style="xhtml">
    		<block name="botsl" type="spotlight" main-inner="1">user6,user7,user8,user9,user10</block>
    		<block name="navhelper" type="navhelper" main-inner="1"></block>
    		<block name="footer" type="footer"></block>
    	</blocks>
    </layout>
    j'ai essayé de modifié le
    Code:
    <blocks name="middle" colwidth="20">
    mais dans ce cas, gauche et droite sont élargis


    si je change
    Code:
    <block name="left1" colwidth="25">position-7</block>
    ça n'a aucun effet


    et le plus étrange c'est qu'avec firebug la largeur est de 25% avec colwidth=20 .....
    Dernière édition par Ptit Philippe à 25/05/2012, 09h58

  • #2
    Re : largeur colonne gauche JA T3 blank

    rajoute les valeurs que tu désires dans template.css
    Code:
    #ja-left {
        width: 25% !important;
        }
    #ja-right {
        width: 15% !important;
        }
    #ja-main {
        width: 60% !important;
        }

    Commentaire


    • #3
      Re : largeur colonne gauche JA T3 blank

      A noter qu'ainsi on peut fixer les valeurs en px

      Commentaire


      • #4
        Re : largeur colonne gauche JA T3 blank

        Merci Dens
        j'ai du légèrement adapter pour le thème JA T3 et je mets la réponse si ça peut aider


        Code:
        /* Largeur de #ja-right + Largeur de #ja-mainbody doivent être = 100% */
        /* Largeur de #ja-left + Largeur de #ja-main doivent être = 100% */
        
        #ja-right {
            width: 20% !important;
            }
        
        #ja-mainbody {
            width: 80% !important;
            }
            
        #ja-left {
            width: 30% !important;
            }
        #ja-main {
            width: 70% !important;
            }

        Commentaire


        • #5
          Re : largeur colonne gauche JA T3 blank

          Envoyé par Ptit Philippe Voir le message
          bonsoir,

          je voudrais changer uniquement la largeur de la colonne gauche du thème pour JA T3 blank
          actuellement j'ai ça dans Page - default
          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="absolute" type="modules" style="raw">absolute</block>
          		<block name="top-panel" type="modules" style="raw" main-inner="1">top-panel</block>
          		<block name="header" type="header" main-inner="1"></block>
          		<block name="mainnav" type="mainnav" main-inner="1"></block>
          		<block name="cpanel" type="usertools/cpanel"></block>
          	</blocks>
          	<blocks name="middle" colwidth="20">
                          <block name="content-mass-top" style="jaraw">content-mass-top</block>
                          <block name="content-top" type="spotlight">user1,user2,user3</block>
                          <block name="left1">position-7</block>
          		<block name="right1">position-5</block>
          	</blocks>
          	<blocks name="bottom" style="xhtml">
          		<block name="botsl" type="spotlight" main-inner="1">user6,user7,user8,user9,user10</block>
          		<block name="navhelper" type="navhelper" main-inner="1"></block>
          		<block name="footer" type="footer"></block>
          	</blocks>
          </layout>
          j'ai essayé de modifié le
          Code:
          <blocks name="middle" colwidth="20">
          mais dans ce cas, gauche et droite sont élargis


          si je change
          Code:
          <block name="left1" colwidth="25">position-7</block>
          ça n'a aucun effet


          et le plus étrange c'est qu'avec firebug la largeur est de 25% avec colwidth=20 .....

          voilà ce quil fallait mettre

          <block name="left1" width="35">position-7</block>
          a vous de spécifier la taille

          Commentaire

          Annonce

          Réduire
          Aucune annonce pour le moment.

          Partenaire de l'association

          Réduire

          Hébergeur Web PlanetHoster
          Travaille ...
          X