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


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
» Ranks Pokémon
Hoje à(s) 15:14 por mocci

» Botão na barra de navegação
Hoje à(s) 15:02 por Maori

» Perfil mensagem privada
Hoje à(s) 14:28 por Kyo Panda

» Fórum ranks
Hoje à(s) 14:20 por mocci

» San Andreas Life (Banner)
Hoje à(s) 12:42 por Maori

» Botão na barra de ferramentas
Hoje à(s) 12:39 por Luiz~

» Versão mais avançada
Hoje à(s) 12:39 por Luiz~

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Magazine 2016
Participe da pesquisa de satisfação 2016 e dê sua opinião sobre os diversos serviços de Forumeiros.
Parceiros Forumeiros
Quem está conectado
622 usuários online :: 4 usuários cadastrados, Nenhum Invisível e 618 Visitantes :: 2 Motores de busca

Maori, mocci, xBreninho_., ZamasuBR

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

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
Desenvolvedor
Desenvolvedor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8033
Pontos Ativos : 14666

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 : 1112

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
Desenvolvedor
Desenvolvedor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8033
Pontos Ativos : 14666

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 : 1112

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 : 4973
Pontos Ativos : 7198

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 : 1112

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 : 4973
Pontos Ativos : 7198

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 : 852

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 : 1112

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 : 852

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 : 1112

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 : 852

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 : 1112

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 : 852

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 : 1112

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 : 2440

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