FANDOM


  • Bonjour,

    Je vous envoie ce message pour vous faire par d'un projet que je veux établir sur le wiki où je travaille en temps qu'Admin et Bureaucrate. J'aimerais changer la présentation des infoboxes. J'ai utilisé pour cela le CSS, mais aucun changement n'est visible. Ais-je fait une faute sur le CSS ?

    Voici le texte :

    /* Infoboxes */
    .infoboxes-tophat {
    border-radius: 3px;
    border: 4px solid rgba(0,0,32,0.4);
    box-shadow: inset 0 -6px 0 rgba(0,0,32,0.2), inset 0 6px 0
    rgba(255,255,255,0.2), 0 4px 0 rgba(0,0,0,0.15);
       box-sizing: border-box;
    font-family: "Lilita One";
    font-size: 100%;
    font-weight: normal;
    margin-bottom: 20px;
    padding: 5px 10px;
    text-align: center;
           text-shadow: 0 2px 3px rgba(0,0,0,0.4);
    width: 100%;
    }
    

    Merci d'avance,

    Bonne soirée,

    ☼ Esteban ☼ (discussion) janvier 15, 2020 à 15:41 (UTC)

      Chargement de l’éditeur...
    • Bonjour (et désolé du retard !),

      Ce CSS ne fonctionnera pas sur une infobox portable comme celle que tu souhaites réaliser : les sélecteurs sont systématiquement en ".pi-" ou en ".portable-infobox". Ici, je te suggère de remplacer ".infoboxes-tophat" par ".portable-infobox".

      De ce que je vois, l'apparence est déjà meilleure que le style affreux par défaut qu'est celui d'Europa, mais il y aurait des compléments à apporter. N'hésite pas à consulter Aide:Infoboxes/CSS ou à me recontacter si tu veux améliorer le style de ces infoboxes.

      Yada Emoticon_Picsou.gif Vanguard.png @fandom janvier 17, 2020 à 15:05 (UTC)

        Chargement de l’éditeur...
    • O.K merci beaucoup ^_^

      Bonne soirée,

      ☼ Esteban ☼ (discussion) janvier 17, 2020 à 16:40 (UTC)

        Chargement de l’éditeur...
    • Re-bonjour,

      Ça ne marche toujours pas...

      Je suis nul en CSS : je viens de commencer.

      En fait, j'aimerais que les infoboxes de mon wiki soient semblables à celles du wiki anglais Brawl Stars ... Mais... Je n'y arrive pas. -_-

      J'aimarais également changer la couleur des liens menant aux pages utilisateurs des admins.

      Peux-tu m'aider ?

      ☼ Esteban ☼ (discussion) janvier 17, 2020 à 17:00 (UTC)

        Chargement de l’éditeur...
    • On dirait que l'import réalisé du Themes.css en haut portait à confusion : le code n'était attendu qu'à cette page, et ne fonctionne pas sur Wikia.css. Première fois que je vois ça ! C'est transféré du coup.

      En revanche il va falloir pas mal de CSS pour la répliquer à l'identique. Est-ce qu'en bleu ça te convient ? Ça permet de donner une certaine identité au wiki, mais ça peut se changer évidemment.

      Yada Emoticon_Picsou.gif Vanguard.png @fandom janvier 17, 2020 à 17:48 (UTC)

        Chargement de l’éditeur...
    • ??? Je n'ai pas compris le premier paragraphe, mais c'est pas grave ^_^

      En fait, j'aimerais que les infoboxes soient éxactement pareilles que les anglaises, sauf la couleur (qui resterait la même que celle des autres boutons).

      Et, du coup, pour les liens ?

      ☼ Esteban ☼ (discussion) janvier 18, 2020 à 09:35 (UTC)

        Chargement de l’éditeur...
    • Tu avais mis cette ligne sur Wikia.css :
       @import url('/load.php?mode=articles&articles=MediaWiki:Themes.css&only=styles');

      Ça implique que tout le code des infoboxes portables doit être sur Themes.css, dont le lien ne fonctionnait pas dans mon précédent message (c'est réglé).

      Je peux te faire un code similaire dans la journée alors dans le cadre de FRanguard, comme le code est partiellement chez les anglophones ça ne devrait pas être très long.

      Pour les liens des pages utilisateur, c'est un code de ce type, en choisissant la couleur et en remplaçant mon nom d'utilisateur et celui d'Esteban par celui des admins de ton wiki bien sûr :
       a[href$=":Dark_Yada"], a[href$=":Esteban02"] { 
        color:#006400 !important; 
        font-weight:bold !important; 
      }
      Il peut y avoir une série de cas particuliers, et si ce code ne fonctionne pas, consulte ce fil.

      Yada Emoticon_Picsou.gif Vanguard.png @fandom janvier 18, 2020 à 09:46 (UTC)

        Chargement de l’éditeur...
    • O.K merci pour tout ^_^

      Il est fort possible que je te rappelles au sujet du CSS, car il y a beaucoup de chose que je ne comprend pas à son sujet...

      À bientôt et bonne journée,

      ☼ Esteban ☼ (discussion) janvier 18, 2020 à 10:09 (UTC)

        Chargement de l’éditeur...
    • Re-bonjour,

      Comme prévu, j'ai un autre problème : j'ai essayé de modifier le Thèmes.css afin de rendre l'infobox encore plus classe, sauf qu'il n'y a aucun effet à part que ça a supprimé les premières modifications...

      Je suis désespérant...

      Que dois-je faire ?

      Bonne soirée,

      ☼ Esteban ☼ (discussion) janvier 18, 2020 à 19:39 (UTC)

        Chargement de l’éditeur...
    • Houlà tes sélecteurs ne fonctionnent pas du tout, je corrige. Pense à relire Aide:Infoboxes/CSS avant d'inventer des sélecteurs. Je n'ai pas pu faire le style avant, mais là évite de toucher ce soir, je vais faire ce que tu as demandé.

      Yada Emoticon_Picsou.gif Vanguard.png @fandom janvier 18, 2020 à 19:55 (UTC)

        Chargement de l’éditeur...
    • Est-ce que la version actuelle convient ? Je me suis plus basé sur ton code que celui des anglophones, en le rendant fonctionnel et en améliorant certaines bordures pour avoir un meilleur rendu visuel.

      Yada Emoticon_Picsou.gif Vanguard.png @fandom janvier 18, 2020 à 20:20 (UTC)

        Chargement de l’éditeur...
    • Merci c'est génial ^_^

      Bonne journée,

      ☼ Esteban ☼ janvier 19, 2020 à 10:04 (UTC)

        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 .