GameZer Online


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

Quakeline

Quakeline
Arredondar as borda das categorias

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Este tutorial ensina como editar as bordas das categorias do seu fórum para quem deseja ter o visual do seu fórum mais arredondado ou até mesmo mais personalizado através dos códigos CSS.



Nº1) Arredondar as bordas das categorias do fórum:

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

.forumline {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border: 1px solid #000000;
}

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

.forabg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.forumbg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

.pun table.table {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border: 1px solid #000000;
}
.main .main-head {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border: 1px solid #000000;
}

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

.borderwrapm, div.borderwrap {
-moz-border-radius:6px;
-webkit-border-radius: 6px;
}
div.maintitle {
-moz-border-radius:6px;
-webkit-border-radius: 6px;
}
table.ipbtable tfoot td {
-moz-border-radius:6px;
-webkit-border-radius: 6px;
}

Vermelho:Alterar a amplitude do arredondamento (mais ou menos arredondado)
Verde:Alterar a cor da borda

Nº2) Adicionar o código à folha de estilo CSS:

Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Deverá colocar o código, nesta página. Se já contém algum código, deve adicionar o código de arredondamento, assim como qualquer outro que adicione futuramente, depois do já existente.

PERGUNTAS E RESPOSTAS DO TUTORIAL

  • Não esta funcionando na minha versão
    Se não estiver funcionando por favor responde o tópico que eu estarei atualizando o tutorial.


[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Admin

Admin

Obrigado por compartilhar.

Nightmare

Nightmare
Cabei de por valeu ;D

Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos