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
» Botão enviar e pré-visualizar
Hoje à(s) 01:46 am por Baki

» [Pedido] Banner ®
Hoje à(s) 01:37 am por -xGabriel..

» (PEDIDO) Ranks
Hoje à(s) 01:00 am por APOllO

» Botões padrões tema pokemon
Hoje à(s) 12:54 am por APOllO

» Fim do rodapé
Ontem à(s) 11:34 pm por PrisoN†BreaK

» Overall_Header
Ontem à(s) 10:26 pm por iScroll

» Bug na mensagem em citação?
Ontem à(s) 09:40 pm por Harleen

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
243 usuários online :: 4 usuários cadastrados, Nenhum Invisível e 239 Visitantes :: 2 Motores de busca

-xGabriel.., agswebdesign, Baki, GSCode

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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 04/12/15, 11:00 am

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 04/12/15, 06:17 pm

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 : 8039
Pontos Ativos : 12015

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 04/12/15, 08:51 pm

@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 04/12/15, 08:57 pm

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 : 8039
Pontos Ativos : 12015

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 05/12/15, 12:18 am

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 07/12/15, 08:52 pm

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 : 4979
Pontos Ativos : 6634

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

Resolvido Re: Personalizar a aparência das categorias

Mensagem por Genki em 08/12/15, 02:34 pm

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 08/12/15, 02:39 pm

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 : 4979
Pontos Ativos : 6634

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

Resolvido Re: Personalizar a aparência das categorias

Mensagem por Slurk em 08/12/15, 02:47 pm

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 08/12/15, 02:53 pm

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 08/12/15, 03:02 pm

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 08/12/15, 03:14 pm

@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 08/12/15, 03:15 pm

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 08/12/15, 03:18 pm

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 08/12/15, 03:19 pm

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 08/12/15, 03:20 pm

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 09/12/15, 11:08 am

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 : 1432
Pontos Ativos : 2006

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