Reputação personalizada
2 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
Reputação personalizada
Qual é minha questão:
Prezados,
Seguindo Este Tutorial eu tentei chegar no resultado da imagem que apresento abaixo. Ou seja, apenas reputação positiva e personalizada, com a imagem da cruz () e a contagem de votos positivos recebidos ao lado.
Como consigo este resultado?
Medidas que eu tomei para corrigir o problema:
Tentei modificar o código do tutorial, mas sem sucesso.
Imagens do meu problema:
https://i.servimg.com/u/f42/17/12/27/86/sem_ta13.png
Versão do meu fórum:
PHPBB3
Prezados,
Seguindo Este Tutorial eu tentei chegar no resultado da imagem que apresento abaixo. Ou seja, apenas reputação positiva e personalizada, com a imagem da cruz () e a contagem de votos positivos recebidos ao lado.
Como consigo este resultado?
Medidas que eu tomei para corrigir o problema:
Tentei modificar o código do tutorial, mas sem sucesso.
Imagens do meu problema:
https://i.servimg.com/u/f42/17/12/27/86/sem_ta13.png
Versão do meu fórum:
PHPBB3
Re: Reputação personalizada
Olá,
Você já fez as alterações de imagem como mostra no tutorial?!
Se tiver feito, mende-me para a observação.
Atenciosamente.
Você já fez as alterações de imagem como mostra no tutorial?!
Se tiver feito, mende-me para a observação.
Atenciosamente.
Convidad- Convidado
Re: Reputação personalizada
@Touks: O código css que eu usei foi exatamente o passado pela forumeiros:
Depois que tentei fazer as mudanças desconfigurei partes do fórum, logo tirei e não salvei o atualizado.
- Código:
.vote {
float: right;
margin-left: 4px;
width: 9px;
}
.vote .vote-button {
font-weight: 700;
margin-left: -1px;
text-align: center;
}
.vote .vote-button a {
text-decoration: none !important;
}
.vote .vote-bar {
border: 1px solid #666666;
font-size: 0;
height: 50px;
margin: 0 auto;
width: 3px;
}
.vote .vote-no-bar {
letter-spacing: -2px;
margin-left: -2px;
white-space: nowrap;
}
.vote .vote-bar-plus {
background-color: #00FF00;
}
.vote .vote-bar-minus {
background-color: red;
}
div.vote-count {
background: url("sd-1.archive-host.com/membres/images/142586199450897653/FDF/button_count.png") no-repeat scroll 0 0 transparent;
color: #4AAE00;
font-size: 10px;
font-weight: 700;
height: 17px;
padding-top: 2px;
text-align: center;
width: 27px;
}
td.post-options li, ul.profile-icons li, .post-options li, .post-footer ul.misc-icons li{
color: transparent;
}
Depois que tentei fazer as mudanças desconfigurei partes do fórum, logo tirei e não salvei o atualizado.
Re: Reputação personalizada
Olá,
Me refiro a esta parte do tutorial:
Atenciosamente.
Me refiro a esta parte do tutorial:
- Spoiler:
- Posso modificar as imagens de "Votar" e as de "Voto dado"?
Sim claro! Para fazer estas alterações relactivamente as imagens, terá de modificar o código JavaScript que lhe foi citado a cima deste tutorial. Para fazer esta alteração somente deve ter a atenção nos campos a vermelho e a verde assinalados no código .JS abaixo:
Claro, com o código na versão de seu fórum.function discat(cat){$('#menu > div').slideUp(500);$('#subcat'+cat).slideDown(900)}$(function(){$("dd.dterm[style*='489903.gif']").closest("dl.icon").addClass("t-uniq");$("#profile_field_2_-20").focus(function(){$(this).val(($(this).val()?$(this).val()+"\n":"")+new Date().getDate()+"/"+(new Date().getMonth()+1)+"/"+(new Date().getFullYear()-2000)+" ("+$("#i_icon_mini_logout").attr("alt").replace(/^.*?\[ (.*) \]$/,"$1")+")"+" : ").unbind("focus")})});$(function(){$(".vote").each(function(){$(this).find(".vote-button:first a").html('<img src="Link da imagem para votar" alt="Voter" title="Voter pour ce message" />').click(function(){$.get($(this).attr("href"));$(this).parent().html('<img src="link da imagem com o voto dado" alt="Vote enregistré" title="Vote enregistré" />');return!1});$(this).closest(".postbody").find("ul.profile-icons").append("<li />").find("li:last").append($(this).find(".vote-button:first a")).append($(this).find(".vote-bar").length?' <div class="vote-count" title="Nombre d\'évaluations positives">'+$(this).find(".vote-bar").attr("title").replace(/^.*\(([0-9]*) .*?\)$/,"$1"):"")+'</div>';$(this).remove()});if($("code").filter(function(){var a=$(this).text().indexOf("["),b=$(this).text().indexOf("]"),c=$(this).text().indexOf("[/"),d=$(this).text().indexOf("<"),e=$(this).text().indexOf('"'),f=$(this).text().indexOf("'"),g=$(this).text().indexOf("/");return a==-1||b==-1||c==-1||a>b||b>c||d!=-1&&d<a||e!=-1&&e<a||f!=-1&&f<a||g!=-1&&g<a}).each(function(){$(this).wrapInner('<pre class="prettyprint'+($(this).text().indexOf("<")==-1&&/[\s\S]+{[\s\S]+:[\s\S]+}/.test($(this).text())?" lang-css":"")+' linenums" />')}).length){var s=document.createElement("script");s.type="text/javascript";s.async=!0;s.src="http://forum.forumactif.com/12076.js";document.getElementsByTagName("head")[0].appendChild(s)}});
- Posso modificar as imagens de "Votar" e as de "Voto dado"?
Atenciosamente.
Convidad- Convidado
Re: Reputação personalizada
Oi boa noite Kolseuvis,
Supostamente o que podemos modificar é está parte:
Nos passe o conteúdo desta parte que criou.
Supostamente o que podemos modificar é está parte:
- Código:
function discat(cat){$('#menu > div').slideUp(500);$('#subcat'+cat).slideDown(900)}$(function(){$("dd.dterm[style*='489903.gif']").closest("dl.icon").addClass("t-uniq");$("#profile_field_2_-20").focus(function(){$(this).val(($(this).val()?$(this).val()+"\n":"")+new Date().getDate()+"/"+(new Date().getMonth()+1)+"/"+(new Date().getFullYear()-2000)+" ("+$("#i_icon_mini_logout").attr("alt").replace(/^.*?\[ (.*) \]$/,"$1")+")"+" : ").unbind("focus")})});$(function(){$(".vote").each(function(){$(this).find(".vote-button:first a").html('<img src="Link da imagem para votar" alt="Voter" title="Voter pour ce message" />').click(function(){$.get($(this).attr("href"));$(this).parent().html('<img src="link da imagem com o voto dado" alt="Vote enregistré" title="Vote enregistré" />');return!1});$(this).closest(".postbody").find("ul.profile-icons").append("<li />").find("li:last").append($(this).find(".vote-button:first a")).append($(this).find(".vote-bar").length?' <div class="vote-count" title="Nombre d'évaluations positives">'+$(this).find(".vote-bar").attr("title").replace(/^.*\(([0-9]*) .*?\)$/,"$1"):"")+'</div>';$(this).remove()});if($("code").filter(function(){var a=$(this).text().indexOf("["),b=$(this).text().indexOf("]"),c=$(this).text().indexOf("[/"),d=$(this).text().indexOf("<"),e=$(this).text().indexOf('"'),f=$(this).text().indexOf("'"),g=$(this).text().indexOf("/");return a==-1||b==-1||c==-1||a>b||b>c||d!=-1&&d<a||e!=-1&&e<a||f!=-1&&f<a||g!=-1&&g<a}).each(function(){$(this).wrapInner('<pre class="prettyprint'+($(this).text().indexOf("<")==-1&&/[\s\S]+{[\s\S]+:[\s\S]+}/.test($(this).text())?" lang-css":"")+' linenums" />')}).length){var s=document.createElement("script");s.type="text/javascript";s.async=!0;s.src="http://forum.forumactif.com/12076.js";document.getElementsByTagName("head")[0].appendChild(s)}});
Nos passe o conteúdo desta parte que criou.
Re: Reputação personalizada
Kolseuvis escreveu:É exatamente este, igual.
O que eu criei não deu certo e eu removi amigo.
Olá,
Tente recria-lo e mande-nos o código novamente.
Re: Reputação personalizada
Amigo, mas já tentei e não consegui!
Foi exatamente por isto que criei este tópico, para que me ajudassem na criação! rsrs
Foi exatamente por isto que criei este tópico, para que me ajudassem na criação! rsrs
Re: Reputação personalizada
Olá,
Veja o código:
Observe os campos em vermelho, o link da imagem 1 é para a imagem que será dado o voto o (+). O Link da imagem 2 será a imagem que aparecerá após o voto ser dado. Depois de feita tal modificação, faça os passos que o tutorial fala.
Atenciosamente.
Veja o código:
function discat(cat){$('#menu > div').slideUp(500);$('#subcat'+cat).slideDown(900)}$(function(){$("dd.dterm[style*='489903.gif']").closest("dl.icon").addClass("t-uniq");$("#profile_field_2_-20").focus(function(){$(this).val(($(this).val()?$(this).val()+"\n":"")+new Date().getDate()+"/"+(new Date().getMonth()+1)+"/"+(new Date().getFullYear()-2000)+" ("+$("#i_icon_mini_logout").attr("alt").replace(/^.*?\[ (.*) \]$/,"$1")+")"+" : ").unbind("focus")})});$(function(){$(".vote").each(function(){$(this).find(".vote-button:first a").html('<img src="LINKIMAGEM1" alt="Voter" title="Voter pour ce message" />').click(function(){$.get($(this).attr("href"));$(this).parent().html('<img src="LINKIMAGEM2" alt="Vote enregistré" title="Vote enregistré" />');return!1});$(this).closest(".postbody").find("ul.profile-icons").append("<li />").find("li:last").append($(this).find(".vote-button:first a")).append($(this).find(".vote-bar").length?' <div class="vote-count" title="Nombre d\'évaluations positives">'+$(this).find(".vote-bar").attr("title").replace(/^.*\(([0-9]*) .*?\)$/,"$1"):"")+'</div>';$(this).remove()});if($("code").filter(function(){var a=$(this).text().indexOf("["),b=$(this).text().indexOf("]"),c=$(this).text().indexOf("[/"),d=$(this).text().indexOf("<"),e=$(this).text().indexOf('"'),f=$(this).text().indexOf("'"),g=$(this).text().indexOf("/");return a==-1||b==-1||c==-1||a>b||b>c||d!=-1&&d<a||e!=-1&&e<a||f!=-1&&f<a||g!=-1&&g<a}).each(function(){$(this).wrapInner('<pre class="prettyprint'+($(this).text().indexOf("<")==-1&&/[\s\S]+{[\s\S]+:[\s\S]+}/.test($(this).text())?" lang-css":"")+' linenums" />')}).length){var s=document.createElement("script");s.type="text/javascript";s.async=!0;s.src="http://forum.forumactif.com/12076.js";document.getElementsByTagName("head")[0].appendChild(s)}});
Observe os campos em vermelho, o link da imagem 1 é para a imagem que será dado o voto o (+). O Link da imagem 2 será a imagem que aparecerá após o voto ser dado. Depois de feita tal modificação, faça os passos que o tutorial fala.
Atenciosamente.
Convidad- Convidado
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