FANDOM


  • Witam,

    potrzebuję niewielkiej pomocy związanej z moim infoboxem.

    Chcę, żeby główny nagłówek (tam, gdzie znajduje się tytuł) infoboksu nie był kwadratowy, tylko oba górne rogi były zaokrąglone (wraz z linią, czyli "border"), jak tutaj. Jeżeli jest to możliwe, to chcę również, aby te "grupy" (jak "charakterystyka", "rodzina", itd.) posiadały wokół (jak ma ten cały infobox, tylko, żeby grupy również miały "border" tego samego koloru) linie, ponieważ na razie wygląda to bardzo... nieprzyjemnie.

    Dziękuję za pomoc.

      Wczytuję edytor...
    • Żeby zaokrąglić główny nagłówek tak, żeby był tak idealnie dopasowany do infoboksu, użyj tego kodu:

      .pi-europa .pi-title {
          border-top-left-radius: 7px;
          border-top-right-radius: 7px;
      }

      A jeśli chodzi o te grupy, to dobrze moim zdaniem będzie wyglądać po prostu dodanie marginesu:

      .pi-europa .pi-header {
          margin-top: 1px;
      }

      Mam nadzieję, że udało mi się pomóc ^^

        Wczytuję edytor...
    • Tak, dziękuję bardzo!

      Mogę jeszcze wiedzieć w jaki sposób zmniejszyć szerokość mojego infoboxu? Przydałoby się, aby był podobnej szerokości co ten.

      Dziękuję.

        Wczytuję edytor...
    • Do tego użyj kodu:

      .pi-europa.portable-infobox {
          width: 250px;
      }

      Jeśli pojawiłyby się problemy z nadpisaniem szerokości, to po tych 250px możesz dodać "!important"; tak żeby w linijce pojawiło się: width: 250px !important;, ale najpierw sprawdź, czy kod działa bez tego (kod z mnóstwem nadpisań jest potem trudniejszy do ogarnięcia).

        Wczytuję edytor...
    • Poza wyżej wymienionym kodem, warto dodać jeszcze ten kod:

      .portable-infobox .pi-image img {
          max-width: 250px;
          height: auto;
      }

      Bez niego obrazki mogą psuć cały infoboks - wyjeżdżać poza jego obręb bądź poszerzać do początkowych 300px.

        Wczytuję edytor...
    • Użytkownik Fandomu
        Wczytuję edytor...
Daj okejkę tej wiadomości
Przyznano okejkę tej wiadomości!
Zobacz kto dał okejkę tej wiadomości