Adicionar ícones/png personalizados aos foruns criados nas categorias

Detalhes da questão

Endereço do fórum: http://ptruckers.foruns.com.pt/
Versão do fórum: PhpBB3

Descrição

Olá, mais um Admin que precisa de ajuda!
Tenho resolvido bastantes dúvidas, lendo os imensos tuturiais que existem aqui, o que desde já agradeço este imenso trabalho aos que säo amantes dos foruns..
Levo 3 semanas a bater com a cabeça no PC, já näo sei mais onde ler e procurar.
Estou farto de ler e procurar aqui nos "Foruns dos Foruns", na web, uma possivel soluçäo para o meu problema.

O meu problema:
Adicionar icones ou png personalizados na barra/torre esquerda dos foruns.
Vi a ideia neste neste forum:


Deixo imagem com plano, de como quero no meu para quem me possa ajudar:



Destaco estes 3 tutoriais que já li repitidamente, sem exito na soluçäo do meu problema:
https://ajuda.forumeiros.com/t20295-faq-modificar-os-icones-do-forum
https://ajuda.forumeiros.com/t11750-faq-visualizar-e-gerir-as-categorias-foruns-e-subforuns
https://ajuda.forumeiros.com/f35-questoes-resolvidas-sobre-a-aparencia-do-forum

Endereço do meu fórum: http://ptruckers.foruns.com.pt/
Versão do meu Skin: ArthurBohrer Theme (modificado os botöes)
Versão do fórum: phpBB3

Boa tarde.

Aceda: Painel de Controle   Geral  Fórum  Categorias e Fóruns 

Repare que aparecerar os seus sub-fóruns, escolha o sub-fórum que você queira adicionar a imagem clicando no icone de engrenagem  que tem sobre o sub-fórum ao lado direito. Depois de clicar na engrenagem você será rederecionado para as configurações do Sub-Fórum que você escolheu em questão, e então nessa pagina de configuração do seu sub-fórum procure pelo um campo escrito "Endereço de imagem:". Nesse campo você tem de que coloca o url da image que quer que apareça no seu sub-fórum, depois de colocar o url da image vasta clicar em salvar e logo estara pronto.

Atenciosamente,
Fatalisss

Muito agradecido pela rápida resposta.

Mas, sem exito, repare, meti o link e cliquei em salvar:


E fica assim:

Boa tarde!

Vá em: Painel de Controle Visualização Imagens e Cores Gestão das Imagens Modo Avançado Icones do fórum, troque as imagens desejadas e salve.

Até mais.
Fraise

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre o painel de administração'

Muito Obrigado Fraise.
Mas também näo é isso que eu quero:

O forum onde vi, é como este, veja como tem o admin deste forum:
http://motoristasdoasfalto.maisforum.com/forum

Como você diz, eu já tenho esses icones personalizados, o que acontece é que estes icones aparecem todos de igual nos foruns e sub-foruns do meu forum.


Ao fazer como diz aparece os icones todos iguais nos foruns e sub-foruns no meu forum assim:
http://ptruckers.foruns.com.pt/

O que eu quero é personalizar cada forum ou sub-forum com icones diferentes em cada forum ou sub-forum na barra da esquerda e näo por debaixo do titulo de cada sub-forum ou sub-forum.

Atentamente e muito agradecido na sua tentaviva de ajudar-me.

Olá,

Siga os passos indicados desse tutorial: https://ajuda.forumeiros.com/t15944-tutorial-organizando-categoria-como-forumeiros-e-voce

Até mais. 

Olá,

Entendi. Você deseja remover esses ícones para adicionar personalizados em cada categoria, certo? Caso sim me forneça seu index_box.
Painel de Controle Visualização Templates Geral

Até mais.
Fraise

Fatalisss escreveu:Olá,

Siga os passos indicados desse tutorial: https://ajuda.forumeiros.com/t15944-tutorial-organizando-categoria-como-forumeiros-e-voce

Até mais. 

Olá Fatalisss, esse tutorial é para criar sub-foruns dentro de foruns, veja (tem erros, mas foi só para testar):

Assim se pode criar entäo os tais icones e png, mas nos sub-foruns que esäo dentro de outro forum ou sub-forum, mas como vê na imagem näo resolve o meu principal problema.

Fraise escreveu:
Olá,

Entendi. Você deseja remover esses ícones para adicionar personalizados em cada categoria, certo? Caso sim me forneça seu index_box.
Painel de Controle Seta Visualização Seta Templates Seta Geral

Até mais.
Fraise

Olá Fraise.
Näo é as categorias, é os foruns(ou sub-foruns, näo sei como se chama concretamente), deixo outra vez a imagem que está no 1º post deste tópico. para poder-mos entender(marcado a vermelho):


Pois eu penso que será este o caminho, mas de html eu näo percebo nada, ou quase nada, aqui tem o que pediu:

Código:

<ul class="linklist">
 <!-- BEGIN switch_user_logged_in -->
 <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>&nbsp;&bull;&nbsp;</li>
 <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>&nbsp;&bull;&nbsp;</li>
 <!-- END switch_user_logged_in -->
 <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
 <!-- BEGIN switch_user_logged_in -->
 <li class="rightside"><a href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
 <!-- END switch_user_logged_in -->
</ul>

<!-- BEGIN catrow -->
 <!-- BEGIN tablehead -->
 <div class="forabg">
 <div class="inner"><span class="corners-top"><span></span></span>
 <ul class="topiclist">
 <li class="header">
 <dl class="icon">
 <dd class="dterm"><div class="table-title">{catrow.tablehead.L_FORUM}</div></dd>
 <dd class="topics">{L_TOPICS}</dd>
 <dd class="posts">{L_POSTS}</dd>
 <dd class="lastpost"><span>{L_LASTPOST}</span></dd>
 </dl>
 </li>
 </ul>
 <ul class="topiclist forums">
 <!-- END tablehead -->

 <!-- BEGIN forumrow -->
 <li class="row">
 <dl class="icon" style="background:url({catrow.forumrow.FORUM_FOLDER_IMG}) no-repeat scroll {catrow.forumrow.INC_LEVEL} 50%;">
 <dd class="dterm">
 <div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};">
 <h{catrow.forumrow.LEVEL} class="hierarchy">
 <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
 </h{catrow.forumrow.LEVEL}>
 <br />
 {catrow.forumrow.FORUM_DESC}

 <!-- BEGIN switch_moderators_links -->
 {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
 <!-- END switch_moderators_links -->
 {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
 <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
 </div>
 </dd>
 <dd class="topics">{catrow.forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
 <dd class="posts">{catrow.forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>
 <dd class="lastpost">
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

 <span>
 <!-- BEGIN switch_topic_title -->
 <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
 <!-- END switch_topic_title -->
 {catrow.forumrow.USER_LAST_POST}
 </span>
 </dd>
 </dl>
 </li>
 <!-- END forumrow -->

 <!-- BEGIN tablefoot -->
 </ul>

 <span class="corners-bottom"><span></span></span></div>
 </div>
 <!-- END tablefoot -->
<!-- END catrow -->

<!-- BEGIN switch_on_index -->
<ul class="linklist">
 <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>&nbsp;&bull;&nbsp;</li>
 <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>&nbsp;&bull;&nbsp;</li>
 <li class="last"><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
 <!-- BEGIN switch_delete_cookies -->
 <li class="rightside"><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
 <!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->

Olá,

Passe-me o link de onde viu esse efeito.

Até mais.

Olá,

Vamos por partes, e não seria muito legal deixar o seu identico ao dele não é? Então, resolvi criar de um jeito parecido para que deixe o seu Fórum unico. Mais vamos por partes, nada de duma vez pois não quero pricipatar nada aqui. Antes de mais nada, quero ver se você gostar desse código que fiz especialmente a você.

Va até sua Folha de Estilo CSS e adicione o código abaixo:

Código:

ul.forums {
    background-color: #FFFFFF;
    border: 2px solid #000;
}

Enquanto as imagens em cada sub-fórum estou a criar o código, quero que veja como está a ficar:




Atenciosamente,
Fatalisss

Desculpe a demora pela resposta, mas tive a jantar.

Ok, o código já está adicionado.

Bom dia,

Troque o seu template index_box por este:

Código:

<ul class="linklist">
 <!-- BEGIN switch_user_logged_in -->
 <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>&nbsp;&bull;&nbsp;</li>
 <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>&nbsp;&bull;&nbsp;</li>
 <!-- END switch_user_logged_in -->
 <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
 <!-- BEGIN switch_user_logged_in -->
 <li class="rightside"><a href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
 <!-- END switch_user_logged_in -->
</ul>

<!-- BEGIN catrow -->
 <!-- BEGIN tablehead -->
 <div class="forabg">
 <div class="inner"><span class="corners-top"><span></span></span>
 <ul class="topiclist">
 <li class="header">
 <dl class="icon">
 <dd class="dterm"><div class="table-title">{catrow.tablehead.L_FORUM}</div></dd>
 <dd class="topics">{L_TOPICS}</dd>
 <dd class="posts">{L_POSTS}</dd>
 <dd class="lastpost"><span>{L_LASTPOST}</span></dd>
 </dl>
 </li>
 </ul>
 <ul class="topiclist forums">
 <!-- END tablehead -->

 <!-- BEGIN forumrow -->
 <li class="row">
 <div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};">
 <dd class="dterm">
 </h{catrow.forumrow.LEVEL}>
 <br />
 {catrow.forumrow.FORUM_DESC}

 <!-- BEGIN switch_moderators_links -->
 {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
 <!-- END switch_moderators_links -->
 {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
 <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
 </div>
 </dd>
 <dd class="topics">{catrow.forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
 <dd class="posts">{catrow.forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>
 <dd class="lastpost">
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

 <span>
 <!-- BEGIN switch_topic_title -->
 <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
 <!-- END switch_topic_title -->
 {catrow.forumrow.USER_LAST_POST}
 </span>
 </dd>
 </dl>
 </li>
 <!-- END forumrow -->

 <!-- BEGIN tablefoot -->
 </ul>

 <span class="corners-bottom"><span></span></span></div>
 </div>
 <!-- END tablefoot -->
<!-- END catrow -->

<!-- BEGIN switch_on_index -->
<ul class="linklist">
 <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>&nbsp;&bull;&nbsp;</li>
 <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>&nbsp;&bull;&nbsp;</li>
 <li class="last"><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
 <!-- BEGIN switch_delete_cookies -->
 <li class="rightside"><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
 <!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->

Salve e publique.

Até mais.
Fraise

Tópico movido de 'Questões sobre o painel de administração' para 'Questões sobre a aparência do fórum'