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.
Conectar-se

Esqueci minha senha

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
iScroll
 
Ketholy123
 
Fou-Lu
 
Matt Shultz
 
Harleen
 
Shek
 
T1ag0
 
zHugh
 
APOllO
 

Quem está conectado
249 usuários online :: 4 usuários cadastrados, Nenhum Invisível e 245 Visitantes :: 2 Motores de busca

cdul1f6sd, DustyRhodes, Fou-Lu, mpelmmc

[ Ver toda a lista ]


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

Ultimos assuntos e categoria

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

Resolvido Ultimos assuntos e categoria

Mensagem por Appoloz em 18/01/17, 09:36 am

Detalhes da questão


Endereço do fórum: http://rpg-narutoworld.forumeiros.com/forum
Versão do fórum: PunBB

Descrição


Gostaria de fazer igual a imagem:


1- deixa os "ultimos assuntos" o mais parecido possível
2- colocar uma linha entre os fóruns para separá-los

Link do fórum da imagem: http://narutorpgstorm.ultimaterpg.net/forum


Última edição por Appoloz em 18/01/17, 01:36 pm, editado 1 vez(es)
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/
  • 0

Resolvido Re: Ultimos assuntos e categoria

Mensagem por Luiz em 18/01/17, 11:20 am

Adicione este código (ao topo da sua CSS):
Código:
.main-content table.table tr {
    border-bottom: solid 1px #ddd!important;
}

.main-content table.table td.tcr {
    padding: 5px!important;
    border: solid 1px #ddd!important;
}

O resultado não ficará 100% fiel à imagem, mas ao longo do tempo talvez possamos fazer futuras alterações.

Observação: Se o código acima não funcionar, precisarei que o senhor me passe sua folha de estilo num todo.

Até mais. Feliz


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5114
Pontos Ativos : 5922

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Ultimos assuntos e categoria

Mensagem por Appoloz em 18/01/17, 12:54 pm

deixei somente este código, pois a parte de baixo cria uma barra dividindo o fórum (cria uma barra entre a descrição do fórum e os ultimos assuntos), mas a parte de cima dividiu os fóruns corretamente, falta só criar aquela caixa ao canto...

avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Ultimos assuntos e categoria

Mensagem por Luiz em 18/01/17, 01:04 pm

Olá. Sem remover o código passado anteriormente, adicione também este código:
Código:
.reppost {
    padding: 5px;
    border: solid 1px #ddd!important;
}

É esse o resultado que deseja?
Caso o código acima não funcione, precisarei de sua Folha de Estilo num todo.

Até mais. Feliz


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5114
Pontos Ativos : 5922

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Ultimos assuntos e categoria

Mensagem por Appoloz em 18/01/17, 01:13 pm

Estamos chegando lá, editei o css, ficou assim

Código:
/* ultima mensagem */
.reppost {
    padding: 5px;
    border: solid 1px #ddd!important;
    box-shadow: none!important;
    text-align: center!important;
  background-color: #fff!important;
}

Queria colar agora esse quadrado no canto direito do fórum, e aproximar o (Tópicos | Mensagens) mais da caixa, deixando-os em cima da mesma
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Ultimos assuntos e categoria

Mensagem por Luiz em 18/01/17, 01:18 pm

Use este CSS:
Código:
p.center {
    position: relative!important;
    bottom: -10px;
}

O senhor também deseja que sejam colocados parênteses " ( " e " ) " antes e depois de " Tópicos: XX | Mensagens: XX "?

---

Até mais. Feliz


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5114
Pontos Ativos : 5922

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Ultimos assuntos e categoria

Mensagem por Appoloz em 18/01/17, 01:25 pm

Usei isto para mudar fonte e cor, mas não consegui alterar a cor

Código:
p.center {
    position: relative!important;
    bottom: -10px;
    font-color: #000000!important;
  font-family: arial;
}

E desejo agora arrastar tudo para a direita, que nem a imagem lá em cima
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/
  • 0

Resolvido Re: Ultimos assuntos e categoria

Mensagem por Luiz em 18/01/17, 01:28 pm

Olá.
Você não consegue pois não existe o argumento "font-color".
O correto é: "color: (COR);"!

Para mover para a direita:
Código:
.reppost {
    position: relative!important;
    right: -6px!important;
}
p.center {
    right: -5px!important;
}

O tópico está resolvido?
Até mais. Feliz


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5114
Pontos Ativos : 5922

Ver perfil do usuário https://github.com/lffg/
  • 0

Resolvido Re: Ultimos assuntos e categoria

Mensagem por Appoloz em 18/01/17, 01:35 pm

Exatamente como eu queria, aqui vou deixar o code pra quem quiser fazer:

Código:
/* ultima mensagem */
.reppost {
    padding: 5px;
    border: solid 1px #ddd!important;
    box-shadow: none!important;
    text-align: center!important;
  background-color: #fff!important;
  color: #000000!important;
  font-family: arial;
}
p.center {
    position: relative!important;
    bottom: 0px;
    color: #000000!important;
  font-family: arial;
}
.reppost {
    position: relative!important;
    right: -6px!important;
  bottom: 10px!important;
}
p.center {
    right: -5px!important;
}
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Ultimos assuntos e categoria

Mensagem por Kyo Panda em 18/01/17, 03:56 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4490
Pontos Ativos : 5785

Ver perfil do usuário 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