Szukam Jak zmienić ikony Font-Awesome na obrazki przy działach i subforach?

Przekopałem pół internetu i tego forum - nie znalazłem odpowiedzi na to pytanie. Dwa tematy z tego forum, jeden był bez odpowiedzi, a w drugim link do rozwiązania padł. Trafiłem na temat "Jak zmienić obrazki działów na ikony Font-Awesome?", ale wątpię, że podane w nim informacje zadziałają w sprawie odwrotnej, a wolę niczego nie popsuć  

Zauważyłem, że w CSS moną podmienić zawartość content z kodu ikony na url(link do obrazka), ale wtedy nie trzyma się wszytko kupy i obrazki nachodzą pod nazwy subforów. Jeśli to jedyny sposób na zmianę tego i potem zabawa z CSS aby ogarnąć obrazki to trudno, ale moze da się inaczej? Liczę na pomoc. Z góry dzięki o/

Trafiłem na temat "Jak zmienić obrazki działów na ikony Font-Awesome?", ale wątpię, że podane w nim informacje zadziałają w sprawie odwrotnej, a wolę niczego nie popsuć  

Jak zrobisz poprawnie to musi działać. Jeśli jesteś początkującym nie zapomnij o backupie.
Jak coś nie pójdzie pokaż jak próbowałeś, a powiemy ci co zrobiłeś źle.

Tym sposobem co próbowałes też można to wykonać, ale musisz jeszcze nadać im wtedy na sztywno wymiary w px.

Trafiłem na temat "Jak zmienić obrazki działów na ikony Font-Awesome?", ale wątpię, że podane w nim informacje zadziałają w sprawie odwrotnej, a wolę niczego nie popsuć

Jak zrobisz poprawnie to musi działać. Jeśli jesteś początkującym nie zapomnij o backupie.
Jak coś nie pójdzie pokaż jak próbowałeś, a powiemy ci co zrobiłeś źle.

Wolę się za to nie zabierać. Nie wiem, z której strony to ugryźć :/ nie znam się na sprawach związanych z ikonami Font-Awesome. Poza tym w poradniku jest:
"Przejdź do ACP -> Szablony -> Nagłówek -> headerinclude
Pod {$stylesheets} dodaj"
Nigdzie nie widzę tego headerinclude :v

Tym sposobem co próbowałes też można to wykonać, ale musisz jeszcze nadać im wtedy na sztywno wymiary w px.

Chciałem podmienić kod ikony na obrazek w CSS, ale okazało się, że arkusz jest gdzieś na zewnętrznym serwerze ;-; więc chyba pozostaje to zmienić inaczej ;/

Pomocy u_u

Poszukaj w niezgrupowanych szablonach.

Wcześniej pisałem, ale na odwrót - z obrazka na FontAwesome.
Ale jest podobnie.

Na początek pokaż szablon Opis działu -> forumbit_depth2_forum

Proszę bvardzo, forumbit_depth2_forum:

<tr>
<td class="{$bgcolor}" align="center" valign="middle" width="1"><div class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"><i class="fa fa-square"></i></div></td>
<td class="{$bgcolor}" valign="top">
<strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$modlist}{$subforums}</div>
</td>
<td class="{$bgcolor}" valign="middle" align="center" style="white-space: nowrap" width="100">{$threads} {$lang->forumbit_threads} {$unapproved['unapproved_threads']}</td>
<td class="{$bgcolor}" valign="middle" align="center" style="white-space: nowrap" width="100">{$posts} {$lang->forumbit_posts} {$unapproved['unapproved_posts']}</td>
<td class="{$bgcolor}" valign="top" align="right" style="white-space: nowrap" width="200">{$lastpost}</td>
</tr>

A tutaj heardinckude:

<link rel="alternate" type="application/rss+xml" title="{$lang->latest_threads} (RSS 2.0)" href="{$mybb->settings['bburl']}/syndication.php" />
<link rel="alternate" type="application/atom+xml" title="{$lang->latest_threads} (Atom 1.0)" href="{$mybb->settings['bburl']}/syndication.php?type=atom1.0" />
<meta http-equiv="Content-Type" content="text/html; charset={$charset}" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/jquery.js?ver=1806"></script>
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/jquery.plugins.min.js?ver=1806"></script>
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/general.js?ver=1810"></script>
<link href="//netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
{$stylesheets}<!-- UNREADPOSTS_CSS -->
<script type="text/javascript">
<!--
lang.unknown_error = "{$lang->unknown_error}";

lang.select2_match = "{$lang->select2_match}";
lang.select2_matches = "{$lang->select2_matches}";
lang.select2_nomatches = "{$lang->select2_nomatches}";
lang.select2_inputtooshort_single = "{$lang->select2_inputtooshort_single}";
lang.select2_inputtooshort_plural = "{$lang->select2_inputtooshort_plural}";
lang.select2_inputtoolong_single = "{$lang->select2_inputtoolong_single}";
lang.select2_inputtoolong_plural = "{$lang->select2_inputtoolong_plural}";
lang.select2_selectiontoobig_single = "{$lang->select2_selectiontoobig_single}";
lang.select2_selectiontoobig_plural = "{$lang->select2_selectiontoobig_plural}";
lang.select2_loadmore = "{$lang->select2_loadmore}";
lang.select2_searching = "{$lang->select2_searching}";

var cookieDomain = "{$mybb->settings['cookiedomain']}";
var cookiePath = "{$mybb->settings['cookiepath']}";
var cookiePrefix = "{$mybb->settings['cookieprefix']}";
var cookieSecureFlag = "{$mybb->settings['cookiesecureflag']}";
var deleteevent_confirm = "{$lang->deleteevent_confirm}";
var removeattach_confirm = "{$lang->removeattach_confirm}";
var loading_text = '{$lang->ajax_loading}';
var saving_changes = '{$lang->saving_changes}';
var use_xmlhttprequest = "{$mybb->settings['use_xmlhttprequest']}";
var my_post_key = "{$mybb->post_code}";
var rootpath = "{$mybb->settings['bburl']}";
var imagepath = "{$theme['imgdir']}";
  var yes_confirm = "{$lang->yes}";
var no_confirm = "{$lang->no}";
var MyBBEditor = null;
var spinner_image = "{$theme['imgdir']}/spinner.gif";
var spinner = "<img src='" + spinner_image +"' alt='' />";
var modal_zindex = 9999;
// -->
</script>

<script type="text/javascript">
jQuery(document).ready(function($) {
$(".tab_content").hide();
$("ul.tabs li:first").addClass("active").show();
$(".tab_content:first").show();
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active");
$(this).addClass("active");
$(".tab_content").hide();
var activeTab = $(this).find("a").attr("href");
$(activeTab).fadeIn();
return false;
});
});
</script>

<script type="text/javascript">
jQuery(document).ready(function($) {
 var viewPortWidth = $(window).width();

 $(window).scroll(function(event) {
   event.preventDefault();
   if (viewPortWidth > 480) {
     if ($(this).scrollTop() > 180) {
       $('.scrollTo-top').fadeIn();
     } else {
       $('.scrollTo-top').fadeOut();
     }
   }
 });

 $('.scrollTo-top').click(function(event) {
   $('html, body').animate({scrollTop : 0 }, 600);
   event.preventDefault();
 });
});
</script>

Porównaj z domyślną zawartością forumbit_depth2_forum i kombinuj.

W szablonie:

<i class="fa fa-square"></i> 


zastępujesz obrazkiem <img src="adres" width="64px" height="64px">

Jeszcze byś musiał sprawdzić CSS, czy dla ajaxowej funkcji oznaczania działów jako przeczytane są klasy:

.forum_on
.forum_off

O ile dla .forum_on nic nie trzeba robić, o tyle dla .forum_off trzeba o czymś pomyśleć.

Tutaj przykład jak zrobić obrazek czarno-biały, rozjaśniony w CSS:

.forum_off, .forum_offlock, .forum_offlink {
    color: #333;
    opacity: .5;
    filter: grayscale(100%);
} 


Dalej powinieneś ogarnąć.
Cały internet jest do dyspozycji.