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
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Kyo Panda
 
Fatalisss
 
Harleen
 
JulioPais
 
Shek
 
Holkis
 
APOllO
 
MtX
 
Roger_Crazzy
 
Taxy_InSaniTy
 

Quem está conectado
262 usuários online :: 5 usuários cadastrados, Nenhum Invisível e 257 Visitantes :: 3 Motores de busca

Dr. Dree, Fatalisss, Luiz, Sennior, Tiger

[ 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 : 4977
Pontos Ativos : 6632

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 : 578
Pontos Ativos : 1014

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 : 578
Pontos Ativos : 1014

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