Botão curtir nas mensagens
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Botão curtir nas mensagens
Detalhes da questão
Endereço do fórum: www.cidadesocial.com
Versão do fórum: PunBB
Descrição
Olá!
O tutorial funciona perfeitamente, porém eu gostaria que o botão ficasse por padrão, em cima dos botões de editar, deletar, etc..
Pois dependendo do tamanho do tópico, se for pequeno, ele fica logo abaixo do conteúdo do tópico http://prntscr.com/apbcci.
Re: Botão curtir nas mensagens
Não seria bem assim que eu quero, pois ai está na linha das opções do tópico, porém eu quero acima dos botões.
@Edit
Eu não sabia que era no CSS, pois não entendo de Js, quando vi, eu mesmo editei o CSS e consegui resultados. Para quem estiver com esta dúvida:
Até.
@Edit
Eu não sabia que era no CSS, pois não entendo de Js, quando vi, eu mesmo editei o CSS e consegui resultados. Para quem estiver com esta dúvida:
- Código:
/*Botão curtir*/
#rep_post .reput_vote {
background-color: #daedfb;
color: #666;
-khtml-user-select: none;
-moz-transition: all,0.15s;
-moz-user-select: none;
-ms-user-select: none;
-o-transition: all,0.15s;
-webkit-touch-callout: none;
-webkit-transition: all,0.15s;
-webkit-user-select: none;
background: #f0f0f0 url(http://i.imgur.com/r31eDsX.png) no-repeat 6px center;
background-size: 12px;
clear: both;
color: #666;
cursor: pointer;
display: table;
font-size: 11px;
font-weight: 400;
line-height: 18px;
margin: 5px;
padding: 3px 5px 3px 25px;
text-align: right;
transition: all,0.15s;
}
.reput_vote.zero {
background-color: #6a6a6a;
}
.BS_like:hover {
border: 1px solid rgba(163, 163, 163, 0.83);
}
.BS_like {
background: rgba(242,242,242,1);
border: 1px solid rgba(194,194,194,0.56);
border-radius: 3px;
box-shadow: 0 2px 0 #FFF inset, 0 .3px 0 rgba(165,165,165,1);
clear: both;
color: #616161;
cursor: pointer;
display: table;
font-size: 13px;
font-weight: 400;
height: 18px;
line-height: 24px;
margin: 5px;
padding: 0 10px 0 10px;
text-align: right;
transition: .3s;
}
.BS_like:before {
content: "Curtir";
}
#rep_post .bs_inline {
list-style: none;
}
#rep_post .bs_inline {
position: absolute;
bottom: 8%;
right: 1.15%;
list-style: none;
white-space: nowrap;
}
#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 {display: none;}
#rep_post span img {cursor: pointer;}
.reput_vote.positive {background-color: #8db13e;}
.reput_vote.zero {background-color: #6a6a6a;}
#rep_post .reput_vote:before {
content: "Curtidas ";
}
Até.
Re: Botão curtir nas mensagens
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas". |
Tópicos semelhantes
» Colocando botão "Curtir" nas mensagens
» Colocando botão "Curtir" nas mensagens
» Botão curtir nas mensagens
» Sistema de curtir nas mensagens
» Botão curtir nas mensagens
» Colocando botão "Curtir" nas mensagens
» Botão curtir nas mensagens
» Sistema de curtir nas mensagens
» Botão curtir nas mensagens
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos