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
» [Pedido] Banner ®
Hoje à(s) 04:46 pm por mocci

» [PEDIDO] Brasão de Armas
Hoje à(s) 04:17 pm por mocci

» Mudar caixas de usuários online, grupos e aniversariantes
Hoje à(s) 04:16 pm por Kyo Panda

» Construção de Header
Hoje à(s) 04:04 pm por IsmaelS.

» Bug inicial do forum
Hoje à(s) 03:53 pm por Kyo Panda

» Duvidas referente ao sistema pontos
Hoje à(s) 03:50 pm por Kyo Panda

» [Pedido] Ranks
Hoje à(s) 03:16 pm por iScroll

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

GSCode, Hastad, infocelhost, iScroll, IsmaelS., Jefferson105, Ketholy123, Kyo Panda, Lily Vendramini, luan2, mocci, odelgado, ShadowPrince, William_iHarDz, zHugh

[ Ver toda a lista ]


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

Modificar área das categorias

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

Resolvido Modificar área das categorias

Mensagem por Batyman em 27/03/16, 09:00 pm

Detalhes da questão


Endereço do fórum: http://riseofdemigods.forumeiros.com/
Versão do fórum: PhpBB3

Descrição


Olá, gostaria de mudar a área das categorias/foruns do meu fórum. Atualmente ele está assim, mas eu queria deixá-lo com essa aparência. As informações são desse fórum. Obrigada desde já Feliz
avatar

Batyman
Nível 5

Feminino
Inscrito dia : 26/03/2016
Mensagens : 58
Pontos Ativos : 93

http://riseofdemigods.forumeiros.com/

Resolvido Re: Modificar área das categorias

Mensagem por Key of Destiny em 27/03/16, 10:26 pm

E aí, amiga? Tudo certo?

Vou pedir pra que você procure por esses três códigos na sua folha de estilo CSS (painel de controle > visualização > imagens e cores > cores > folha de estilo CSS): .forabg li.row dd.topics, .forabg li.row dd.posts e .forabg li.row dd.lastpost. Depois de localizá-los, siga esses passos.

Substitua o código vermelho (.forabg li.row dd.topics) por esse:
Código:
.forabg li.row dd.topics {
background: #2e222b;
color: white;
float: right;
font-family: Voltaire;
font-size: 10px;
text-align: center;
text-transform: uppercase;
display: block;
position: relative;
top: 4px;
width: 100px;
height: 15px;
margin-right: 47px;
}

Substitua o código azul (.forabg li.row dd.posts) por esse:
Código:
.forabg li.row dd.posts {
    background: #120c10;
    color: #fff;
    float: right;
    font-family: voltaire;
    font-size: 10px;
    position: relative;
    top: 4px;
    text-align: center;
    text-transform: uppercase;
    width: 100px;
    height: 15px;
    margin-right: -1px;
}

Por fim, substitua o código verde (.forabg li.row dd.lastpost) por esse:
Código:
.forabg li.row dd.lastpost {
background: #2e222b;
    color: #fff;
    display: block;
    float: right;
    font-family: voltaire;
    font-size: 12px;
    margin-top: 13px;
    position: relative;
    right: 20px;
    text-align: center;
    text-transform: uppercase;
    width: 170px;
    height: 60px;
    margin-right: 42px;
}

IMPORTANTE! Antes de fazer as alterações, salve a sua folha de estilo CSS anterior para que não perca o layout antigo se você não gostar das modificações.

Se quiser alguma alteração, não hesite em requisitar. Piscada
avatar

Key of Destiny
Nível 9

Masculino
Inscrito dia : 15/12/2015
Mensagens : 181
Pontos Ativos : 310

Resolvido Re: Modificar área das categorias

Mensagem por Batyman em 27/03/16, 10:36 pm

Ola, Key of Destiny. Bom, boa parte do CSS funcionou, mas não totalmente. Veja como ficou aqui.
avatar

Batyman
Nível 5

Feminino
Inscrito dia : 26/03/2016
Mensagens : 58
Pontos Ativos : 93

http://riseofdemigods.forumeiros.com/

Resolvido Re: Modificar área das categorias

Mensagem por Key of Destiny em 27/03/16, 10:47 pm

Ah sim, desculpe. Me distraí e acabei esquecendo do resto. Mostrando a lingua

Só pra confirmar, falta só o título, não? E aproveitando que você está online, poderia me dizer especificamente como quer o background e o efeito ao passar o mouse (hover)?
avatar

Key of Destiny
Nível 9

Masculino
Inscrito dia : 15/12/2015
Mensagens : 181
Pontos Ativos : 310

Resolvido Re: Modificar área das categorias

Mensagem por Batyman em 27/03/16, 10:51 pm

Sim, falta apenas o título. Eu queria aquele mesmo efeito quando passa o mouse em cima, que muda de cor. Mais pra frente eu iria procurar por aqui como por aquela caixinha do nome em cima, na parte de baixo dela, pra por o link dos tópicos que tem dentro.
avatar

Batyman
Nível 5

Feminino
Inscrito dia : 26/03/2016
Mensagens : 58
Pontos Ativos : 93

http://riseofdemigods.forumeiros.com/

Resolvido Re: Modificar área das categorias

Mensagem por Key of Destiny em 27/03/16, 11:03 pm

Peço perdão pela minha desatenção. Mostrando a lingua

Cá está o código. Faça o mesmo processo de antes (até o de salvar a folha de estilo), mas procure por: a.forumtitle e a.forumtitle:hover.

Substitua o código laranja (a.forumtitle[/b]) por esse:
Código:
a.forumtitle {
background: #2E222B;
    color: white
    display: block;
    font-family: voltaire;
    font-size: 15px;
    letter-spacing: 2px;
    margin-left: 115px;
    padding: 3px;
    text-align: center;
    text-shadow: 0 0 1px #000000;
    text-transform: uppercase;
    transition: all .5s ease-in-out;
    width: 392px;
    position: relative;
}

E substitua o código vermelho escuro (a.forumtitle:hover[/b]) por esse:
Código:
 a.forumtitle:hover {
    background: #120c10!important;
    transition: all .5s ease-in-out!important;
    color: white
    display: block;
    font-family: voltaire;
    font-size: 15px;
    letter-spacing: 2px;
    margin-left: 115px;
    padding: 3px;
    text-align: center;
    text-shadow: 0 0 1px #000000;
    text-transform: uppercase;
    width: 392px;
    position: relative;
}

E sobre essa caixinha, poderia ser mais específica? Errado
avatar

Key of Destiny
Nível 9

Masculino
Inscrito dia : 15/12/2015
Mensagens : 181
Pontos Ativos : 310

Resolvido Re: Modificar área das categorias

Mensagem por Batyman em 28/03/16, 12:42 am

@Key of Destiny Acho que funcionou, mas ficou assim. Eu teria que usar algum código para as imagens aparecerem, como no exemplo original?

Sobre a caixinha, me referia por esses links que direcionem para tal tópico sem ter que abrir a categoria toda, como nesse exemplo.
avatar

Batyman
Nível 5

Feminino
Inscrito dia : 26/03/2016
Mensagens : 58
Pontos Ativos : 93

http://riseofdemigods.forumeiros.com/

Resolvido Re: Modificar área das categorias

Mensagem por Key of Destiny em 28/03/16, 05:55 pm

Entendo. Na verdade, essas imagens que estão abaixo do título são adicionadas por meio da descrição do fórum.

Peço que coloque uma imagem na descrição do fórum "regras e tutoriais" por meio do painel de controle. Se não souber onde é, siga esses passos: painel de controle > geral > fórum > categorias e fóruns. Clique no botão no fórum "regras e tutoriais" e, na parte de descrição, insira esse código, substituindo o que está em caps lock pela url da imagem.
Código:
<img src="URL">
avatar

Key of Destiny
Nível 9

Masculino
Inscrito dia : 15/12/2015
Mensagens : 181
Pontos Ativos : 310

Resolvido Re: Modificar área das categorias

Mensagem por Batyman em 28/03/16, 08:36 pm

O código funcionou perfeitamente, mas a imagem não fica centralizada de jeito nenhum :/ Não teria como o fazer? Eu já fucei no HTML da caixa da categoria mesmo e nada.
avatar

Batyman
Nível 5

Feminino
Inscrito dia : 26/03/2016
Mensagens : 58
Pontos Ativos : 93

http://riseofdemigods.forumeiros.com/

Resolvido Re: Modificar área das categorias

Mensagem por Fraise em 28/03/16, 09:21 pm

Olá!

Adicione em sua folha de estilos:
Código:
.topiclist .row dl dd img { margin-left: 55px !important; }

Até mais.
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: Modificar área das categorias

Mensagem por Batyman em 29/03/16, 08:31 pm

Em que parte do CSS exatamente eu tenho que por esse código?
avatar

Batyman
Nível 5

Feminino
Inscrito dia : 26/03/2016
Mensagens : 58
Pontos Ativos : 93

http://riseofdemigods.forumeiros.com/

Resolvido Re: Modificar área das categorias

Mensagem por GSCode em 29/03/16, 09:32 pm

@Batyman escreveu:Em que parte do CSS exatamente eu tenho que por esse código?

Olá,

No final, começo, não tem ordem.

Até mais.
avatar

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 581
Pontos Ativos : 1018

http://testforumbrasil.forumeiros.com/forum

Resolvido Re: Modificar área das categorias

Mensagem por Batyman em 31/03/16, 07:32 pm

Funcionou, muito obrigada!
avatar

Batyman
Nível 5

Feminino
Inscrito dia : 26/03/2016
Mensagens : 58
Pontos Ativos : 93

http://riseofdemigods.forumeiros.com/

Resolvido Re: Modificar área das categorias

Mensagem por GSCode em 01/04/16, 12:38 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

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 581
Pontos Ativos : 1018

http://testforumbrasil.forumeiros.com/forum

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