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
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Kyo Panda
 
Shek Crowley
 
Holkis
 
Fou-Lu
 
iScroll
 
Sr.Oliveira
 
while
 
Harleen
 
fiapinho
 
Stewart
 

Quem está conectado
243 usuários online :: 3 usuários cadastrados, 1 Invisível e 239 Visitantes :: 2 Motores de busca

Daemon, David Silva, Stewart

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Mudar estilo de categoria

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

Resolvido Mudar estilo de categoria

Mensagem por TheJokerGFR em Qui 24 Mar 2016 - 13:46

Detalhes da questão


Endereço do fórum: http://rituisetecnica.livreforum.com/forum
Versão do fórum: PuB

Descrição


Queria que ficasse assim:


Última edição por TheJokerGFR em Qui 24 Mar 2016 - 19:16, editado 2 vez(es)

TheJokerGFR
Usuário avançado

Masculino
Inscrito dia : 22/09/2012
Mensagens : 317
Pontos Ativos : 2094

  • 0

Resolvido Re: Mudar estilo de categoria

Mensagem por Key of Destiny em Qui 24 Mar 2016 - 13:51

Poderia passar o fórum onde viu esse efeito? No mais, é só personalizando a categoria a seu gosto.

Key of Destiny
Nível 9

Masculino
Inscrito dia : 15/12/2015
Mensagens : 180
Pontos Ativos : 746

Resolvido Re: Mudar estilo de categoria

Mensagem por TheJokerGFR em Qui 24 Mar 2016 - 13:57

@TheJokerGFR escreveu:Forum onde foi visto: http://brasilplaystart.com.br/

TheJokerGFR
Usuário avançado

Masculino
Inscrito dia : 22/09/2012
Mensagens : 317
Pontos Ativos : 2094

  • 0

Resolvido Re: Mudar estilo de categoria

Mensagem por GSCode em Qui 24 Mar 2016 - 17:34

Olá, @TheJokerGFR

Procure por .pun table.table td e substitua a chave por:

Código:
.pun table.table td {
    border-color: #ddd;
    padding: .6em 0 .7em;
}

Logo após procure por .pun .main table td.tc2, .pun .main table td.tc3 e troque por:

Código:
.pun .main table td.tc2, .pun .main table td.tc3 {
    background-color: #FFFFFF;
}

Após fazer isso, vamos para segunda parte, procure por .main .main-foot, .main .main-head e troque a chave por:

Código:
.main .main-foot, .main .main-head {
    background-color: #2e4b5b;
    background-image: url(http://brasilplaystart.com.br/uploads/monthly_2016_02/minimalist_metal_wallpaper_by_malkowitch-d5k14s4.jpg.a5cb4f46836fad58268fcecf73a4e796.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: 50% 0%;
    color: #dedfdf;
    box-shadow: rgba(0,0,0,0.2) 0px 1px 4px inset;
    border: 1px solid rgba(0,0,0,0.2);
    text-shadow: rgba(0,0,0,0.8) 0px 1px 1px, rgba(0,0,0,0.25) 0px 0px 4px;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 15px;
    border-radius: 3px;
    margin-bottom: 6px;
}

Logo, procure por .pun .main-content e altere a chave por:

Código:
.pun .main-content {
    background-color: #ffffff;
    border: 1px solid #dadada;
    border-radius: 6px;
    box-shadow: rgba(0,0,0,0.05) 0px 1px 4px;
}

Após isso, procure por .pun table.table e altere por:

Código:
.pun table.table {
    width: 100%;
}

Veja o resultado.

Até mais.

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 578
Pontos Ativos : 2248

http://testforumbrasil.forumeiros.com/forum

Resolvido Re: Mudar estilo de categoria

Mensagem por TheJokerGFR em Qui 24 Mar 2016 - 17:58

A borda ficou um pouco grande e o titulo da categoria tá meio afastado, teria como deixar o titulo pra la < no canto da borda igual ou parecido ao da imagem que eu postei no tópico?

TheJokerGFR
Usuário avançado

Masculino
Inscrito dia : 22/09/2012
Mensagens : 317
Pontos Ativos : 2094

  • 0

Resolvido Re: Mudar estilo de categoria

Mensagem por GSCode em Qui 24 Mar 2016 - 18:03

Olá, @TheJokerGFR

No código adicionado, procure por .main .main-foot, .main .main-head e altere a chave por:

Código:
.main .main-foot, .main .main-head {
    background-attachment: fixed;
    background-image: url(http://brasilplaystart.com.br/uploads/monthly_2016_02/minimalist_metal_wallpaper_by_malkowitch-d5k14s4.jpg.a5cb4f46836fad58268fcecf73a4e796.jpg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 3px;
    box-shadow: rgba(0,0,0,0.2) 0 1px 4px inset;
    color: #dedfdf;
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 6px;
    padding: 0.7em 0.5em;
    text-shadow: rgba(0,0,0,0.8) 0 1px 1px, rgba(0,0,0,0.25) 0 0 4px;
}

Após feito isso, procure novamente por .main .main-head e exclua essa chave. Exclua apenas se ela estiver assim:

Código:
.main .main-head {
    background-image: url(http://illiweb.com/fa/empty.gif);
}

A imagem acima (http://illiweb.com/fa/empty.gif) está em conflito e impossibilitando o fundo preto adicionado.

Até mais. Envergonhado

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 578
Pontos Ativos : 2248

http://testforumbrasil.forumeiros.com/forum

Resolvido Re: Mudar estilo de categoria

Mensagem por TheJokerGFR em Qui 24 Mar 2016 - 18:07

A borda já ta perfeita <3 mas o titulo da categoria não está que nem a outra no canto de lá <, ela tá muito pra direita.

TheJokerGFR
Usuário avançado

Masculino
Inscrito dia : 22/09/2012
Mensagens : 317
Pontos Ativos : 2094

  • 0

Resolvido Re: Mudar estilo de categoria

Mensagem por GSCode em Qui 24 Mar 2016 - 18:19

@TheJokerGFR

Novamente, atualize o código passado acima.

Código:
.main .main-foot, .main .main-head {
    background-attachment: fixed;
    background-color: #266787;
    background-image: url(http://brasilplaystart.com.br/uploads/monthly_2016_02/minimalist_metal_wallpaper_by_malkowitch-d5k14s4.jpg.a5cb4f46836fad58268fcecf73a4e796.jpg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 3px;
    box-shadow: rgba(0,0,0,0.2) 0 1px 4px inset;
    color: #dedfdf;
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 6px;
    padding: .7em 0.3em;
    text-shadow: rgba(0,0,0,0.8) 0 1px 1px, rgba(0,0,0,0.25) 0 0 4px;
}

Logo após procure por .pun h2, .pun h3, .pun input, .pun select, .pun th e atualize o mesmo para:

Código:
.pun h2, .pun h3, .pun input, .pun select, .pun th {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    margin-left: 10px;
}


Adaptação do código é bem dificil, por não ser um tema forumeiros.
Até mais. Rosa

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 578
Pontos Ativos : 2248

http://testforumbrasil.forumeiros.com/forum

Resolvido Re: Mudar estilo de categoria

Mensagem por TheJokerGFR em Qui 24 Mar 2016 - 18:22

Continua a mesma coisa, só que agora parece que tá dando impressão que está mais pra direita bem afastado.

TheJokerGFR
Usuário avançado

Masculino
Inscrito dia : 22/09/2012
Mensagens : 317
Pontos Ativos : 2094

  • 0

Resolvido Re: Mudar estilo de categoria

Mensagem por GSCode em Qui 24 Mar 2016 - 18:28

Olá,

Eu chequei em seu fórum, e o código passado acima não está ativo. Louco

Como lhe pedi, novamente, procure por .main .main-foot, .main .main-head e atualize para:

Código:
.main .main-foot, .main .main-head {
    background-attachment: fixed;
    background-color: #266787;
    background-image: url(http://brasilplaystart.com.br/uploads/monthly_2016_02/minimalist_metal_wallpaper_by_malkowitch-d5k14s4.jpg.a5cb4f46836fad58268fcecf73a4e796.jpg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 3px;
    box-shadow: rgba(0,0,0,0.2) 0 1px 4px inset;
    color: #dedfdf;
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 6px;
    padding: 0.7em 0.3em;
    text-shadow: rgba(0,0,0,0.8) 0 1px 1px, rgba(0,0,0,0.25) 0 0 4px;
}

Até mais. Rosa

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 578
Pontos Ativos : 2248

http://testforumbrasil.forumeiros.com/forum

Resolvido Re: Mudar estilo de categoria

Mensagem por TheJokerGFR em Qui 24 Mar 2016 - 18:43

Perdão, descobri que tinha outro .main .main-foot, .main .main-head no CSS e tava dando conflito com esse e continuava na mesma agora foi, agora está faltando a parte debaixo da categoria, ou eu devo criar outro tópico pra isso? (Imagem abaixo doque estou me referindo agora)

TheJokerGFR
Usuário avançado

Masculino
Inscrito dia : 22/09/2012
Mensagens : 317
Pontos Ativos : 2094

  • 0

Resolvido Re: Mudar estilo de categoria

Mensagem por GSCode em Qui 24 Mar 2016 - 18:51

Olá,

Para isso, convoco meus companheiros @Fraise @RafaelS. @mocci
Tenho um certo problema com adaptação de código.

Até mais. Desacordo

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 578
Pontos Ativos : 2248

http://testforumbrasil.forumeiros.com/forum

Resolvido Re: Mudar estilo de categoria

Mensagem por TheJokerGFR em Qui 24 Mar 2016 - 19:15

Pra ser mais justo vou te reputar neste tópico e criar um novo pra esta outra parte, me ajudou bastante <3 Grato <3

#Resolvido #Closed

TheJokerGFR
Usuário avançado

Masculino
Inscrito dia : 22/09/2012
Mensagens : 317
Pontos Ativos : 2094

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