Skocz do zawartości
Pecetowicz Forum komputerowe

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


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

  • Lubię to! 7
  • Super 1
  • Dzięki! 1
Odnośnik do odpowiedzi
Udostępnij na innych stronach
  • 2 lata później...

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ę
  • Podobna zawartość

    • Przez ZyletA
      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 
    • Przez Whisky
      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);
    • Przez new.sky
      Siemano bajero z kopyta. Mam pytanie. Jak zamienić te brzydkie kropkowane graficzne ikonki na własne w MyBB? Wersja MyBB: 1.8.3
    • Przez Kevin Hajnosz
      Cześć, posiadam szablon Carbon by BaszaR. Wgrałem wtyczkę Forum Icons ale nie wyświetlają się obrazki działów.
×
×
  • Dodaj nową pozycję...