Forum icons

Założony przez  Kertoip12.

wersja skryptu MyBB:1.8
adres forum: skillnia.pl
na czym polega problem (screen, opis, komunikaty, nazwa i wersja wtyczki): Witam chciałem zrobic własne ikony działów i robilem to z tego o to poradnika. - https://webboard.pl/thread-58224.html

Najlepsze jest to ze nic mi nie dziala.... xxDo znaczy coś tam się zrobiło ale nie pokazuje ikonek. Probowałem na wiele sposobów i dupa :/ 

forumbit_depth2_forum


<tr>
<td class="{$bgcolor}" align="center" valign="top" width="6%"><span class="forum_status forum_{$lightbulb['folder']}_{$forum['fid']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"></span> </td>
<td class="{$bgcolor}" valign="top" style="width: 50%;">
<strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$modlist}{$subforums}</div>
</td>
<td class="{$bgcolor} countForum" valign="top" align="center" style="white-space: nowrap; width: 20%;"><div class="num-icons num-threads" title="Ilość tematów">
{$threads}{$unapproved['unapproved_threads']} Tematów
</div><br />
<br>
<div class="num-icons num-posts" title="Ilość postów">
{$posts}{$unapproved['unapproved_posts']} Postów
</div></td>
<td class="{$bgcolor}" valign="top"  align="right" style="white-space: nowrap; width: 24%; padding-right: 20px;">{$lastpost}</td>
</tr>

własny css icony.css


.forum_status {
   height: 30px; /*wysokość Twoich ikonek */
   width: 30px; /*szerokość Twoich ikonek */
   background: url(images/carbon/ficon/) no-repeat 0 0;
   display: inline-block;
}

.forum_on_4, .forum_off_4 {
   background: url(images/carbon/ficon/4.png) no-repeat 0 0; /* Adres do ikony do dzialu nr 1 */
}

.forum_on_2, .forum_off_2 {
   background: url(images/carbon/ficon2.png) no-repeat 0 0;  /* Adres do ikony do dzialu nr 2 */
}
/* i tak dalej */

/* Dział zamknięty */
.forum_offlock_3 {
   background-position: pozycja_pozioma pozycja_pionowa;
}
/* Przekierowanie */
.forum_offlink_5 {
   background-position: pozycja_pozioma pozycja_pionowa;
}


Nie wiem w czym lezy problem próbowalem na innym forum i nie pomogli probowali i nic.
Szogi1910 napisał 04.11.2015, 22:05:
Kody php/html/css dodajemy z tagach [code]lub[php]
Spróbuj z takim css:
.forum_status{height: 30px;width: 30px;display: inline-block}
.forum_4_4{background: url(images/carbon/ficon/4.png) no-repeat 0 0}
.forum_2_2{background: url(images/carbon/ficon2.png) no-repeat 0 0}

Kolejne ikonki dodajesz poprzez dopisanie kolejnych reguł do css.
Np. twój dział ma fid=6 to dodajesz do css:
.forum_6_6{background: url(images/carbon/ficon/6.png) no-repeat 0 0}
Wisza ci piwo o które jeszcze nikt nie miał... Dzięki wielkie :)

A wiesz jak zrobic kod zeby icony się same dosrodkowywaly? kazda z osobna Albo zebym mogl kazda z osobna dosrodkowac.
Nie wiem czy dokładnie to miałeś na myśli, ale spróbuj:
.forum_status{height: 30px;width: 30px;display: inline-block}
.forum_2_2{background: url(images/carbon/ficon2.png) no-repeat 0 0;height: 35px;width: 35px}
.forum_4_4{background: url(images/carbon/ficon/4.png) no-repeat 0 0;height: 35px;width: 35px}
.forum_6_6{background: url(images/carbon/ficon/6.png) no-repeat 0 0;height: 42px;width: 42px}
W miejsce height wpisz wysokość obrazka, a w width szerokość.

Lub:
.forum_status{height: 30px;width: 30px;display: inline-block}
.forum_2_2{background: url(images/carbon/ficon2.png) no-repeat 0 0;margin: 0px 0px 0px 0px}
.forum_4_4{background: url(images/carbon/ficon/4.png) no-repeat 0 0;margin: 0px 0px 0px 0px}
.forum_6_6{background: url(images/carbon/ficon/6.png) no-repeat 0 0;margin: 0px 0px 0px 0px}
Popróbuj z różnymi ustawieniami margin. W miejsca zer wpisuj liczby i sprawdzaj kiedy obrazek będzie mniej więcej po środku.
Dzieki mozna zamknac.
Matslom napisał 07.11.2015, 10:17:
Nie zamykamy watków.



Użytkownicy przeglądający ten wątek:

1 gości