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
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
184 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 184 Visitantes :: 2 Motores de busca

Nenhum

[ 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:
avatar

Genki
Nível 8

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

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
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8038
Pontos Ativos : 12008

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 :/
avatar

Genki
Nível 8

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

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
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8038
Pontos Ativos : 12008

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.
avatar

Genki
Nível 8

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

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
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

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.
avatar

Genki
Nível 8

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

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.
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

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.
avatar

Slurk
Nível 10

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

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.

avatar

Genki
Nível 8

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

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;}
avatar

Slurk
Nível 10

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

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?
avatar

Genki
Nível 8

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

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.
avatar

Slurk
Nível 10

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

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.
avatar

Genki
Nível 8

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

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.
avatar

Slurk
Nível 10

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

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
avatar

Genki
Nível 8

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

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".
avatar

MateusAnjosV
Membro do Fórum

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

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