[TUTORIAL] Separar categorias por imagens

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

[TUTORIAL] Separar categorias por imagens

Mensagem por Cream em 03/04/12, 06:02 pm

Separar categorias por imagens
Vamos aprender neste tutorial à colocarmos uma imagem que separará as categorias do seu fórum. Entretanto, precisaremos modificar os templates do fórum, logo o tutorial é válido somente para as versões phpBB 2 e punBB.

--> Tutoriais, Dicas e Astúcias <--
Separar categorias por imagens


Para que possamos prosseguir com o tutorial, é preciso que tenha noção sobre a edição dos templates, que serão necessárias para a continuação deste tutorial. Para isso, veja: Modificar os templates do fórum

phpBB 2 e punBB

- Aceder ao template que iremos modificar:
Teremos de fazer a edição de uma página de template, para que possamos o fazer teremos de aceder à:
Painel de controle -> Visualização -> Templates -> Geral -> index_box

(carregue na imagem para aumentar)

- Alterar o código:
Atenção a esta parte. Primeiramente salve todo o template em um bloco de notas para caso algo saia errado, você possa recolocá-lo. Assim que o fizer, procure no template o seguinte código:
Código:

    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">         
   
E antes desta partícula, coloque o seguinte:
Código:

    <div id="CatImg"></div>
   
Logo após salve e publique o template.

- Adicionar o código à folha de estilo CSS:
Agora vamos adicionar o código CSS que sustentará a imagem. Terá de aceder a:
Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

(clique na imagem para aumentar)

E deverá colocar o seguinte código CSS, alterando a partícula "Link-da-imagem" pelo link da imagem que será exibida entre as categorias do seu fórum. Após as modificações salve:
Código:

    #CatImg{
    background:url('Link-da-imagem') no-repeat;
    width:100%;
    height:70px;
    padding:5px;
    margin-left:-5px;
    margin-top:10px;
    }

Resultado
(carregue na imagem para aumentar)




© Fórum dos Fóruns


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Separar categorias por imagens
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11637

Ver perfil do usuário http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum