Régler la largeur du footer dans Protostar

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

  • [RÉGLÉ] Régler la largeur du footer dans Protostar

    Bonjour,
    je débute avec joomla... et trouve beaucoup de réponses sur le forum, merci.

    En intégrant une image de fond avec bgMax, je me suis rendue compte que la largeur du footer restait en fluide alors que j'avais mis l'option d'affichage sur "statique".
    J'ai cherché mais je ne trouve pas ce qui pourrait influencer sur la largeur de ce footer; quand je positionne un module via poweradmin, la position "footer" s'affiche sur la largeur statique; et la position "debug" qui contient l'image d'arrière-plan s'affiche sur toute la largeur, bien évidemment.
    Je voudrais que le footer soit de la même largeur que le reste.

    Par ailleurs, question d'ordre général, quelle syntaxe faut-il utiliser dans joomla 3 pour le suffixe de classe css, l'espace, le point ou le - ?

    Merci
    Dernière édition par pausecafé à 11/02/2014, 09h51

  • #2
    Re : Régler la largeur du footer dans Protostar

    Bonjour,

    bgmax n'a aucune influence sur la largeur des éléments de la page. Il est positionné dans debug pour que le script soit lancé à la fin de page, mais l'image de fond sera dans body.
    La largeur du footer est définie par la classe container. Il faut regarder avec un inspecteur de code les modifs apportées au css.

    Le principe du suffixe est simple, le texte saisi est ajouté à celui par défaut. si la classe de base est "base", un espace va faire que le suffixe " plus" va générer class="base plus", soit 2 classes indépendantes. On ajoute les propriétés de la classe "plus" à celles de la classe "base". Alors que "-plus", va générer class="base-plus". Les propriétés de la classe "base" ne sont plus prises en compte. Seules celles de la classe "base-plus" auront une incidence
    Un message d’erreur sur votre site Joomla, consultez la base de connaissance https://kb.joomla.fr
    ---
    UP, un plugin "couteau suisse" à découvrir sur https//up.lomart.fr
    bgMax
    , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

    Commentaire


    • #3
      Re : Régler la largeur du footer dans Protostar

      Oui, oui, je n'accuse pas bgMax dont je salue l'auteur
      Mais il y a un truc que je ne comprends pas : dans le fichier index.php d'origine de protostar, j'ai ceci :

      ***

      <!-- Footer -->
      <footer class="footer" role="contentinfo">
      <div class="container<?php echo ($params->get('fluidContainer') ? '-fluid' : '');?>">
      <hr />
      <jdoc:include type="modules" name="footer" style="none" />
      <p class="pull-right"><a href="#top" id="back-top"><?php echo JText::_('TPL_PROTOSTAR_BACKTOTOP'); ?></a></p>
      <p>&copy; <?php echo $sitename; ?> <?php echo date('Y');?></p>
      </div>
      </footer>
      ***
      qui fait bien référence au "container" dans sa version "fluid" mais pas dans sa version statique ?
      par ailleurs, il n'y a pas de classe "footer" dans le css.
      j'ai essayé d'en créer une en lui assignant la même largeur qu'à container (960px), ça marche mais le module se décale à gauche...
      un conseil ?

      Commentaire


      • #4
        Re : Régler la largeur du footer dans Protostar

        Je ne me défend pas, j'expliquais juste la relation avec la position debug

        Normalement le bloc container a comme propriétés
        .container {
        margin-left: auto;
        margin-right: auto;
        }
        ce qui fait que sauf surcharge malheureuse, il doit être centré
        Un message d’erreur sur votre site Joomla, consultez la base de connaissance https://kb.joomla.fr
        ---
        UP, un plugin "couteau suisse" à découvrir sur https//up.lomart.fr
        bgMax
        , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

        Commentaire


        • #5
          Re : Régler la largeur du footer dans Protostar

          Bonjour pausecafé,

          Comme indiqué en http://getbootstrap.com/2.3.2/scaffolding.html#layouts, Bootstrap peut avoir un agencement fixe ou fluide.
          • Le fixe se fait par <div class="container">
          • Le fluide se fait par <div class="container-fluid">

          C'est exactement ce que fait la ligne
          <div class="container<?php echo ($params->get('fluidContainer') ? '-fluid' : '');?>">

          En fonction de la variable fluidContainer, qui vient du paramètre Fluide/Statique de Protostar, le PHP de cette ligne va donner container ou container-fluid. C'est container qui va définir la largeur maximum de l'affichage alors que container-fluid remplit toujours l'affichage. Le template est responsive dans les deux cas.

          Cette même ligne se retrouve dans les deux grands blocs de Protostar, body (header, navigation, bannière, contenu) et footer. Elle gère leur affichage, ces deux blocs ne peuvent donc qu'être identiques en largeur que l'on choisisse statique ou fluide dans le paramètre de Protostar.
          La seule différence c'est que la classe .body .container a un padding de 20px (ligne 6983 de template.css).

          Comme pour tout problème d'affichage, le mieux c'est de le voir !
          Un lien sur le site permettrait d'aider à voir s'il n'y a pas une autre raison pour que le footer ne soit pas aligné sur le reste (tableau, image, modification du template, etc.).

          Amicalement,
          Rajoz
          Dernière édition par Rajoz à 10/02/2014, 18h04

          Commentaire


          • #6
            Re : Régler la largeur du footer dans Protostar

            Bonjour
            Merci pour le lien et l'explication très utile. J'ai réussi à varier la largeur du footer pour qu'il s'aligne au body, mis à part le padding.
            Mon site n'est pas en ligne, je suis en phase expérimentation.
            je passe la question en "réglé"

            Commentaire


            • #7
              Re : Régler la largeur du footer dans Protostar

              Ca y est ça marche; après avoir cherché j'ai assigné la classe "body" au footer du coup le padding s'y applique aussi, c'est plus joli avec une image en fond de page. Merci

              Commentaire


              • #8
                Re : Régler la largeur du footer dans Protostar

                Salut à tous,

                Rajoz, quand tu dis :

                Cette même ligne se retrouve dans les deux grands blocs de Protostar, body (header, navigation, bannière, contenu) et footer. Elle gère leur affichage, ces deux blocs ne peuvent donc qu'être identiques en largeur que l'on choisisse statique ou fluide dans le paramètre de Protostar.
                En parlant de la ligne :
                <div class="container<?php echo ($params->get('fluidContainer') ? '-fluid' : '');?>">
                Je suis d'accord que si on décide d'avoir un layout fluid ou static dans les paramètres du template, on devrait avoir le même type d'affichage pour les 3 parties de la page (header, body et footer).

                Or ce n'est pas le cas avec protostar (sous joomla 3.2.3) d'où le pb rencontré (j'ai eu le même et ça fait 2 jours que je cherche à comprendre pourquoi).

                En layout fluid, tout est en fluid...logique.

                En layout static, header et body sont en static, le footer, lui, reste en fluid...à moins d'avoir loupé une option (ce qui n'est pas impossible car je suis réellement débutant), se pourrait-il que les développeurs de protostar aient glissé une coquille dans le code ?

                Du coup, j'ai repris la technique de PauseCafé et, là, je l'ai bien en static. Well done PauseCafé, au passage

                Je sais que le post est fermé mais on reste sur le même thème

                Commentaire


                • #9
                  Re : Régler la largeur du footer dans Protostar

                  Ben super, moi je débute aussi mais à force de bidouillages... ça finit par marcher . Mon site est en ligne aujourd'hui est c'est grace à ce forum fort utile et ses membres généreux

                  Commentaire


                  • #10
                    Re : Régler la largeur du footer dans Protostar

                    Bonjour yservant,
                    Envoyé par yservant Voir le message
                    Rajoz, quand tu dis :
                    Cette même ligne se retrouve dans les deux grands blocs de Protostar, body (header, navigation, bannière, contenu) et footer. Elle gère leur affichage, ces deux blocs ne peuvent donc qu'être identiques en largeur que l'on choisisse statique ou fluide dans le paramètre de Protostar
                    ...
                    Or ce n'est pas le cas avec protostar (sous joomla 3.2.3) d'où le pb rencontré (j'ai eu le même et ça fait 2 jours que je cherche à comprendre pourquoi).
                    Dommage que tu n'aies pas lu la ligne suivante de mon post :
                    La seule différence c'est que la classe .body .container a un padding de 20px (ligne 6983 de template.css).
                    Puisque je n'ai pas été assez clair, je vais essayer de reprendre avec d'autres mots.

                    Protostar a deux blocs body et header qui ont la même largeur (width qui est définie dans le fichier templates/protostar/css/template.css en fonction de la largeur de l'écran).
                    Mais le bloc body a, en plus, un padding (marge interne) de 20px qui est défini par la classe .body .container à la ligne 6983 du fichier templates/protostar/css/template.css. Le bloc footer n'a pas cette marge interne.

                    Deux possibilités pour le bloc footer :

                    1) Pour que footer ait strictement le même comportement que body (couleur de fond, bordure, largeur, etc.), il suffit d'ajouter dans template.css juste au-dessus de la ligne .body .container la ligne suivante (en bleu) :
                    Code:
                    .footer .container,
                    .body .container {
                    2) Pour que footer reproduise uniquement le même padding sur la largeur que body, il faut ajouter à la fin de template.css :
                    Code:
                    .footer .container {
                        padding-right: 20px;
                        padding-left: 20px;
                    }
                    Amicalement,
                    Rajoz

                    Commentaire


                    • #11
                      Re : Régler la largeur du footer dans Protostar

                      Bonjour et merci

                      En effet, si j'avais bien lu la ligne de commentaire en question, elle ne m'a pas interpellé vu que je suis débutant...je pense que je vais opter pour une formation basique joomla/css (si ça existe au Chili) car je galère toujours pour faire de petites modif même si je comprends des choses.

                      Encore merci pour l'aide, mon site avance grâce au forum

                      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