FANDOM


  • Bonjour tout le monde,

    J'essaye ces temps-ci de mettre en place les nouvelles infobox portables sur le Wiki Wowwiki. Nous avons jusqu'à maintenant des infobox classiques (avec des tableaux et div). Problème : je galère pas mal avec le CSS. Nos infobox utilisent la classe darktable, et malgré mes quelques tentatives et les articles d'aide, je n'arrive pas/ne sais pas comment appliquer cette classe au nouveau modèle d'infobox.

    Est-ce que quelqu'un aurait la gentillesse de m'expliquer en ELI5 comment faire pour pouvoir l'appliquer ?

    Ancien modèle d'infobox : Modèle: Infobox zone - Peut être vu ici dans un article
    Tentative d'infobox portable : Modèle:Infobox zone/Version de travail - Mis en place dans cet article
    La classe darktable actuelle qui sert sur les infobox classiques :

    /* dark table style */
    table.darktable {
    background:#202020;
    border:1px solid #606060;
    font-size:90%;
    padding:5px;
    }
     
    table.darktable th {
    background-color:#113A5E;
    padding:0 0.5em;
    }
     
    table.darktable caption {
    font-size:120%;
    font-weight:700;
    }
     
    table.darktable tr:not(:first-child) th {
    background-color:#112A44;
    }

    Voilà, c'est mon gros problème du moment, et j'avoue que c'est parce que je suis mauvais avec.
    Sinon, autre petite question : est-il possible de centrer le titre dans les infobox portables ? J'arrive à centrer les header avec <center></center>, mais ça ne marche pas à priori avec le titre.

      Chargement de l’éditeur...
    • Je peux juste t'aider pour le deuxième point.

      .portable-infobox .pi-title {
          text-align: center;
      }
      

      dans Wikia.css

      Personnellement j'ai aussi changé la taille et mis en gras...

      Par ailleurs, je n'ai pas réussi à mettre la même taille dans la colonne de gauche et la colonne de droite, mais là j'ai laissé tomber :)

        Chargement de l’éditeur...
    • Wyz

      Bonjour. Comme indiqué ici, il faut utiliser l'attribut theme sur la balise infobox. Je l'ai ajouté dans ta version de travail mais il faut que tu adaptes ton CSS :

      /* dark table style */
      table.darktable, pi-theme-darktable {
      background:#202020;
      border:1px solid #606060;
      font-size:90%;
      padding:5px;
      }
       
      table.darktable th, pi-theme-darktable .pi-title {
      background-color:#113A5E;
      padding:0 0.5em;
      }
       
      table.darktable caption {
      font-size:120%;
      font-weight:700;
      }
       
      table.darktable tr:not(:first-child) th {
      background-color:#112A44;
      }
      
        Chargement de l’éditeur...
    • Bonjour et merci de vos réponses (et navré du temps que je mets à répondre !).

      mais il faut que tu adaptes ton CSS

      Justement, c'est bien ça qui me pose problème. Adapter le code et mettre la balise n'est pas un problème en soi. Comment faire pour adapter le CSS ?

      J'ai tenté de l'adapter en mettant dans Wikia.css ce que Wyz avait écrit mais ça ne marche pas/suffit pas/je l'ai mal mis/j'ai fait une bêtise/un peu tout ça à la fois.

        Chargement de l’éditeur...
    • Wyz

      Bonjour. Utilise l'outil qui te permet de modifier en direct l'apparence de tes infoboxes. La page d'aide est en anglais pour l'instant, elle est sur la liste des pages à traduire en priorité :en:Help:Infobox preview.

        Chargement de l’éditeur...
    • Un utilisateur de FANDOM
        Chargement de l’éditeur...
Sélectionner ce message
Vous avez sélectionné ce message !
Voir qui a sélectionné ce message
Sauf mention contraire, le contenu de la communauté est disponible sous licence CC-BY-SA .