Corrigir a posição do botão curtir nos tópicos

2 participantes

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

Tópico resolvido Corrigir a posição do botão curtir nos tópicos

Mensagem por Kyou 13.02.17 21:26

Detalhes da questão


Endereço do fórum: http://schoolflix.forumeiros.com
Versão do fórum: PunBB

Descrição


Bom estava fazendo alguns testes no meu forum até que percebi que o botão de reputação tinha sumido
não sei oque aconteceu estava normal até ontem
então fui refazer o tutorial do botão de reputação e não resultou, ai começei a mexer nos valores do css e consegui ajustar a altura, mas não consegui coloca-lo para direita e ele não esta utilizavel não importa o quanto clique nele, parece que ele é mais uma imagem do que um botão

Tópico de onde eu retirei o botão
https://ajuda.forumeiros.com/t47960-tutorial-reputacao-personalizada
Corrigir a posição do botão curtir nos tópicos Db8f16f215374e268b86f3d88deddf2b
Kyou

Kyou
Nível 8

Masculino
Membro desde : 11/02/2017
Mensagens : 104
Pontos : 139

http://schoolflix.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Corrigir a posição do botão curtir nos tópicos

Mensagem por Kyou 15.02.17 1:11

up
Kyou

Kyou
Nível 8

Masculino
Membro desde : 11/02/2017
Mensagens : 104
Pontos : 139

http://schoolflix.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Corrigir a posição do botão curtir nos tópicos

Mensagem por Kyo Panda 15.02.17 10:54

Adicione ao seu CSS:

Código:
.postmain {
    position: relative;
}

.post-options li {
    position: absolute;
    top: 50px;
    right: 10px;
}

div.vote-count {
    background: none;
}

o/
Kyo Panda

Kyo Panda
Super membro

Masculino
Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5937

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Corrigir a posição do botão curtir nos tópicos

Mensagem por Kyou 15.02.17 13:34

O codigo apago totalmente o botao de curtir
Kyou

Kyou
Nível 8

Masculino
Membro desde : 11/02/2017
Mensagens : 104
Pontos : 139

http://schoolflix.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Corrigir a posição do botão curtir nos tópicos

Mensagem por Kyo Panda 15.02.17 13:57

Passe o mouse por cima do tópico. Naturalmente ele possui esse efeito. É possível removê-lo, se quiser.
Kyo Panda

Kyo Panda
Super membro

Masculino
Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5937

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Corrigir a posição do botão curtir nos tópicos

Mensagem por Kyou 15.02.17 20:45

Corrigir a posição do botão curtir nos tópicos 0bb7d9d2a7e0447e9b34be5432ce8d78
Realmente não aparece nada e não, não estou logado no user schoolflix
Kyou

Kyou
Nível 8

Masculino
Membro desde : 11/02/2017
Mensagens : 104
Pontos : 139

http://schoolflix.forumeiros.com/

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Corrigir a posição do botão curtir nos tópicos

Mensagem por Kyo Panda 15.02.17 21:47

Corrigir a posição do botão curtir nos tópicos NLstMLr

O botão só aparece em mensagens que o senhor pode curtir. Logo ele não aparecerá se estiver como Visitante ou em algum fórum onde essa permissão foi removida.
Kyo Panda

Kyo Panda
Super membro

Masculino
Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5937

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Corrigir a posição do botão curtir nos tópicos

Mensagem por Kyou 15.02.17 22:51

Atá descobri que depois que você clica no gostei não aparece mais, nem com ele confirmado, não é que nem aqui onde você curti e aparece quantos tem respectivamente.
Corrigir a posição do botão curtir nos tópicos 48de7668058b40bb839226a6ec76dbcd
Kyou

Kyou
Nível 8

Masculino
Membro desde : 11/02/2017
Mensagens : 104
Pontos : 139

http://schoolflix.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Corrigir a posição do botão curtir nos tópicos

Mensagem por Kyo Panda 16.02.17 10:26

Faremos o seguinte então, troque o CSS por esse:

Código:
.postmain {
    position: relative;
}
 
.post-options li {
    position: absolute;
    top: 50px;
    right: 10px;
    width: 60px;
}

.post-options li a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    display: block;
}

.post-options li img {
    display: none;
}
 
div.vote-count {
    background: url(http://i.imgur.com/p7cG6cO.png) no-repeat center top;
    padding-top: 50px
}

Dessa forma o botão estará lá, independente da pessoa poder curtir ou não. Ele apenas se tornará inclicável (se tal termo existir).
Kyo Panda

Kyo Panda
Super membro

Masculino
Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5937

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Corrigir a posição do botão curtir nos tópicos

Mensagem por Kyou 18.02.17 1:58

Funcionou vlw
Kyou

Kyou
Nível 8

Masculino
Membro desde : 11/02/2017
Mensagens : 104
Pontos : 139

http://schoolflix.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Corrigir a posição do botão curtir nos tópicos

Mensagem por Kyo Panda 20.02.17 11:40

Corrigir a posição do botão curtir nos tópicos Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

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

Kyo Panda
Super membro

Masculino
Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5937

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos