02
fev
09

Custom Forum Icons in mybb 1.4 with CSS and less http-requests

custom-forum-icons-mybb-144

Custom Forum Icons with CSS, to Mybb 1.4x and 1.2x

This is a nice feature if you want to use custom icons and don’t want to kill your CPU usage (if is a Shared Host) – Without image tags to each Forum there will be lower http requests.

(I) New Style Sheet

Create this CSS in ACP > Themes > Edit Theme > Add Stylesheet:

add_stylesheet

*See CSS Example stylesheet in Tutorial files in the end of this post

[II] Template changes

Go to ACP > Templates > Style > Templates > Expand your Theme Templates

Expand “Forum Bit Templates”:

forumbit_depth2_forum

Find:

<img class="ajax_mark_read" src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}" />

Replace with:

<!–Start – CSS Custom Forum Icons–>
<h2 id=”{$lightbulb[‘folder’]}_{$forum[‘fid’]}”><a href=”forumdisplay.php?fid={$forum[‘fid’]}” rel=”nofollow”><span>status</span></a></h2>
<!–End CSS Custom Forum Icons –>

[III] Background Image

Put “custom_forum_icons.png” in “\images\yourtheme\” folder

Remember to change *yourtheme* folder name in CSS background property.

[download id=”4″]


1 Response to “Custom Forum Icons in mybb 1.4 with CSS and less http-requests”


  1. 1 Jim
    segunda-feira, 09/02/09 às 14:13

    Thanks for this code+tut

    it´s piece of cake


Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s


fevereiro 2009
S T Q Q S S D
« jan   mar »
 1
2345678
9101112131415
16171819202122
232425262728  

Twitter

Blog Stats

  • 40,119 hits

%d blogueiros gostam disto: