Cassiopeia et user.css

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

  • [RÉGLÉ] Cassiopeia et user.css

    Bonjour !

    Je me hasarde à revenir à la charge, n'ayant pas vraiment obtenu jusqu'ici les réponses qui me seraient nécessaires - avant de basculer sous Joomla 4.
    1° Actuellement sous J3-Beez3, la première page de mon site comprend un menu vertical, à gauche, et une partie centrale, "articles" (un article pleine largeur, deux articles au-dessous). Pas de colonne à droite, donc. C'est l'Img-1.
    2° Je souhaite reproduire strictement la même disposition sous J4, et je me suis inspiré de l'article d'Astrid G., "Joomla 4: Tweak Cassiopeia with a top banner..." publié le 20 septembre 2021. C'est l'Img-2.
    3° Sur une copie neuve de J 4.2.5, j'ai suivi strictement l'article précité, avec une "bannière" strictement égale en dimensions à la sienne. Mon résultat n'a rien à voir avec le sien, la partie centrale dépassant allègrement la bannière... Et ce, avant toute intervention "user.css" (excepté le .mybanner {min-width: 100%;} d'Astrid). C'est l'Img-3.
    4° J'ai donc tenté de remédier à la chose, en m'inspirant des conseils de Woluweb. En mode "static", j'ai essayé mille combinaisons possibles (enfin, selon ma science bien fraîche), dont : @supports (display: grid) {
    @media (min-width: 992px) {
    .site-grid {
    grid-template-columns: [full-start] minmax(0,1fr) [main-start] minmax(16.563rem) minmax(24.813rem) minmax(24.875rem) minmax(0.063rem) [main-end] minmax(0,1fr) [full-end]
    }
    }
    }
    J'ai aussi, dans templateDetails.xml, fait sauter la ligne : <position>sidebar-right</position>

    Rien n'y a fait, j'ai l'impression que "ça" se passe ailleurs. Et je suis dessus depuis un mois. Je n'y arrive pas, je n'y arrive pas, je n'y arrive pas !
    Qui voudra bien se porter à mon secours ? Car Woluweb, dont je lis attentivement les contributions, nous a indiqué de Cassiopeia, c'était "une tuerie"... Je confirme, Marc : Cassiopeia ma tuer.

    Bon, je n'ai pas été trop long ? Merci de m'avoir lu jusqu'au bout. Et bon week-end à tous, c'est la Sainte-Barbe, à vos crèches de Noël...

    SH
    Fichiers joints

  • #2
    Bonjour,
    Serait-il possible d'avoir un lien vers ce site sous Joomla! 4 ?

    Commentaire


    • #3
      Merci, Bird !
      ,

      Hélas, pas possible, le site "d'essai" n'est évidemment pas en ligne ;-(.

      Bonne soirée,

      Sam_38

      Commentaire


      • #4
        Bonjour tout le monde ,
        J'utilise j4 et cassiopeia pour afficher les articles et les modules au centre (position main top, main bottom); j 'affiche un menu en haut, position menu; et des modules à gauche (position side left). La bannière de la page d'accueil est en position breadcrumb.

        Je n'ai commencé à bidouiller un user.css que très récemment pour des points très précis (menu footer horizontal, icones de menu en local, logo et menu en haut, calé à gauche etc.)
        Dernière édition par ManuelVoileux à 04/12/2022, 09h54
        Manuel
        --------
        voileux.org - joom.voileux.org - atelierblb.eu

        Commentaire


        • #5
          Bonsoir, et merci de ces précisions. Mais pour ce qui me concerne, j'ai suivi strictement la démo proposée par Astrid Günther (dont j'ai donné les références dans mon premier post), excepté pour la "navigation horizontale" (je conserve mon menu, etc. en position sidebar-left). Et Astrid place sa bannière en position below-top, j'ai suivi "bêtement" son exemple (faute d'y comprendre grand'chose, hélas...)

          SH

          Commentaire


          • #6
            Juste pour écarter un doute. Ton image mesure combien de pixels ? La largeur de ta page est de combien de pixels ?

            Commentaire


            • #7
              Merci, Bird, de continuer à t'intéresser à mon sort !
              Ma bannière est strictement égale à celle utilisée par Astrid, soit 1060 x 287 (je crois, je ne vérifie pas !). Quant à ta question sur la "largeur de la page", je ne sais pas à quoi tu fais allusion (ma science étant bien limitée)... Où cela se voit-il ? Dis-moi, je regarderai : je précise à nouveau que je suis sur une copie neuve de 4.2.5 (aucun ajout de plugin extérieur à Joomla!)...

              Commentaire


              • #8
                Bonjour,

                Sur un site test, je viens de regarder la largeur du contenu quand Cassiopeia est en mode colonne : 1320 px, donc si la largeur de l'image est de 1060 px, elle ne prend pas toute la place allouée à la bannière. Il faut donc chercher à paramétrer cette image pour qu'elle s'étire ou en recréer une de 1320 px, à mon avis (je ne crois pas avoir essayé cette méthode donnée par Astrid)
                "Patience et longueur de temps font plus que force ni que rage..." (La Fontaine : Le Lion et le Rat) - "Il n'y a pas de problèmes; il n'y a que des solutions" (André Gide).
                MoovJla et LazyDbBackup sur www.joomxtensions.com - FaQ sur www.fontanil.info - Site pro : www.robertg-conseil.fr chez PHPNET, sites perso chez PlanetHoster + sites gérés chez PHPNET, PlanetHoster, Ionos et OVH

                Commentaire


                • #9
                  Mais c'était bien sûr ! Comme je m'étais arc-bouté aux données d'Astrid G. (qui sont donc erronées), je n'ai pas pensé une seconde à les contourner. Fiat lux avec RobertG qui, une fois encore, pratiquant l'art des choix, m'apporte la solution tant souhaitée ! En effet, il a suffi que je réécrive le code du module (site) Bannière, ainsi :
                  <p><img src=".............................jpg" alt="" width="1320px" height="287px" class="mybanner" style="display: block; margin-left: auto; margin-right: auto;" loading="lazy" /></p>,
                  pour que la présentation devienne "normale".
                  Grand merci, RobertG ! Un pau d'adjudo fa grand bèn, mais de plus, en cette période d'Avent qui débute, tu m'offres un beau cadeau de Noël : je vais profiter du temps des fêtes pour passer - enfin - en "mode J-quatre"... Et très bonne soirée !
                  Merci aussi à Bird et à ManuelVoileux pour leurs interventions.

                  Sam_38

                  Commentaire


                  • #10
                    Bonne continuation !
                    "Patience et longueur de temps font plus que force ni que rage..." (La Fontaine : Le Lion et le Rat) - "Il n'y a pas de problèmes; il n'y a que des solutions" (André Gide).
                    MoovJla et LazyDbBackup sur www.joomxtensions.com - FaQ sur www.fontanil.info - Site pro : www.robertg-conseil.fr chez PHPNET, sites perso chez PlanetHoster + sites gérés chez PHPNET, PlanetHoster, Ionos et OVH

                    Commentaire

                    Annonce

                    Réduire
                    Aucune annonce pour le moment.

                    Partenaire de l'association

                    Réduire

                    Hébergeur Web PlanetHoster
                    Travaille ...
                    X