Página 1 de 2
Como alterar os ícones padrão do fórum ?
Enviado: 13 Mai 2012, 15:58
por JM Pessanha
Qual a URL do seu fórum: Localhost
Tipo de Hospedagem: Free
Qual a versão do phpBB: phpBB 3.0.10
É um novo ou uma conversão: Instalação Limpa
Usuário de teste: Usuário: N/D Senha: N/D
Estilos instalados: Prosilver Special Edition
Modificações instaladas: Nenhuma.
Qual seu nivel de experiência: Iniciante
Quando começou o problema: Não há um problema, tenho apenas algumas dúvidas. Instalei o phpbb3 para testar antes de começar a utilizar a plataforma num servidor pago.
Descreva seu problema: Todos os fóruns e sub-fóruns possuem a mesma imagem. Gostaria de colocar imagens diferentes, de acordo com o assunto do fórum. O que devo fazer?
Não sei se expliquei corretamente, espero que entendam.
Re: Como alterar os ícones padrão do fórum ?
Enviado: 13 Mai 2012, 16:22
por robra
Desculpe.
Eu até havia postado respostas às suas dúvidas, porém, editei esta mensagem para informar-lhe que
cada tópico deve abordar apenas 1 assunto, ou seja, apenas 1 pergunta, seja ela dúvida ou resolução de um problema. Mesmo porque, após a sua dúvida ou problema ser resolvido, a resposta que lhe atendeu será marcada com o "
resolvido".
Se cada tópico tiver mais de 1 assunto sendo abordado, qual a resposta que será marcada com o "
resolvido" ?
Por isso,
edite sua mensagem anterior e deixe apenas 1 pergunta para ser respondida neste tópico, criando depois um novo tópico com a sua outra pergunta.
Abraço.
Re: Como alterar os ícones padrão do fórum ?
Enviado: 13 Mai 2012, 17:08
por JM Pessanha
Primeiramente, obrigado pela ajuda Robra.
Sobre os ícones, eu já sabia sobre a inserção das imagens, porém minha dúvida é se há como substituir o ícone padrão. Entende?
Colocar uma imagem após o ícone padrão não ficou com um aspecto muito bom no meu fórum.
Resumindo, o que eu quero é substituir o ícone original dos fóruns por imagens diferentes, cada uma de acordo com o assunto do fórum. Poderia me ajudar?
EDIT: Basicamente, da mesma maneira como esta aqui no Suporte PhpBB.
Re: Como alterar os ícones padrão do fórum ?
Enviado: 13 Mai 2012, 17:44
por robra
Se você quer substituir os ícones padrão, tem
2 maneiras:
1ª) Os arquivos dos ícones
.gif se encontram na pasta
styles/seu_estilo/imageset/, com os nomes dos arquivos começando com "
forum_" e com as dimensões 27x27. Você cria os ícones com o mesmo tamanho e nome dos respectivos arquivos, e faz upload deles para a pasta
styles/seu_estilo/imageset/. Depois, atualize o Sets de imagem de seu estilo pela aba
ESTILOS do
ACP e limpa o cache do Fórum pela aba
GERAL do
ACP.
2ª) É fazer o mesmo procedimento que você já conhece para adicionar um ícone personalizado ao lado padrão, porém, edita-se o arquivo
forumlist_body.html para retirar a visualização dos ícones padrão. Para isso:
- Abra o arquivo
forumlist_body.html do
Prosilver com o programa
Notepad++, ache as linhas...
Código: Selecionar todos
<dl class="icon" style="background-image: url({forumrow.FORUM_FOLDER_IMG_SRC}); background-repeat: no-repeat;">
... e
substitua por
<dl>
.
- Abra o arquivo
styles/prosilver_se/theme/content.css, ache as linhas...
Código: Selecionar todos
ul.topiclist dt {
display: block;
float: left;
width: 50%;
font-size: 1.1em;
padding-left: 5px;
padding-right: 5px;
}
... e
altere o valor
5px para
45px na linha
padding-right: 5px;
.
Depois, atualize o
Templates e o
Temas de seu estilo pela aba
ESTILOS do
ACP, e limpe o cache do Fórum pela aba
GERAL do
ACP.
OBS: Se você não tem o
Notepad++, baixe o arquivo
.zip da última versão na página
http://notepad-plus-plus.org/download/ e, após descompactá-lo, abra o executável
notepad++.exe da pasta "
unicode", porque esta versão lhe dá a opção de alterar o idioma do programa para o português.
Abraço.
Re: Como alterar os ícones padrão do fórum ?
Enviado: 13 Mai 2012, 17:49
por JM Pessanha
Robra, o problema é que na pasta Imageset existe apenas uma imagem padrão para todos os fóruns. Como vou colocar imagens diferentes para cada fórum, da mesma maneira como funciona aqui no Suporte Phpbb?
Re: Como alterar os ícones padrão do fórum ?
Enviado: 13 Mai 2012, 18:20
por robra
A 2ª opção.
Abraço.
Re: Como alterar os ícones padrão do fórum ?
Enviado: 13 Mai 2012, 19:30
por JM Pessanha
Perfeito Robra. Fiz como você descreveu e ficou exatamente da maneira como desejava.
Muito obrigado! :D
Re: Como alterar os ícones padrão do fórum ?
Enviado: 13 Mai 2012, 20:31
por robra
Só pra esclarecer, o recurso "
resolvido" é utilizado para
marcar a resposta que atendeu ao assunto tratado no título do tópico com o objetivo de ficar visível aos demais usuários que tiverem a mesma dúvida qual a resposta que lhes atenderá na mesma questão.
Abraço.
Re: Como alterar os ícones padrão do fórum ?
Enviado: 13 Mai 2012, 22:37
por JM Pessanha
Entendi, mas agora há outro problema. Os textos "Tópicos", "Mensagens" e "última mensagem" não estão mais alinhados corretamente em relação as suas respectivas colunas.
Como posso corrigir isso? :(
Re: Como alterar os ícones padrão do fórum ?
Enviado: 13 Mai 2012, 22:42
por robra
2ª) É fazer o mesmo procedimento que você já conhece para adicionar um ícone personalizado ao lado padrão, porém, edita-se o arquivo
forumlist_body.html para retirar a visualização dos ícones padrão. Para isso:
- Abra o arquivo
forumlist_body.html do
Prosilver com o programa
Notepad++, ache as linhas...
Código: Selecionar todos
<dl class="icon" style="background-image: url({forumrow.FORUM_FOLDER_IMG_SRC}); background-repeat: no-repeat;">
... e
substitua por
<dl>
.
- Abra o arquivo
styles/prosilver_se/theme/content.css, ache as linhas...
Código: Selecionar todos
ul.topiclist dt {
display: block;
float: left;
width: 50%;
font-size: 1.1em;
padding-left: 5px;
padding-right: 5px;
}
... e
altere o valor
5px para
45px na linha
padding-right: 5px;
.
Depois, atualize o
Templates e o
Temas de seu estilo pela aba
ESTILOS do
ACP, e limpe o cache do Fórum pela aba
GERAL do
ACP.
Fez todo o procedimento descrito acima ?
Se "
sim" e os números ficaram desalinhados para a direita, em comparação com as colunas
Tópicos,
Mensagens e
Última mensagem, então, diminua o valor
45px na linha
padding-right: 45px;
. Caso seja o contrário, então, aumente o valor.
Abraço.