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

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:

*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″]

Tutorial: Editor Wysiwyg para o Mybb 1.44

Tutorial: Editor Wysiwyg para o Mybb 1.4x

Pra quem mexe com Vbulletin/Invision e tem interesse em testar um editor Wysiwyg tambem no myBB, que é gratuito, aí está um Tutorial que fiz ontem, depois de ler o Manual do TinyMCE

TinyMCE é um editor de texto com Código Livre que também suporta BBC, evitando assim o risco de codigos HTML indesejados – pois a maioria dos editores WYSIWYG adaptaveis em foruns usa só HTML.

Documentação >> http://wiki.moxiecode.com/index.php/Tiny…on_Example

Instalação

1. Faça o Download do TinyMCE 2.3.1.1 stable aqui
2. Descompacte a pasta “tiny_mce” no caminho: “www.yoursite.com/forum/jscript/tiny_mce/“
3. Siga as instruções das modificações de templates em um forum de testes e faça backup de seus templates antes das alterações.

Nao existe nenhum “Forum de Testes” dele em ação, ai embaixo tem as screens no meu computador pelo Xampplite (localhost)

Menus em inglês (idioma da instalação do Tutorial)

Interface em Portugues

São feitas só modificações nos templates do mybb, nenhum “arquivo-fonte” do mybb ou do tinyMCE é alterado. Se você quiser usar Wysiwyg em 1 tema personalizado e em outro não, é possivel

Se tiver duvidas, pergunte aqui. O Exemplo de otimização (custom code) tem explicado como usar o idioma português.

Mais detalhes de novidades/bugs leia lá no topico do mybb em ingles.

Read the complete Wysiwyg Editor Tutorial in myBB Support Forums (english).

Leia aqui o Tópico deste tutorial no Fórum da myBB Brasil.

Licença de uso: Creative Commons

[download id=”3″]