Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Kyo Panda
 
Shek Crowley
 
Holkis
 
Fou-Lu
 
iScroll
 
Sr.Oliveira
 
while
 
Harleen
 
fiapinho
 
Stewart
 

Quem está conectado
243 usuários online :: 3 usuários cadastrados, 1 Invisível e 239 Visitantes :: 2 Motores de busca

Daemon, David Silva, Stewart

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Personalizar a aparência das categorias

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

Resolvido Personalizar a aparência das categorias

Mensagem por Genki em Sex 4 Dez 2015 - 13:00

Detalhes da questão


Endereço do fórum: http://kaioken.forumeiros.com
Versão do fórum: PunBB

Descrição


Olá pessoas Feliz

A minha questão é: Alterar o design das categorias fórum, sub-fóruns etc.

De momento, eles possuem esta aparência:
Imagem:

E eu pretendo, deixá-lo assim:
Imagem:

Genki
Nível 8

Masculino
Inscrito dia : 28/06/2014
Mensagens : 111
Pontos Ativos : 1148

http://gfxdesign.livreforum.com/forum

Resolvido Re: Personalizar a aparência das categorias

Mensagem por Hancki em Sex 4 Dez 2015 - 20:17

Olá!

Adicione este CSS na sua folha de estilos:
Código:
.main .main-head {
        margin-top: -1px !important;
        margin-bottom: -1px !important;
        border-radius: 0px !important;
        box-shadow: none !important;
        line-height: 25px !important;
}
.pun table.table .statused {
        border-right: 1px solid #a9b4c0;
        border-left: 1px solid #a9b4c0;
}

Hancki

Hancki
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8037
Pontos Ativos : 14708

http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/https://www.facebook.com/djtomoficial

Resolvido Re: Personalizar a aparência das categorias

Mensagem por Genki em Sex 4 Dez 2015 - 22:51

@Hancki, adicionei o código que me deu mas não alterou nada :/

Genki
Nível 8

Masculino
Inscrito dia : 28/06/2014
Mensagens : 111
Pontos Ativos : 1148

http://gfxdesign.livreforum.com/forum

Resolvido Re: Personalizar a aparência das categorias

Mensagem por Hancki em Sex 4 Dez 2015 - 22:57

Tem que alterar porque os meus códigos são sempre executados e testados no próprio fórum para obter os resultados certos.

Veja como fica nos meus testes:

Aí tem que resultar da mesma forma. Onde está a adicionar o código que eu disse?

Hancki

Hancki
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8037
Pontos Ativos : 14708

http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/https://www.facebook.com/djtomoficial

Resolvido Re: Personalizar a aparência das categorias

Mensagem por Genki em Sab 5 Dez 2015 - 2:18

Acredito que sim mas neste momento tenho o código que me forneceu adicionado à folha de estilos e continua tudo igual.

Genki
Nível 8

Masculino
Inscrito dia : 28/06/2014
Mensagens : 111
Pontos Ativos : 1148

http://gfxdesign.livreforum.com/forum

Resolvido Re: Personalizar a aparência das categorias

Mensagem por Fraise em Seg 7 Dez 2015 - 22:52

Olá, Genki.

Tenta adicionar no inicio da tua folha de estilos:
Código:
.main .main-head {
    margin-top: -1px !important;
    margin-bottom: -1px !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    line-height: 25px !important;
}
.pun table.table .statused {
    border-right: 1px solid #a9b4c0;
    border-left: 1px solid #a9b4c0;
}

Abraços.
Fraise

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4974
Pontos Ativos : 7237

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Personalizar a aparência das categorias

Mensagem por Genki em Ter 8 Dez 2015 - 16:34

Olá @Fraise, ficou próximo do que pretendo... Gostava só que as categorias ficassem separadas e não juntas como se encontram... Gostava também de remover aquele "noise" na barra onde se encontra o título de cada categoria.

Genki
Nível 8

Masculino
Inscrito dia : 28/06/2014
Mensagens : 111
Pontos Ativos : 1148

http://gfxdesign.livreforum.com/forum

Resolvido Re: Personalizar a aparência das categorias

Mensagem por Fraise em Ter 8 Dez 2015 - 16:39

Okay!
Adicione em sua CSS:
Código:
#main #main-content .main-content{margin-bottom:15px}

Até mais.

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4974
Pontos Ativos : 7237

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Personalizar a aparência das categorias

Mensagem por Slurk em Ter 8 Dez 2015 - 16:47

Olá! caso não funcione o que nosso amigo Fraise lhe passou use esses códigos css em sua folha de estilo css:

Código:
.pun .statused tr {border: 1px solid #ddd;}
.pun .main-content {border: 1px solid #ddd!important;}
.pun table.table {border: 1px solid #ddd!important;}
.pun .statused tr {border: 2px solid #ddd;}

OBS: Coloque ao topo da sua folha de estilo.

são códigos simples e pequenos, mas que trarão o mesmo resultado e sem erro.

Slurk
Nível 10

Masculino
Inscrito dia : 23/11/2015
Mensagens : 273
Pontos Ativos : 888

http://beststyle.forumeiros.com/

Resolvido Re: Personalizar a aparência das categorias

Mensagem por Genki em Ter 8 Dez 2015 - 16:53

Os do @Fraise funcionaram, só queria finalizar com estes separadores como mostro na imagem abaixo.


Genki
Nível 8

Masculino
Inscrito dia : 28/06/2014
Mensagens : 111
Pontos Ativos : 1148

http://gfxdesign.livreforum.com/forum

Resolvido Re: Personalizar a aparência das categorias

Mensagem por Slurk em Ter 8 Dez 2015 - 17:02

não entendi muito bem, pois já tem esse separador... mas, acredito que estejas falando do mesmo separador em baixo certo? adicione esse codigo CSS e veja se é isto que querias:

Código:
.pun .statused tr {border: 2px solid #ddd;}

Slurk
Nível 10

Masculino
Inscrito dia : 23/11/2015
Mensagens : 273
Pontos Ativos : 888

http://beststyle.forumeiros.com/

Resolvido Re: Personalizar a aparência das categorias

Mensagem por Genki em Ter 8 Dez 2015 - 17:14

@Tiupkit, sim é isso mesmo... Só uma dúvida, porque é que ao colocar 1px no border, deixa de se notar alguns separadores?

Genki
Nível 8

Masculino
Inscrito dia : 28/06/2014
Mensagens : 111
Pontos Ativos : 1148

http://gfxdesign.livreforum.com/forum

Resolvido Re: Personalizar a aparência das categorias

Mensagem por Slurk em Ter 8 Dez 2015 - 17:15

Puts amigo, boa pergunta, alguns deles são fracos, o "Solid" é um deles... ai é necessario ficar em 2px.

Slurk
Nível 10

Masculino
Inscrito dia : 23/11/2015
Mensagens : 273
Pontos Ativos : 888

http://beststyle.forumeiros.com/

Resolvido Re: Personalizar a aparência das categorias

Mensagem por Genki em Ter 8 Dez 2015 - 17:18

Certo, já agora gostava de aproveitar para saber se podiamos adicionar a mesma borda ao separadoes das "Estáticas" ; "Mesmo mais ativos" etc.

Genki
Nível 8

Masculino
Inscrito dia : 28/06/2014
Mensagens : 111
Pontos Ativos : 1148

http://gfxdesign.livreforum.com/forum

Resolvido Re: Personalizar a aparência das categorias

Mensagem por Slurk em Ter 8 Dez 2015 - 17:19

Sim, há forma, peço que crie um novo tópico tudo bem? ai já lhe ajudo.

Slurk
Nível 10

Masculino
Inscrito dia : 23/11/2015
Mensagens : 273
Pontos Ativos : 888

http://beststyle.forumeiros.com/

Resolvido Re: Personalizar a aparência das categorias

Mensagem por Genki em Ter 8 Dez 2015 - 17:20

Ok, sendo assim podem encerrar este. Obrigado Piscada

Genki
Nível 8

Masculino
Inscrito dia : 28/06/2014
Mensagens : 111
Pontos Ativos : 1148

http://gfxdesign.livreforum.com/forum

Resolvido Re: Personalizar a aparência das categorias

Mensagem por MateusAnjosV em Qua 9 Dez 2015 - 13:08

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2476

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