Botão Like sumiu
5 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Botão Like sumiu
Detalhes da dúvida
Versão do fórum : phpBB3
Nível de acesso : Administrador
Navegador usado : Mozilla Firefox, Google Chrome
Imagem :
- Imagem da minha dúvida:
Membros afetados : Todos os membros do fórum
Problema começou : O problema começou ontem depois de usar CSS modificando o menu.
Endereço do fórum : http://forum-muperfect.forumeiros.com/
Descrição do problema
Depois que o ajudeiro Reset mandou o novo JS e CSS pra colocar o botão "Like" deu tudo certo,mas ontem após resolver outro problema do menu,o botão sumiu e voltou a barra de votos.Desde já agradeço a ajuda.
Obs:No Chrone a barra tem,já no Mozilla ela não existe,mas também não existe o botão.
Última edição por Kouctk em 20.03.15 0:46, editado 1 vez(es)
Re: Botão Like sumiu
Olá amigo, o botão aparece normalmente para mim, vi que você me mandou MP mas não tinha entendido, agora entendi mas o botão e o menu, estão ali normalmente olhe:
Re: Botão Like sumiu
Amigo não o botão Curtir do facebook,mas sim o botão "like" do tutorial:https://ajuda.forumeiros.com/t64222-tutorial-sistema-de-reputacao-com-likes
Re: Botão Like sumiu
O botão like está aparecendo para mim (não etou falando do botão do FaceBook) porém ,bugado.
Poderia criar uma conta teste, creio que o problema seja o CSS.
Poderia criar uma conta teste, creio que o problema seja o CSS.
Re: Botão Like sumiu
Olá!
O que aconteceu foi que o senhor retirou o css do código.
Adicione este código em sua folha de estilo:
Salve.
Até mais,
Reset.
O que aconteceu foi que o senhor retirou o css do código.
Adicione este código em sua folha de estilo:
- Código:
.LGlike {
background: #105289;
padding: 3px;
border-radius: 4px;
color: #fff;
font-size: 10px;
font-weight: bold;
text-shadow: -1px 0.5px #888;
box-shadow: 1px 1px 1px #888;
cursor: pointer;
margin-right: 4px;
}
.LGvote { margin: 0 5px; }
.LGnovote {
filter:Alpha(opacity=50);
opacity: 0.5;
cursor: default;
box-shadow: none;
text-shadow: none;
}
Salve.
Até mais,
Reset.
Re: Botão Like sumiu
Saudações,
Re-faça o tutorial amigo, por gentileza:
[TUTORIAL] Colocando botão "Curtir" nas mensagens
Até mais.
Re-faça o tutorial amigo, por gentileza:
[TUTORIAL] Colocando botão "Curtir" nas mensagens
Até mais.
Re: Botão Like sumiu
Amigo Sennior,seria o botão Like do tutorial "Likes".
Deu algum erro não sei onde,mas aconteceu após usar outro CSS modificado para ajeita o menu.
Deu algum erro não sei onde,mas aconteceu após usar outro CSS modificado para ajeita o menu.
Re: Botão Like sumiu
Segue ae amigo:
- Código:
LGlike {
background: #105289;
padding: 3px;
border-radius: 4px;
color: #fff;
font-size: 10px;
font-weight: bold;
text-shadow: -1px 0.5px #888;
box-shadow: 1px 1px 1px #888;
cursor: pointer;
margin-right: 4px;
}
.LGvote { margin: 0 5px; }
.LGnovote {
filter:Alpha(opacity=50);
opacity: 0.5;
cursor: default;
box-shadow: none;
text-shadow: none;
}
.postbody dl.codebox dd{overflow-y:auto;overflow-x:auto;max-height:200px}.postbody dl.codebox pre{display:block;float:left;font-size:12px;line-height:15.199999809265137px;padding:5px;border-right:3px solid #6CE26C;margin-top:2px;color:#A8A5A5;margin-right:5px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New';padding-right:8px}.postbody dl.codebox code{overflow-y:hidden;overflow-x:hidden;max-height:none;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New';background:url(http://i.imgur.com/eHvfR.png) repeat 0px 0px;padding-top:0px;margin-top:7px}
.perfilInfo {
background: url(http://forum.teamspeak.com.br/public/style_images/master/stems/bottomleft.png) no-repeat 98% 0%;
float: left;
height: 14.8em;
left: -38em;
padding: 16px 0px 20px 5px;
top: 13px;
width: 510px;
z-index: 999;
}
.avatar-index img {
height: 70px;
float: left;
margin: 0 4px;
}
.linkPrf {
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
background: #F6F6F6;
border: 1px solid #DBDBDB;
border-radius: 0 0 4px 4px;
bottom: 4px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
color: #616161;
float: left;
height: 14px;
left: 21.7em;
position:relative;
margin: 2px;
padding: 5px;
text-align: center;
text-decoration: none!important;
transition: all .2s ease-in-out;
width: 8em;
}
.linkPrf:hover{color: #4C4C4C;
border-color: #9A9A9A;}
.linkPrf:hover a{color: #4C4C4C;}
.linkPrf a{color:#616161 !important; font:normal 12px; text-decoration:none;}
.setPerfil {
background: rgba(0, 0, 0, 0.3);
display: block;
height: 100%;
padding: 5px;
padding-bottom: 10px;
border-radius: 3px;
}
.setPerfil > span {
background: #f9f9f9;
border-radius: 3px;
display: block;
height: 100%;
padding: 3px;
border: 1px solid #999;
}
.setPerfil .PerfilInfoImg {
width: 94px;
height: 166px;
float: left;
display: table;
background: #E1E1E1;
padding: 3px;
box-shadow: 1px 1px 0 #CCC;
}
.setPerfil p div, .setPerfil span p span{
display: inline;
}
.setPerfil h2 {
float: left;
font: bold 19px "Trebuchet MS";
display: block;
background: #E1E1E1;
width: 380px;
color:#333;
padding: 5px;
text-shadow: 1px 1px 0 white;
border-radius: 0 10px 0px 0;
box-shadow: 1px 1px 0 #CCC;
margin:0 0 10px;
}
.setPerfil p {
margin: 2px 5px;
float: right;
display: block;
background: #F1F1F1;
width: 350px;
text-align: left;
padding: 5px;
box-shadow: 1px 1px 0 #CCC;
font-weight: normal;
border-left: 3px solid #333;
border-top: 1px solid #333;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
}
.setPerfil p:hover {
box-shadow: 1px 1px 0 #9A9A9A;
}
.setPerfil p span{display:initial;}
#stats {
margin: 0 auto !important;
text-align: center !important;
display: table;
background: none;
}
.statHide{display:none !important;}
.statsPers li span a {
text-decoration: none !important;
}
.statsPers li > span {
padding: 5px 8px;
background: #E1E1E1;
box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
-moz-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
-o-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
border: 1px solid #E1E1E1;
margin-bottom: 10px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
text-shadow: 1px 1px 0 white;
color: #111;
font-weight: 700;
}
.statsPers li {
float: left;
color:#666;
margin: 2px 10px;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}
#stats {
background-color: #FFFFFF !important;
color: #5A5A5A;
font-family: helvetica,arial,sans-serif !important;
font-size: 12px !important;
font-style: normal !important;
font-variant: normal !important;
font-weight: normal !important;
margin-left: -100px !important;
padding-bottom: 30px !important;
}
#stats p.right:after {
color: #4A4A4A;
content: "Total de Posts";
letter-spacing: normal;
}
#stats p.right:not(strong) {
letter-spacing: -999px;
margin-left: 200px;
width: 160px;
}
#stats p {
color: rgba(0, 0, 0, 0) !important;
float: left !important;
margin-bottom: 2px;
margin-right: 10px;
margin-top: 2px;
}
#stats p strong {
background: none repeat scroll 0 0 #E2E2E2;
border: 1px solid #C9CDD0 !important;
border-radius: 2px 2px 2px 2px;
color: #4A4A4A;
display: inline-block;
font-weight: 700;
letter-spacing: normal;
margin-right: 10px !important;
padding: 2px 12px 2px 6px;
}
#stats p:nth-of-type(2):after {
color: #4A4A4A;
content: "Total de Membros";
letter-spacing: normal;
}
#stats p:nth-of-type(2):not(strong) {
letter-spacing: -999px;
margin-left: 10px;
width: 160px;
}
#stats p:nth-of-type(3):after {
color: #4A4A4A;
content: "Membro Mais Recente";
letter-spacing: normal;
}
#stats p:nth-of-type(3):not(strong) {
letter-spacing: -999px;
margin-left: 10px;
width: 240px;
}
#stats p:nth-of-type(3) strong {
letter-spacing: normal;
}
#stats a {
color: #4A4A4A !important;
}
#onlinelist p:nth-of-type(2) strong:nth-of-type(2):after {
color: #4A4A4A;
content: " Recorde de Membros Online";
font-size: 12px !important;
font-weight: 400 !important;
margin-left: 15px;
position: absolute;
width: 300px;
}
#onlinelist p:nth-of-type(2) strong:nth-of-type(2) {
background: none repeat scroll 0 0 #E2E2E2;
border: 1px solid #C9CDD0 !important;
border-radius: 2px 2px 2px 2px;
color: #4A4A4A;
margin-left: 500px !important;
margin-right: 10px !important;
margin-top: -65px !important;
padding: 2px 6px;
position: absolute !important;
width: 26px;
}
#onlinelist {
margin-top: 10px !important;
}
/* CURTIR WEB/BS */
.BS_like {
-moz-border-radius: 2px;
-moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 0 0 1px, rgba(0, 0, 0, 0.3) 0 1px 4px;
-webkit-border-radius: 2px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 0 0 1px, rgba(0, 0, 0, 0.3) 0 1px 4px;
background: #2C638F url(http://i.imgur.com/4GcJmSj.png) no-repeat 7px 6px;
border-radius: 2px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0px, inset rgba(0, 0, 0, 0.30) 0 0 0 1px, inset rgba(255, 255, 255, 0.15) 0 2px 0px, rgba(0, 0, 0, 0.15) 0 1px 4px, inset rgba(255, 255, 255, 0.2) 0 10px 25px;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 11px;line-height: 22px;margin-right: 4px;padding: 0 7px 0 22px;text-shadow: rgba(0, 0, 0, 0.6) 0 1px 0;font-weight: bold;
}
.BS_count {
-moz-border-radius: 2px;-webkit-border-radius: 2px;background: #EFF1F3;border-radius: 2px;padding: 4px 10px;
}
.BS_vote {
float:right;margin:0 5px;
}
. .BS_done {
display:none!important;
}
.BS_like.BS_done {
display:none!Important;
}
#conectFor * {
font-size: 12px;
}
#conectFor{
padding: 13px;
margin-top:-14px;
padding-right : 20px;
text-align: right;
background: url(http://i.imgur.com/tKiSR.png);
border-bottom: 2px solid #0099FF;
font: 15px Tahoma;
height: 15px;
display: block;
color: #F1F1F1;
position: relative;
top: 0;
left: 0;
right: 0;
}
#conectFor a{
color:#0099FF;
font-family:Arial;
padding:8px 5px ;
margin:0 1px;
text-decoration:none;
}
#conectFor a:hover{
color:#111;
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
-o-border-radius:5px 5px 0 0;
background:#0099FF;
}
#conectFor a:hover ul{display:inline;}
#conectFor ul {
margin-top: -1px;
z-index:1;
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
-o-border-radius: 0px 0px 5px 5px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
top: 100%;
width: 390px;
padding:20px 13px;
color: #333;
background: #161616 url(URL_BACKGROUND) no-repeat bottom right;
border-bottom: 1px solid #0099FF;
list-style: none;
display: none;
float: left;
right: 0em;
position: absolute;
}
#conectFor ul li{
float: left;
width: 47%;
display: inline;
text-align:left;
margin:5px;
}
#conectFor ul li a{color:#0099FF; background-image:none !important;}
#conectFor ul li a:hover{color:#8F8F8F; background:transparent;}
#conectFor a[href="/profile?mode=editprofile"] {
background-position: right;
background-repeat: no-repeat;
padding-right: 10px;
background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo10.png);
}
#conectFor a[href="/profile?mode=editprofile"]:hover {
background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo11.png);
}
ul.linklist.navlinks > li > a {
display: inline-block;
line-height: 35px;
border: none !Important;
}
ul.linklist.navlinks a {
color: #FFF;
padding: 0 10px;
text-decoration: none;
}
a:visited {
color: #0372be;
text-decoration: none;
}
a {
text-decoration: none;
}
ul.linklist li {
display: inline;
font-size: 1.1em;
line-height: 2.2em;
list-style-type: none;
width: auto;
}
ul.navlinks {
-moz-border-radius: 0 0 6px 6px;
-o-border-radius: 0 0 6px 6px;
-webkit-border-radius: 0 0 6px 6px;
background: url(http://2img.net/i/fa/fdf3/bg_cat.png) repeat-x #1675BC;
border-color: #4ca0ce #155d98 #155d98;
border-image: none;
border-radius: 0 0 6px 6px;
border-style: none none solid;
border-width: 0 0 4px;
bottom: 9px;
font-family: 'Oxygen Mono',Tahoma,Trebuchet MS,sans-serif;
font-size: 12px;
position: relative;
text-align: center;
}
ul.linklist.navlinks li.active > a, ul.linklist.navlinks li:hover > a {
background: none repeat scroll 0 0 #155d98;
color: #FFF;
}
ul.linklist.navlinks > li > a {
display: inline-block;
line-height: 35px;
border: none !Important;
}
img#i_icon_mini_search {
border: none !Important;
}
ul.topiclist li.header {
padding-top: 8px;
height: 34px !important;
}
Re: Botão Like sumiu
Não creio que seja o CSS pois fiz um teste com o mesmo e retirei todo o CSS, menos o do Botão LIKE e continuou sem resultados....
Re: Botão Like sumiu
Senão é o CSS seria o que iPlay?
Você mesmo ja teve acesso lá e não conseguiu resultado,agora é aguardar a resposta do Sennior,ou resposta do Reset pois foi ele que ajeitou da última vez.
Enquanto isso no aguardo a 3 dias..
Editadando.
Após os tres dias nenhuma solução melhor fechar tópico, pode mover pra lixeira.
Você mesmo ja teve acesso lá e não conseguiu resultado,agora é aguardar a resposta do Sennior,ou resposta do Reset pois foi ele que ajeitou da última vez.
Enquanto isso no aguardo a 3 dias..
Editadando.
Após os tres dias nenhuma solução melhor fechar tópico, pode mover pra lixeira.
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos