FANDOM


  • Cześć! Widzę, że CS Wiki jest dość popularną polską wiki, jednak infoboksy tutaj są nieprzenośne (tj. niedostosowane do urządzeń mobilnych). Gdybyś był zainteresowany, mógłbym pomóc dopasować je do aktualnego standardu ^^

    Pozdrawiam

      Wczytuję edytor...
    • Witam. Jak chcesz to możesz je dopasować :)

        Wczytuję edytor...
    • Z przyjemnością. Mógłbyś tylko wyłączyć funkcję „Motyw kolorystyczny Europa dla infoboksów” w opcjach wiki? Gdy już skończę to wyślę ci jeszcze CSS który będzie trzeba dodać do strony MediaWiki.

        Wczytuję edytor...
    • Wyłączyłem :)

        Wczytuję edytor...
    • Wygląda na to, że wszystko prawie gotowe. Teraz musisz tylko dodać poniższy kod do strony MediaWiki:Infoboksy.css (utworzyć ją):

      /*
       * Style przenośnych infoboksów na CS:GO Wiki
       * Autor: Rail01 <rail01@protonmail.com>
       */
      .portable-infobox {
          background: #434343;
          border: solid 1px #6c6b6b;
          width: 220px
      }
      .portable-infobox .pi-title {
          background: #100000;
          color: #fff;
          text-align: center;
          padding: 0;
          font-size: 15px;
          font-weight: bold;
          line-height: 26px;
          margin: 4px 4px 0 4px
      }
      .portable-infobox .pi-image { margin: 0 4px }
      .portable-infobox .pi-image .pi-image-thumbnail {
          width: 100%;
          height: auto
      }
      .portable-infobox .pi-image .pi-caption {
          text-align: center;
          padding: 0
      }
      .portable-infobox .pi-image-collection {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-around
      }
      .portable-infobox .pi-image-collection .pi-image-collection-tabs .pi-tab-link {
          background: transparent;
          border: none;
          color: #fff;
          font-size: 14px
      }
      .portable-infobox .pi-image-collection .pi-image-collection-tab-content { background: transparent }
      .portable-infobox .pi-group { border: none }
      .portable-infobox .pi-group .pi-header {
          background: transparent;
          color: #fff;
          text-align: center;
          font-size: 13px;
          margin: 0 4px
      }
      .portable-infobox .pi-data:first-of-type { border-top: solid 1px #6c6b6b }
      .portable-infobox .pi-data:last-of-type { border-bottom: solid 1px #6c6b6b }
      .portable-infobox .pi-data {
          border-color: #6c6b6b;
          padding: 2px 5px
      }
      .portable-infobox .pi-smart-group .pi-data-label,
      .portable-infobox .pi-smart-group .pi-data-value {
          border: none
      }
      .portable-infobox .pi-data:hover,
      .portable-infobox .pi-navigation:hover {
          background: #545454
      }
      .portable-infobox .pi-navigation { background: transparent }
      .portable-infobox.pi-theme-gracz .pi-title { background: #787289 }

      Po czym na samej górze (bardzo ważne, żeby nad importem nic nie było) strony MediaWiki:Wikia.css dodać:

      @import url( '/pl/load.php?mode=articles&only=styles&articles=MediaWiki:Infoboksy.css' );
        Wczytuję edytor...
    • Jak będę na kompie to dodam :)

        Wczytuję edytor...
    • Wdrożyłem zaktualizowane infoboksy. Na skórce desktopowej wyglądają dość podobnie do tych poprzednich (poprawiłem tylko nieco ich czytelność), ale na mobilnej różnica jest naprawdę potężna. Poprzednie w wielu przypadkach były po prostu zepsute na telefonach.

      Porównanie prezentuje się w ten sposób:

      Na ten moment zauważyłem tylko jeden problem związany z infoboksami i jest to pozostałość |} na początku strony. Problem dość prosty do rozwiązania botem, jeśli zgodzisz się na nadanie flagi.

      W razie jakichkolwiek innych problemów pisz od razu, postaram się je rozwiązać. Oczywiście polecam się także gdybyś potrzebował jakiejkolwiek pomocy technicznej – śmiało można mnie tym męczyć :P

        Wczytuję edytor...
    • Zgodzę się na to oczywiście :)

        Wczytuję edytor...
    • I Dziękuje za te infoboksy :)

        Wczytuję edytor...
    •   Wczytuję edytor...
    • Ok. Dziękuję:)

        Wczytuję edytor...
    • Użytkownik Fandomu
        Wczytuję edytor...
Daj okejkę tej wiadomości
Przyznano okejkę tej wiadomości!
Zobacz kto dał okejkę tej wiadomości
Treści społeczności są dostępne na podstawie licencji CC-BY-SA , o ile nie zaznaczono inaczej.