Joomladay francophone 2018 à Paris 18 et 19 mai

Ajouter une colonne à gauche du template de mon site

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

  • Ajouter une colonne à gauche du template de mon site

    Pour le site de notre regroupement de joueurs (Confrérie Itila Cala), j'utilise le template Mask (2 colonnes, menu à droite).

    Notre site devenant de plus en plus important (actuellement plus de 130 articles), une seule colonne présentant les menus de navigation, c'est devenu insuffisant.
    Le site étant constitué autour de deux axes distincts, il serait souhaitable d'avoir deux colonnes de navigation.

    Je pourrais bien sur décider de changer simplement de template, et en choisir un en 3 colonnes (une à gauche et une à droite pour la navigation). Mais j'ai questionné mes compagnons, et il s'avère que pour l'identité de notre association au sein de la communauté à laquelle nous appartenons, nous souhaiterions garder la même apparence (le site commence à être connu dans notre petit monde).

    Je ne manipule hélas pas du tout le code HTML, j'ai bien regardé dans DreamWeaver, mais ajouter une colonne n'est pas dans mes compétences.
    J'ai essayé de joindre le designer du site, mais impossible de retrouver sa trace (sites downs ...)

    Quelqu'un serait-il en mesure de m'expliquer simplement les lignes de code à ajouter, et où ?

    Voici le code HTML (légèrement modifé par rapport au template initial) :
    Code:
    <?php
    /**
    * The Mask - A Joomla! 1.0 template
    * @version 1.0
    * @
    * @Designed by PixelBunyiP, copyright (C) 2005 by K.J. Strickland, www.JustJoomla.com
    * @license - released under the Creative Commons Attribution non-Commercial License
    */
    defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
    $iso = split( '=', _ISO );
    echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
    ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <?php if ( $my->id ) initEditor(); ?>
    <meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
    <?php mosShowHead(); ?>
    <link rel="stylesheet" type="text/css" href="<?php echo $mosConfig_live_site; ?>/templates/<?php echo $cur_template; 
    
    ?>/css/template_css.css" />
    
    </head>
    
    <body bgcolor="#F7F6F1">
    
    <div align="center">
    	<table border="0" width="1000" cellspacing="0" cellpadding="0">
    		<tr>
    			<td valign="top" width="5" rowspan="2" 
    
    style="background:url(templates/mask/images/l_shadow.gif) repeat top left;">
    			<img border="0" src="templates/mask/images/l_shadow.gif" width="5" height="5" alt="" /></td>
    			<td valign="top" style="background:url(templates/mask/images/mainbkgr.png) repeat top 
    
    left;">
    			<table border="0" width="100%" cellspacing="0" cellpadding="0">
    				<tr>
    					<td width="795" height="98" 
    
    style="background:url(templates/mask/images/header.jpg) repeat top left;"
    					</td>
    
    				</tr>
    				
    				<tr>
    					<td height="10">
    					<img border="0" src="templates/mask/images/pathshadow.png" width="795" 
    
    height="10" alt="" /></td>
    				</tr>
    				<tr>
    					<td valign="top">
    &nbsp;<div align="center">
    						<table border="0" width="95%" cellspacing="5" cellpadding="5"> <?// ici cell à 5?>
    					<?php
              if (mosCountModules('top')>0) { ?>
    <tr>
    						<td>
    							<?php mosLoadModules ( "top" ); ?>
    						</td>
    					</tr><?php } ?>
    <tr>
     <td>
     <table width="100%">
     <tr valign="top">
     <td width="33%" valign="top">
      <?php mosLoadModules ( 'user5' ); ?>
     </td>
     <td width="33%" valign="top">
      <?php mosLoadModules ( 'user6' ); ?>
     </td>
     <td width="34%" valign="top">
      <?php mosLoadModules ( 'user7' ); ?>
     </td>
    
    </tr>
     </table>
    </td>
    </tr>
    					<tr>
    						<td>
    							<?php mosMainBody(); ?></td>
    					</tr>
    					</table>
    					</div>
    &nbsp;</td>
    				</tr>
    			</table>
    			<br />&nbsp;</td>
    			<td valign="top" width="195" style="background:url(templates/mask/images/rightbkgr.jpg) 
    
    repeat top left;">
    			&nbsp;<table border="0" width="100%" cellspacing="5" cellpadding="5">  <?// ici cell à 5?>
    				<tr>
    					<td valign="top">
    							<?php mosLoadModules ( "left" ); ?><br /><br />
    							<?php mosLoadModules ( "right" ); ?><br /><br />
    			<?php mosLoadModules ( 'user1' ); ?><br /><br />
    			<?php mosLoadModules ( 'user2' ); ?><br /><br />
    			<?php mosLoadModules ( 'user3' ); ?><br /><br />
    			<?php mosLoadModules ( 'user4' ); ?><br /><br />
    			<?php mosLoadModules ( 'user8' ); ?></td>
    				</tr>
    			<tr>
    
    
    <!--
    
    <rdf:RDF xmlns="http://web.resource.org/cc/"
        xmlns:dc="http://purl.org/dc/elements/1.1/"
        xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
    <Work rdf:about="">
       <license rdf:resource="http://creativecommons.org/licenses/by-nc/2.5/" />
    </Work>
    
    <License rdf:about="http://creativecommons.org/licenses/by-nc/2.5/">
       <permits rdf:resource="http://web.resource.org/cc/Reproduction" />
       <permits rdf:resource="http://web.resource.org/cc/Distribution" />
       <requires rdf:resource="http://web.resource.org/cc/Notice" />
       <requires rdf:resource="http://web.resource.org/cc/Attribution" />
       <prohibits rdf:resource="http://web.resource.org/cc/CommercialUse" />
       <permits rdf:resource="http://web.resource.org/cc/DerivativeWorks" />
    </License>
    
    </rdf:RDF>
    
    -->
    
    <div align="center">
        <a href="http://www.lotro-europe.com/index.php"><img
            src="http://www.angedeserra.net/itilacala/imagesk/logo.jpg"
            alt="Valid XHTML 1.0 Transitional" border="0" /></a>
      </div>
    
    </td>
    				</tr>
    </table>
    			</td>
    			<td valign="top" width="5" rowspan="2" 
    
    style="background:url(templates/mask/images/r_shadow.gif) repeat top left;">
    			<img border="0" src="templates/mask/images/r_shadow.gif" width="5" height="5" alt="" /></td>
    		</tr>
    		<tr>
    			<td valign="middle" style="background:url(templates/mask/images/footer.jpg) repeat top 
    
    left;" height="40" colspan="2">
    
    			<div align="center"><a target="_blank" href="http://www.justjoomla.com">Designed by 
    
    PixelBunyiP © 2006</a></div></td>
    		</tr>
    	</table>
    </div>
    
    </body>
    
    </html>
    Avec mes remerciements infinis (et ceux de mes compagnons)
    Enge, simple webmastrice, sans aucune connaissance en programmation
    Le sérieux (et professionnel), pour ma classe : Dans le cartable d'une maitresse (sous wordpress)
    La détente et les loisirs : creaenge (scrap et cartonnage) ; biblioenge (lecture numérique)
    Et Histoire d'une confrérie - Itila Cala (sous Joomla)

  • #2
    Salut,
    Une ID:
    Tu prends un templates 3 colonnes. tu copies la structure centrale dans ton template (2colonnes), tu corriges les erreurs de css (taille et position) grâce au css de l'autre template. Et voilà un template tout neuf avec deux colonnes.
    Heu sinon juste avec le code source de ta page c'est pas gagné !! lol
    Vaut mieux envoyer ton template si il est libre.
    Topette
    Création de site web | Site de référence sur les fibres végétales | Administrateur du site

    Commentaire


    • #3
      Envoyé par Goum Voir le message
      Salut,
      Une ID:
      Tu prends un templates 3 colonnes. tu copies la structure centrale dans ton template (2colonnes), tu corriges les erreurs de css (taille et position) grâce au css de l'autre template. Et voilà un template tout neuf avec deux colonnes.
      J'ai déjà essayé cette solution
      Mais ... ça met un peu tout en l'air, et je n'ai pas réussi à corriger.

      Heu sinon juste avec le code source de ta page c'est pas gagné !! lol
      Vaut mieux envoyer ton template si il est libre.
      Topette
      Le template est free oui ... mais .. autant je sais l'installer sur ma structure (suffit de suivre les instructions ), je ne sais pas comment faire pour vous remettre à disposition ici le template modifié.
      Il suffit de faire un simple zip du dossier ? si c'est ça, c'est dans mes cordes.

      Merci en tout cas
      Le sérieux (et professionnel), pour ma classe : Dans le cartable d'une maitresse (sous wordpress)
      La détente et les loisirs : creaenge (scrap et cartonnage) ; biblioenge (lecture numérique)
      Et Histoire d'une confrérie - Itila Cala (sous Joomla)

      Commentaire


      • #4
        Je me permets de remonter mon post ... n'ayant toujours pas trouvé de solution de mon côté.
        Le sérieux (et professionnel), pour ma classe : Dans le cartable d'une maitresse (sous wordpress)
        La détente et les loisirs : creaenge (scrap et cartonnage) ; biblioenge (lecture numérique)
        Et Histoire d'une confrérie - Itila Cala (sous Joomla)

        Commentaire


        • #5
          Oui tu zip ton template via ton_site/templates/mon-template
          Normalement dedans il y a des dossiers (css images) et quelques pages web (index.php ect...). Ne prends pas le dossier "images".
          Topette
          Création de site web | Site de référence sur les fibres végétales | Administrateur du site

          Commentaire


          • #6
            Le voilà à votre dispostion alors
            Merci.

            Enge
            Le sérieux (et professionnel), pour ma classe : Dans le cartable d'une maitresse (sous wordpress)
            La détente et les loisirs : creaenge (scrap et cartonnage) ; biblioenge (lecture numérique)
            Et Histoire d'une confrérie - Itila Cala (sous Joomla)

            Commentaire


            • #7
              Je déteste les templates avec des tables je trouve cela grrrrr.
              Bon je regarde ton truc dans la semaine (désolé je travaille pas mal en ce moment).
              Bon je récapépète tu veux garder la même forme : une image en bannière, une colonne à droite qui remonte jusqu'en haut de la page avec (on logo tout en haut.
              Tu souhaites maintenant rajouter une colonne sur la gauche.
              Suis je bon ??
              A+
              Création de site web | Site de référence sur les fibres végétales | Administrateur du site

              Commentaire


              • #8
                Oui, c'est tout à fait ça.
                La banière en haut serait au dessus de la colonne de gauche et de l'espace central, enfin dans mon esprit, mais pas obligatoire si ça marche pas.
                Je ne sais pas si le template actuel est en largeur variable, il me semble l'avoir fixé à 1000px. Je pense que ça peut éventuellement être augmenté, les lecteurs du site sont tous au moins en 1280 x 1024.
                Le sérieux (et professionnel), pour ma classe : Dans le cartable d'une maitresse (sous wordpress)
                La détente et les loisirs : creaenge (scrap et cartonnage) ; biblioenge (lecture numérique)
                Et Histoire d'une confrérie - Itila Cala (sous Joomla)

                Commentaire


                • #9
                  Ben il est vraiment fan de table ton collègue cela va me demander du temps de faire ce travail. Alors ne sois pas trop presser.
                  En attendant, tu ferais bien de lire des truc sur le html et le css. parce que si il te prend l'idée de rechanger, je suis pas sur d'être de nouveau là. lol
                  Topette.
                  Création de site web | Site de référence sur les fibres végétales | Administrateur du site

                  Commentaire


                  • #10
                    arf je suis désolée ... euh, non pas du temps que cela va mettre. Aucune importance, c'est déjà super que quelqu'un se penche sur ma demande
                    C'est un template que j'avais trouvé sur un des sites de templates gratuits, je l'avais choisi parce qu'il m'avait plu. Je n'avais aucune idée de ce qu'il y avait dans l'arrière boutique.
                    Le sérieux (et professionnel), pour ma classe : Dans le cartable d'une maitresse (sous wordpress)
                    La détente et les loisirs : creaenge (scrap et cartonnage) ; biblioenge (lecture numérique)
                    Et Histoire d'une confrérie - Itila Cala (sous Joomla)

                    Commentaire


                    • #11
                      Bonsoir,
                      Si tu as besoin d'aide Goum, fais-le savoir,
                      Cordialement,
                      Chabi01 - http://www.xlformation.com

                      Commentaire


                      • #12
                        Heu voilà ;-)

                        Salut,
                        Merci chabiO1. Pardon d'avoir tarder. En fait, j'ai gardé la même structure et la même approche. Je l'ai testé en local sous firefox.
                        Juste un ou deux trucs que j'ai pas capté: pourquoi avoir mis plusieurs user dans la colonne de droite sans les différencier dans le template ??
                        (pour mettre plein de module dans la colonne de droite et maintenant de gauche il te suffit de mettre le module dans la position "right" ou "left" puis de les mettre dans l'ordre avec leur position (le premier en haut, ...))
                        Par ailleurs, pourquoi le logo "lords of the ring on line" se nome "ValidXml"?
                        Bref devant ces trucs zarb, j'ai tout enlevé.
                        Voilà la nouvelle version de ton site en 3 colonnes.
                        PS: pour voir où sont les modules du site tu va dans site/gestion des templates/position des modules de la partie administrator.
                        Les grandes lignes:
                        Colonne gauche = position 'left'
                        Colonne droite = position 'right' (anciennement user 1, 2, 3, 4, 8)
                        Centre gauche = position 'user1' (anciennement user 5)
                        Centre droite = position 'user2' (anciennement user 6)
                        Voilà.
                        Topette
                        PS2: j'ai du enlever les images du zip (cela ne passait pas pour le forum donc n'oublies pas les remettre)
                        Dernière édition par Goum à 06/11/2007, 09h27
                        Création de site web | Site de référence sur les fibres végétales | Administrateur du site

                        Commentaire


                        • #13
                          J'attend le renvoi du test de Topette pour jeter un oeil..

                          Goum, le coup des user multiples dans une colonne est un classique : certains concepteurs de template balancent plusieurs zones de publication pour pouvoir séparer leurs menus. J'ai vu ça même dans des templates commerciaux. Une technique comme une autre..

                          Cordialement,
                          Chabi01 - http://www.xlformation.com

                          Commentaire


                          • #14
                            Topette est pour dire au revoir, je ne connais pas cet utilisateur. Donc je crois que tu ferais mieux d'essayer direct.
                            Ok, pour les différents users, je ne connaissais pas. Il suffit de mettre un margin-bottom ou padding-bottom pour séparer les menus par un espace, non??
                            Je crois saisir la différence.
                            Dans un cas, tous les menus du même module sont à équi-distance (un seul user et un margin ou padding), dans l'autre cas tu peux rassembler plusieurs modules qui se ressemble (sous le même user) et différentier les autres par un espace en utilisant un user différent.
                            Ouais cela ce tiens ...
                            Topette,
                            Cordialement

                            PS: que deviens
                            Création de site web | Site de référence sur les fibres végétales | Administrateur du site

                            Commentaire


                            • #15
                              Bon je recommence (j'ai été coupé)
                              Ok pour les différents user, je ne connaissais pas la technique. Perso pour mettre un espace entre les modules du même user je mets un margin ou un padding bottom.
                              La différence.
                              Dans le cas d'un seul user et un padding ou margin, tous les modules sont à équidistance.
                              Dans le cas de plusieurs user sans padding ou margin, les user identiques sont proches, les autres sont séparés. Est ce cela ??

                              Bon pour la peine et pour ne pas trop faire de modification sur les modules de Enge, j'ai remis dans cette version 2 les modules users1,2,3,4,5,6,8 à la même place que dans le template précédent. Par ailleurs, seule le module left, est passé à gauche.

                              Pour Topette, tu risques d'attendre longtemps car cela signifie simplement au revoir dans notre patois.

                              NB que deviens Enge ?? L'as tu tester ??

                              @+
                              Dernière édition par Goum à 06/11/2007, 09h27
                              Création de site web | Site de référence sur les fibres végétales | Administrateur du site

                              Commentaire

                              Annonce

                              Réduire
                              1 sur 2 < >

                              C'est [Réglé] et on n'en parle plus ?

                              A quoi ça sert ?
                              La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

                              Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

                              Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
                              Comment ajouter la mention [Réglé] à votre discussion ?
                              1 - Aller sur votre discussion et éditer votre premier message :


                              2 - Cliquer sur la liste déroulante Préfixe.

                              3 - Choisir le préfixe [Réglé].


                              4 - Et voilà… votre discussion est désormais identifiée comme réglée.

                              2 sur 2 < >

                              Assistance au forum - Outil de publication d'infos de votre site

                              Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

                              Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

                              Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

                              UTILISER À VOS PROPRES RISQUES :
                              L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

                              Problèmes connus :
                              FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

                              Installation :

                              1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

                              Archive zip : https://github.com/AFUJ/FPA/zipball/master

                              2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

                              3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

                              4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

                              5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

                              6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
                              et remplacer www. votresite .com par votre nom de domaine


                              Exemples:
                              Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
                              Télécharger le script fpa-fr.php dans: /public_html/
                              Pour executer le script: http://www..com/fpa-fr.php

                              Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
                              Télécharger le script fpa-fr.php dans: /public_html/cms/
                              Pour executer le script: http://www..com/cms/fpa-fr.php

                              En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

                              Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
                              Voir plus
                              Voir moins
                              Travaille ...
                              X