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
» Ranks Servidor RPG
Hoje à(s) 03:36 pm por Roger_Crazzy

» Remover propaganda
Hoje à(s) 03:08 pm por Kyo Panda

» Botões adicionar amigos
Hoje à(s) 01:14 pm por Kyo Panda

» Sistema de like nas mensagens
Hoje à(s) 01:06 pm por Kyo Panda

» Remover permissão
Hoje à(s) 12:31 pm por paulim78

» O tópico ou mensagem que você está procurando não existe
Hoje à(s) 12:21 pm por paulim78

» Adicionar Javascript no post
Hoje à(s) 12:03 pm por Marmitt

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Luiz
 
Marcelo22m2
 
Kyo Panda
 
paulim78
 
Lincoln
 
Shek
 
APOllO
 
>.< T-T =3
 
b@nzé
 

Quem está conectado
307 usuários online :: 9 usuários cadastrados, Nenhum Invisível e 298 Visitantes :: 1 Motor de busca

Ajux, Connor R., JamesZ., Key of Destiny, Kyo Panda, Lincoln, Marmitt, paulim78, Roger_Crazzy

[ 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 : 1100
Pontos Ativos : 1550

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. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3631
Pontos Ativos : 4849

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 : 1100
Pontos Ativos : 1550

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. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3631
Pontos Ativos : 4849

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 : 1100
Pontos Ativos : 1550

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. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3631
Pontos Ativos : 4849

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 : 1100
Pontos Ativos : 1550

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. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3631
Pontos Ativos : 4849

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