Skocz do zawartości

Jak usunąć ikony działów i wgrać własne? Poradnik MyBB


Tomik
 Udostępnij

Rekomendowane odpowiedzi

  • Ekspert

Witajcie!

W tym poradniku przedstawię jak usunąć standardowe ikony działów i wgrać własne w postaci obrazka. Zaczynajmy!

Na samym początku należy pobrać plugin do własnych ikon działów czyli Forum Icons.

Chcemy pozbyć się tych ikon:

icon1.png

Przechodzimy do edycji poszczególnych szablonów.

PA  --> Style i szablony  --> Szablony  --> Twój szablon --> Opis działu --> forumbit_depth1_cat

Szukamy:

<td class="tcat" colspan="2"><span class="smalltext"><strong>{$lang->forumbit_forum}</strong></span></td>

Zamieniamy na:

<td class="tcat" colspan="1"><span class="smalltext"><strong>{$lang->forumbit_forum}</strong></span></td>

PA --> Style i szablony  --> Szablony --> Twój szablon --> Opis działu --> forumbit_depth2_cat

Szukamy i usuwamy:

<td class="{$bgcolor}" align="center" width="1"><span class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"></span></td>

PA --> Style i szablony  --> Szablony --> Twój szablon --> Opis działu  --> forumbit_depth2_forum

Szukamy i usuwamy:

<td class="{$bgcolor}" align="center" width="1"><span class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"></span></td>

PA  --> Style i szablony  --> Szablony  --> Twój szablon  --> Widok działu --> forumdisplay_subforums

Szukamy i usuwamy:

<td class="tcat" width="2%">&nbsp;</td>

PA  --> Style i szablony  --> Szablony  --> Twój szablon -->  Strona główna  index

Szukamy i usuwamy:

<dl class="forum_legend smalltext">
	<dt><span class="forum_status forum_on" title="{$lang->new_posts}"></span></dt>
	<dd>{$lang->new_posts}</dd>

	<dt><span class="forum_status forum_off" title="{$lang->no_new_posts}"></span></dt>
	<dd>{$lang->no_new_posts}</dd>

	<dt><span class="forum_status forum_offclose" title="{$lang->forum_closed}"></span></dt>
	<dd>{$lang->forum_closed}</dd>

	<dt><span class="forum_status forum_offlink" title="{$lang->forum_redirect}"></span></dt>
	<dd>{$lang->forum_redirect}</dd>
</dl>

Kwestia edycji szablonów jest zakończona.

Teraz przechodzimy do PA --> Działy i posty --> Ikony działów

W Adres URL obrazka wklejamy link do obrazka:

icon2.png

Po zrobieniu tej czynności klikamy Zapisz zmiany.

Przechodzimy na Stronę główną forum, aby zobaczyć efekt końcowy.

icon3.png

Odnośnik do komentarza
Udostępnij na innych stronach

  • 2 lata później...
  • 4 miesiące temu...

Problem wciąż nierozwiązany? Dodaj swoją odpowiedź

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto. Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
 Udostępnij

  • Ostatnio przeglądający

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
  • Podobna zawartość

    • Witam ma Problem otoz  chce aby ikonki był całe Widoczne  na SS zaznaczone 
      Imgur: The most awesome images on the Internet
      GlobalCs 
      .forum_status {
      width: 30px; /*szerokość Twoich ikonek */
      height: 30px; /*wysokość Twoich ikonek */
      background: url(images/forum_icon_sprite.png) no-repeat 0 0; /*ścieżka do pliku z ikonkami */
      display: inline-block;
      }
      .forum_on_3, .forum_off_3 {
          background: url(images/Hard-Game_Black/ikony/3.png) no-repeat 0 0;  
      }
      .forum_on_13, .forum_off_13 {
         background: url(images/Hard-Game_Black/ikony/13.png) no-repeat 0 0;  
      }
      i tak dalej 
    • Cześć. W tym poradniku opiszę jak dodać różne ikonki działów do MyBB bez użycia wtyczki. Zamiast tego użyjemy CSS Sprites, czyli jeden plik graficzny w którym znajdują się wszystkie nasze ikonki.
      Dzięki poradnikowi będziemy mogli przypisać naszym konkretnym działom własne ikonki.
      Zaczynamy!
      Na początek przygotuj sobie ikonki. Wszystkie ikonki umieszczamy w jednym pliku (najbardziej optymalna wersja). Plik powinien wyglądać mniej więcej tak:

      Edycja szablonu forumbit_depth2_forum
      Edytuj szablon Style i szablony -> szablony -> <twój styl> -> opis działu -> forumbit_depth2_forum
      Znajdź
      <span class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"></span> i zamień na
      <span class="forum_status forum_{$lightbulb['folder']}_{$forum['fid']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"></span> To tyle z szablonami teraz został nam już tylko odpowiednie ostylowanie naszych ikonek w pliku css.
      Edycja CSS
      Przejdź do Style i szabony -> <twój styl> -> global.css -> tryb zaawansowany
      Znajdź i usuń:
      .forum_status { height: 30px; width: 30px; background: url(images/forum_icon_sprite.png) no-repeat 0 0; display: inline-block; } .forum_on { background-position: 0 0; } .forum_off { background-position: 0 -30px; } .forum_offlock { background-position: 0 -60px; } .forum_offlink { background-position: 0 -90px; } Utwórzmy sobie teraz nowy plik .css (aby zachować jakiś porządek).
      W pliku tym umieść i odpowiednio zmodyfikuj pod swoje potrzeby:
      .forum_status { height: 30px; /*wysokość Twoich ikonek */ width: 30px; /*szerokość Twoich ikonek */ background: url(images/forum_icon_sprite.png) no-repeat 0 0; /*ścieżka do pliku z ikonkami */ display: inline-block; } Dalej w tym samym pliku dodajemy
      .forum_on_1, .forum_off_1 { background-position: 0 0; } .forum_on_2, .forum_off_2 { background-position: -30px 0; } /* i tak dalej */ Numerki przy klasach oznaczają fid działu dla którego przypisujemy ikonkę.
      background-position: pozycja_pozioma pozycja_pionowa
      Dodatkowe usprawnienia
      Dodatkowo jeżeli twój dział jest zamknięty, lub jest on przekierowaniem należy zmienić w klasach on i off na offlock lub offlink. Twoja klasa dla takiego działu powinna wyglądać tak.
      /* Dział zamknięty */ .forum_offlock_3 { background-position: pozycja_pozioma pozycja_pionowa; } /* Przekierowanie */ .forum_offlink_5 { background-position: pozycja_pozioma pozycja_pionowa; } Dzięki prostemu trikowi zrobimy odróżniające się ikonki działów które posiadają nowe posty, od tych które ich nie posiadają.
      Do pliku .css dodaj
      [class^="forum_off_"], [class*="forum_off_"]{ opacity: 0.5; } Sprawi to, że ikonki działów bez nowych postów będą jaśniejsze (bardziej przeźroczyste).
      Bug z oznaczaniem działów
      Aby następowała poprawna zmiana ikonek podczas oznaczania działów jako przeczytanych należy zmodyfikować general.js
      Otwórz plik jsscripts/general.js(w normalnym edytorze, np. notepad++). Linijkę 259:
      markreadfid.removeClass('forum_on').addClass('forum_off'); zamień na:
      markreadfid.removeClass('forum_on_'+fid).addClass('forum_off_'+fid);
    • Siemano bajero z kopyta. Mam pytanie. Jak zamienić te brzydkie kropkowane graficzne ikonki na własne w MyBB? Wersja MyBB: 1.8.3
    • Cześć, posiadam szablon Carbon by BaszaR. Wgrałem wtyczkę Forum Icons ale nie wyświetlają się obrazki działów.
    • Witam. Mam pewien problem. Pierwszy raz z tego typu błędem się spotykam powiem szczerze, próbowałem wszystkiego, szukałem na internecie, tam pisali, że muszę wysłać zapytanie do SQL, ale nadal to nie pomaga.
      A więc tak, gdy chcę edytować dział w panelu administracyjnym to zwyczajnie nie mogę, ani dodać działu, ani edytować, no nic zupełnie.
      W załączniku umieszczam screen błędu jaki wyskakuje, proszę o pomoc.
      Dodam, że nie mam żadnego pluginu z forum icon.

  • Najnowsze tematy

  • Ostatnio rozwiązane

    • Z tego co widzę to router Vue wymaga SSR (Server-side render), który można stworzyć za pomocą NodeJS wraz z expressem. Prosta odpowiedź znajduje się tutaj: https://stackoverflow.com/questions/43726961/how-to-make-vue-js-app-with-routing-work-in-heroku Sklonowałem repozytorium i zrobiłem deploy za pomocą Vercel. Link: https://covid-19-daily-stats.vercel.app/country/US Vercel tworzy sobie sam środowisko SSR w zależności czego potrzebujemy (wykrywa czy to Vue, React, Angular itp.).
    • @xZANDARMx masz na serwerze index.php? Możesz w htaccess spróbować ustawić: DirectoryIndex index.html  
    • Cześć. Local Security Authority Process to proces systemu Windows, odpowiedzialny za wymuszanie zasad zabezpieczeń w systemie.  Jego pojawienie się wraz z odpaleniem gry jest całkowicie normalne. Sprawdź jednak wagę tego pliku, w Windows 10 powinien on ważyć około 57 KB, jeżeli waży znacznie więcej np. 500 czy nawet powyżej 1 MB to może to oznaczać jakąś infekcję i fakt że nie jest to oryginalny plik Microsoftu. 
×