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


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Retirar imagem ao lado do titulo do sub-fórum
Hoje à(s) 16:39 por while

» Personalizar footer do fórum
Hoje à(s) 16:30 por while

» Fonts de letras
Hoje à(s) 15:54 por while

» Deslocar os botões do perfil
Hoje à(s) 15:36 por while

» [PEDIDO] Banner
Hoje à(s) 14:57 por Holkis

» Erro Facebook Conect
Hoje à(s) 13:50 por Shek

» Propaganda em local indevido
Hoje à(s) 13:00 por Cream

Perdi minha senha!
Obter senha

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

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Cream
 
while
 
Holkis
 
Shek
 
-xGabriel..
 
Mr.Probz
 
Sennior
 
GollD
 
juleic1123
 
YouTube3
 

Quem está conectado
95 usuários online :: 9 usuários cadastrados, Nenhum Invisível e 86 Visitantes :: 2 Motores de busca

Connor R., Daemon, GollD, Nogueira SSA, sandra51, Sennior, while, YouTube3, ZombieW

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

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 : 7997
Pontos Ativos : 14509

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

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 : 7997
Pontos Ativos : 14509

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

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


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4954
Pontos Ativos : 7062

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

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.


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4954
Pontos Ativos : 7062

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

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

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

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

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

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

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

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

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 : 1413
Pontos Ativos : 2319

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5