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

Últimos assuntos
» Neve para ModerNBB
Hoje à(s) 09:13 pm por Luiz

» Formulário de Resposta
Hoje à(s) 09:13 pm por iScroll

» Colocar efeito Glitter no nick aparencendo na categoria do forum
Hoje à(s) 09:07 pm por Luiz

» Ajustar Largura
Hoje à(s) 08:50 pm por Luiz

» Widget apenas no Index modernbb
Hoje à(s) 08:30 pm por Luiz

» Como alterar os tooltips da versão ModernBB
Hoje à(s) 08:02 pm por Luiz

» Selecionar local de postagem de formulário
Hoje à(s) 08:01 pm por Luiz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Gaaratsu
 
iScroll
 
Daniel Yan
 
Ketholy
 
Shek
 
Eduardo Lima
 
ranzatti
 
cocas20
 
LucasPofahl
 

Quem está conectado
260 usuários online :: 14 usuários cadastrados, Nenhum Invisível e 246 Visitantes :: 2 Motores de busca

banzé, BlueJOkeR, brunopro, Daniel Yan, EduardoMGP, iPlay, iScroll, Ketholy, Lost154, Luiz, odelgado, ranzatti, Shek, WizzardPT

[ Ver toda a lista ]


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

Botão reputação

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

Resolvido Botão reputação

Mensagem por PrisoN†BreaK em 06/01/17, 11:05 am

Detalhes da questão


Endereço do fórum: http://easydm.forumeiro.com/
Versão do fórum: PunBB

Descrição


Bom, tenho esses botões de reputar, porém eu queria deixa ele centralizado naquela quadrado que eu fiz, em baixo, eles estão desalinhados para quem não tem assinatura.

http://imgur.com/a/V5ln5
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1229
Pontos Ativos : 1733

Ver perfil do usuário http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Botão reputação

Mensagem por Kyo Panda em 06/01/17, 12:25 pm

Adicione ao CSS:

Código:
div.postbody {
  min-height: 280px;
}

div.rep_bar,
#rep_post {
  margin: 0 !important;
  padding: 10px;
  float: none;
  text-align: right;
}

div.rep_bar .bs_inline,
#rep_post .bs_inline {
  position: static !important;
  margin-left: 0 !important;
}


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 : 4583
Pontos Ativos : 5832

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Botão reputação

Mensagem por PrisoN†BreaK em 06/01/17, 12:39 pm

Ficou bom, porém em mensagens grandes, o texto ta ficando em cima, teria como deixa ele naquela posição, porém quando tiver um texto maior, ele ir descendo?


http://imgur.com/a/ITgSF
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1229
Pontos Ativos : 1733

Ver perfil do usuário http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Botão reputação

Mensagem por Kyo Panda em 06/01/17, 12:45 pm

Quanto as mensagens grandes, não há o que ser feito. Ou diminuo elas e, provavelmente, mensagens curtas ficarão menor que o bloco de avatar do usuário, ou aumento o suficiente pare o botão de reputação ficar lá embaixo.

Quanto ao texto, procure por isso no seu CSS:

Código:
#rep_post {
    float: right;
    margin: -12% 4px 6px!important;
    white-space: nowrap;
}

E remova.


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 : 4583
Pontos Ativos : 5832

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Botão reputação

Mensagem por PrisoN†BreaK em 06/01/17, 03:31 pm

Teria como deixa-lo de alguma forma que não atrapalhasse o texto?

@EDIT

Conseguir arrumar, coloquei este código:

Código:
#rep_post {white-space: nowrap;margin: 6px 4px;float: right;}
#rep_post .bs_inline {list-style: none;}
#rep_post .bs_inline > li {display: inline-block;margin: 0 3px;}
#rep_post .bs_inline > li:first-child {margin-left: 0;}
#rep_post .bs_inline img {vertical-align: middle;}
#rep_post span img {cursor: pointer;}
#rep_post .reput_vote {
background-image: url('https://i.imgur.com/UGqTZqe.png');
background-repeat: repeat-x;
background-position: 0 1px;
font-size: 10px;
padding: 2px 10px !important;
color: #fff;
font-weight: bold;
display: inline-block;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
}
.reput_vote.positive {background-color: #8db13e;}
.reput_vote.zero {background-color: #6a6a6a;}

input {
width: auto;
height: auto;
}

Duas vezes, será que fiz certo?
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1229
Pontos Ativos : 1733

Ver perfil do usuário http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Botão reputação

Mensagem por Kyo Panda em 06/01/17, 04:05 pm

Sim, está correto. ^-^

---

Se desejar reduzir o tamanho das caixas, remova isso do seu CSS:

Código:
div.postbody {
  min-height: 280px;
}

E adicione:

Código:
div.post {
  overflow: hidden;
  margin-bottom: 10px !important;
  padding: 20px 10px 20px 0;
}

#rep_post,
div.rep_bar {
  height: 20px;
}

#rep_post:after,
div.rep_bar:after,
div.postfoot div[style="clear:both;"] {
  display: none !important;
}

div.postfoot {
  clear: initial;
}

Eu acertei um pouco o visual para ficar harmonioso.


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 : 4583
Pontos Ativos : 5832

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Botão reputação

Mensagem por PrisoN†BreaK em 06/01/17, 04:15 pm

Não precisou reduzir, então resolvido, obrigado.
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1229
Pontos Ativos : 1733

Ver perfil do usuário http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Botão reputação

Mensagem por Kyo Panda em 06/01/17, 04:46 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 : 4583
Pontos Ativos : 5832

Ver perfil do usuário http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum