Centrer un bloc logo + 2 liens dans Cassiopeia

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

  • [RÉGLÉ] Centrer un bloc logo + 2 liens dans Cassiopeia

    Bonjour,

    Je suis en train de tenter a migration d'un site J3 vers J4. Celle du contenu n'a pas posé de problème en dehors de certaines extensions non compatibles qui seront soit remplacées, soit supprimées.

    Ce site a la particularité (que sa propriétaire veut conserver) d'avoir comme page d'accueil un affichage centré du logo (module html) et des liens vers deux langues (article) plutôt que le module de changement de langue dans les pages de contenu.
    Si j'arrive à obtenir un centrage horizontal (logo inséré dans l'article), je ne trouve pas comment centrer verticalement le contenu de l'article dans Cassiopeia.
    J'avais d'abord essayé le logo en module personnalisé et le choix de langue dans l'article, mais le résultat n'était pas meilleur.
    Avant d'envisager d'essayer un template Astroid (sans certitude non plus d'arriver à ce que je veux, j'aimerais vos conseils.
    Merci d'avance
    "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

  • #2
    Il semble que cette règle placée dans user.css soit la solution pour ne placer un padding-top que sur la page d'accueil :
    Code:
    .container-component main{
    padding-top:20%;
    }
    Confirmez-vous ?

    Edit : eh bien non, ça impacte bien tous les articles...
    Ce serait donc .container-component .homepage en ajoutant homepage comme classe au lien de menu
    En fait, le site original utilisait homepage comme id et comme classe seulement pour les deux liens de l'article, et un code comparable pour le logo. En fusionnant, je n'avais pas placé l'image à l'intérieur de l'id.

    Il me reste à trouver comment centrer le menu qui est en position top-b
    Dernière édition par RobertG à 19/08/2022, 17h11
    "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


    • #3
      Tu peux faire un formatage pour un article particulier dans un blog avec l'extension UP de Lomart...

      Commentaire


      • #4
        Bonjour,

        Comme je l'ai dit en complément, une autre gestion a été efficace, grâce à la classe homepage que le code de l'article d'origine utilisait déjà.
        Code:
        .container-component .homepage{
        padding-top:20%;
        }
        Ici, seule la page d'accueil est concernée par le positionnement spécifique.
        "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


        • #5
          "homepage" est défini dans le code de l'article.
          <h1 class="homepage" style="text-align: center;"><img
          "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