Personalizar a aparência das categorias

5 participantes

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

Tópico resolvido Personalizar a aparência das categorias

Mensagem por Genki 04.12.15 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

Genki
***

Membro desde : 28/06/2014
Mensagens : 111
Pontos : 174

http://gfxdesign.livreforum.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar a aparência das categorias

Mensagem por Hancki 04.12.15 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

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a aparência das categorias

Mensagem por Genki 04.12.15 22:51

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

Genki
***

Membro desde : 28/06/2014
Mensagens : 111
Pontos : 174

http://gfxdesign.livreforum.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar a aparência das categorias

Mensagem por Hancki 04.12.15 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: Personalizar a aparência das categorias QOc1IHZ

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

Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a aparência das categorias

Mensagem por Genki 05.12.15 2:18

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

Genki
***

Membro desde : 28/06/2014
Mensagens : 111
Pontos : 174

http://gfxdesign.livreforum.com/forum

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Personalizar a aparência das categorias

Mensagem por Fraise 07.12.15 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

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a aparência das categorias

Mensagem por Genki 08.12.15 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

Genki
***

Membro desde : 28/06/2014
Mensagens : 111
Pontos : 174

http://gfxdesign.livreforum.com/forum

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Personalizar a aparência das categorias

Mensagem por Fraise 08.12.15 16:39

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

Até mais.
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a aparência das categorias

Mensagem por Slurk 08.12.15 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

Slurk
****

Membro desde : 23/11/2015
Mensagens : 273
Pontos : 437

http://beststyle.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a aparência das categorias

Mensagem por Genki 08.12.15 16:53

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

Personalizar a aparência das categorias Fw5fgy
Genki

Genki
***

Membro desde : 28/06/2014
Mensagens : 111
Pontos : 174

http://gfxdesign.livreforum.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a aparência das categorias

Mensagem por Slurk 08.12.15 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

Slurk
****

Membro desde : 23/11/2015
Mensagens : 273
Pontos : 437

http://beststyle.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a aparência das categorias

Mensagem por Genki 08.12.15 17:14

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

Genki
***

Membro desde : 28/06/2014
Mensagens : 111
Pontos : 174

http://gfxdesign.livreforum.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a aparência das categorias

Mensagem por Slurk 08.12.15 17:15

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

Slurk
****

Membro desde : 23/11/2015
Mensagens : 273
Pontos : 437

http://beststyle.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a aparência das categorias

Mensagem por Genki 08.12.15 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

Genki
***

Membro desde : 28/06/2014
Mensagens : 111
Pontos : 174

http://gfxdesign.livreforum.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a aparência das categorias

Mensagem por Slurk 08.12.15 17:19

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

Slurk
****

Membro desde : 23/11/2015
Mensagens : 273
Pontos : 437

http://beststyle.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a aparência das categorias

Mensagem por Genki 08.12.15 17:20

Ok, sendo assim podem encerrar este. Obrigado Piscada
Genki

Genki
***

Membro desde : 28/06/2014
Mensagens : 111
Pontos : 174

http://gfxdesign.livreforum.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a aparência das categorias

Mensagem por MateusAnjosV 09.12.15 13:08

Personalizar a aparência das categorias Symbol10 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

MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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