Skocz do zawartości

Dwie ikonki po wgraniu pluginu Forum Icons do MyBB


Prezydent™
 Udostępnij

Rekomendowane odpowiedzi

  • Założyciel

Usuń domyślną ikonkę z szablonu forumbit_depth2_forum

Będziesz miał podobną linijkę do 

<td class="{$bgcolor}" align="center" width="1"><div class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"><img src="https://s14.postimg.org/4k5egsfgh/avatar_1986.jpg"></div></td>

To usuń tag img czyli

<img src="https://s14.postimg.org/4k5egsfgh/avatar_1986.jpg">

Lub podeślij kod forumbit_depth2_forum

Odnośnik do komentarza
Udostępnij na innych stronach

Kod z forumbit_depth2_forum

<tr>
<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>
<td class="{$bgcolor} forumbit" style="padding-left: 0;">
    <h1><a href="{$forum_url}">{$forum['icon']}{$forum['name']}</a></h1>
    <h2 class="forum-description">{$forum['description']}{$modlist}</h2>
    {$subforums}
    <div class="thead-lastpost-min">
        {$lastpost}
    </div>
</td>
<td class="{$bgcolor}  thead-stats w11dn" width="85" align="center" style="white-space: nowrap">
    <h3>{$threads} {$unapproved['unapproved_threads']}</h3>
    <h4>Tematów</h4>
</td>
<td class="{$bgcolor}  thead-stats" width="85" align="center" style="white-space: nowrap">
    <h3>{$posts} {$unapproved['unapproved_posts']}</h3>
    <h4>Postów</h4>
</td>
<td class="{$bgcolor} thead-lastpost-max" align="right" width="120" style="white-space: nowrap">{$lastpost}</td>
</tr>
Odnośnik do komentarza
Udostępnij na innych stronach

Na forum testowym wywaliłem ten kod i działa Ale czy to dobrze i poprawnie to nie wiem

<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>

3596174b-0e24-422d-84e8-1f5e098b8480.png

Edytowane przez SLOWIK
Odnośnik do komentarza
Udostępnij na innych stronach

  • Ekspert

Znalazłem rozwiązanie:

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

Znajdź:

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

Zamień na:

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

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

Znajdź i usuń:

<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>

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

Znajdź i usuń:

<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>

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

Znajdź i usuń:

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

Efekt końcowy:

demo.thumb.png.7e5bd638b9b64531b874560a46b7e3df.png

Odnośnik do komentarza
Udostępnij na innych stronach

Nie pokazuje mi ikonek w stylu tylko w tym podstawoym od mybb

a w stylu forumbit_depth1_cat mam taki kod

<div class="category">
    <div class="headline clearfix">
        <div class="left">
            <div class="title"><a href="{$forum_url}">{$forum['name']}</a></div>
            <div class="description">{$forum['description']}</div>
        </div>
        <div class="expcolimage close">
            <img src="{$theme['imgdir']}/{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" title="{$expaltext}" />
        </div>
    </div>
    <div class="forums"  style="{$expdisplay}"  id="cat_{$forum['fid']}_e">
        {$sub_forums}
    </div>
</div>
Odnośnik do komentarza
Udostępnij na innych stronach

  • Ekspert

Dezaktywuj i odinstaluj. Następnie ponownie aktywuj i zainstaluj plugin.

Wejdź w Opis działu  forumbit_depth2_forum

Znajdź:

<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>

Zamień na:

<td class="{$bgcolor}" align="center" width="1"></td>

Efekt końcowy:

icons.png.39bd7ec6f45c08fa600081d81a3e0848.png

Odnośnik do komentarza
Udostępnij na innych stronach

  • Ekspert

Po usunięciu tego kodu zniknie standardowa ikonka - również w forumbit_depth2_forum.

<div class="status">
		<span class="forum_status forum_on ajax_mark_read" title="Dział zawiera nowe posty - Kliknij, aby zaznaczyć ten dział jako przeczytany" id="mark_read_3" style="cursor: pointer;"></span>
	</div>
Odnośnik do komentarza
Udostępnij na innych stronach

  • Administrator

Jeśli w kodzie tego nie zmienisz to pozostaje CSS:
main.css - linia 1025

Zamień z :

Spoiler

.categories .category .forums .forum > div.forum-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 19px;
    font-size: 13px;
    margin-left: 10px;
}

 

na:

Spoiler

.categories .category .forums .forum > div.forum-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 19px;
    font-size: 13px;
    padding-left: 60px;
}

 

Pod tym dodaj ten kod:
 

Spoiler

.categories .category .forums .forum > div.forum-info .forum-name img{
	position:absolute;
	top:0;
	left:0;
	padding:0 !important;
}

 

U mnie na Chrome po zmianie na taki kod wygląda to tak:
image

Odnośnik do komentarza
Udostępnij na innych stronach

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

×