Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Widget top postadores com avatar redondo
2 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
Widget top postadores com avatar redondo
Detalhes da questão
Endereço do fórum: http://bl-rpg.forumeiros.com
Versão do fórum: phpBB3
Descrição
Procurei em diversos locais e não encontrei, poderiam me ajudar?
Eu gostaria deste sistema, aparecer a Foto, Nick e Quantidade de posts do usuário. A foto redondinha desta forma.
https://i.imgur.com/WBagK2C.jpg
https://ajuda.forumeiros.com/t108335-widget-top-postadores-com-avatar-redondo
Tinha criado esse tópico, mais não pegou depois... devo ter mexido em algo,deletei o Widget já
Re: Widget top postadores com avatar redondo
Olá autor, bom dia.
veja esse tópico: https://ajuda.forumeiros.com/t106208-personalizar-widget-top-postadores
Até mais.
veja esse tópico: https://ajuda.forumeiros.com/t106208-personalizar-widget-top-postadores
Até mais.
Re: Widget top postadores com avatar redondo
while escreveu:Olá autor, bom dia.
veja esse tópico: https://ajuda.forumeiros.com/t106208-personalizar-widget-top-postadores
Até mais.
Não consegui mano, fica tudo branco em baixo
Re: Widget top postadores com avatar redondo
Beleza, esqueça todos esses passos do tópico citado , até exclua esse widget, faremos com puro Javascript o efeito então.
Crie um novo javascript com investimento em todas as paginas com esse código:
Crie um novo javascript com investimento em todas as paginas com esse código:
- Código:
$(function() {
$('head').append(
'<style type="text/css">' +
'.avt-wid {' +
'-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);' +
'-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);' +
'background: #fff;' +
'border: 1px solid #d8d8d8;' +
'box-shadow: 0 2px 2px rgba(0,0,0,0.1);' +
'float: left;' +
'height: 25px;' +
'margin-right: 5px;' +
'padding: 1px;' +
'width: 25px;' +
'border-radius: 30px;' +
'}' +
'tbody > tr > td > div > div > table > tbody > tr > td:nth-child(2) {' +
'display: none;' +
'}' +
'tbody > tr > td > div > div > table > tbody > tr > td > span:after {' +
'content:"posts";' +
'margin-left:3px;' +
'}' +
'.module .main-content td.row2 {' +
'display: block;' +
'}' +
'</style>'
);
$('tbody tr td div table[summary="Top dos mais postadores"] a[href^="/u"]').each(function() {
var linkavt = $(this).attr('href');
$(this).before(
'<img src="http://r26.imgfast.net/users/2617/31/90/74/avatars/1-40.png" alt="no_photo" class="avt-wid" />'
);
var oImg = $(this).prev();
var user = sessionStorage.getItem(linkavt);
if(user) {
oImg.attr('src', user);
} else {
$.get(linkavt, function(data){
var image = $('#profile-advanced-right .main-content img:first', data).attr('src');
oImg.attr('src', image);
sessionStorage.setItem(linkavt, image);
});
}
});
$('.module .main-content td[nowrap]').each(function() {
$(this).html($(this).attr('title'));
});
});
Re: Widget top postadores com avatar redondo
while escreveu:Beleza, esqueça todos esses passos do tópico citado , até exclua esse widget, faremos com puro Javascript o efeito então.
Crie um novo javascript com investimento em todas as paginas com esse código:
- Código:
$(function() {
$('head').append(
'<style type="text/css">' +
'.avt-wid {' +
'-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);' +
'-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);' +
'background: #fff;' +
'border: 1px solid #d8d8d8;' +
'box-shadow: 0 2px 2px rgba(0,0,0,0.1);' +
'float: left;' +
'height: 25px;' +
'margin-right: 5px;' +
'padding: 1px;' +
'width: 25px;' +
'border-radius: 30px;' +
'}' +
'tbody > tr > td > div > div > table > tbody > tr > td:nth-child(2) {' +
'display: none;' +
'}' +
'tbody > tr > td > div > div > table > tbody > tr > td > span:after {' +
'content:"posts";' +
'margin-left:3px;' +
'}' +
'.module .main-content td.row2 {' +
'display: block;' +
'}' +
'</style>'
);
$('tbody tr td div table[summary="Top dos mais postadores"] a[href^="/u"]').each(function() {
var linkavt = $(this).attr('href');
$(this).before(
'<img src="http://r26.imgfast.net/users/2617/31/90/74/avatars/1-40.png" alt="no_photo" class="avt-wid" />'
);
var oImg = $(this).prev();
var user = sessionStorage.getItem(linkavt);
if(user) {
oImg.attr('src', user);
} else {
$.get(linkavt, function(data){
var image = $('#profile-advanced-right .main-content img:first', data).attr('src');
oImg.attr('src', image);
sessionStorage.setItem(linkavt, image);
});
}
});
$('.module .main-content td[nowrap]').each(function() {
$(this).html($(this).attr('title'));
});
});
Pronto, primeira parte deu certo
https://2img.net/u/2617/31/90/74/avatars/1-40.png
Só que a foto do perfil ta todas assim
Re: Widget top postadores com avatar redondo
Troque por este:
- Código:
$(function() {
$('head').append(
'<style type="text/css">' +
'.avt-wid {' +
'-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);' +
'-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);' +
'background: #fff;' +
'border: 1px solid #d8d8d8;' +
'box-shadow: 0 2px 2px rgba(0,0,0,0.1);' +
'float: left;' +
'height: 25px;' +
'margin-right: 5px;' +
'padding: 1px;' +
'width: 25px;' +
'border-radius: 30px;' +
'}' +
'tbody > tr > td > div > div > table > tbody > tr > td:nth-child(2) {' +
'display: none;' +
'}' +
'tbody > tr > td > div > div > table > tbody > tr > td > span:after {' +
'content:"posts";' +
'margin-left:3px;' +
'}' +
'.module .main-content td.row2 {' +
'display: block;' +
'}' +
'</style>'
);
$('tbody tr td div table[summary="Top dos mais postadores"] a[href^="/u"]').each(function() {
var linkavt = $(this).attr('href');
$(this).before(
'<img src="http://r26.imgfast.net/users/2617/31/90/74/avatars/1-40.png" alt="no_photo" class="avt-wid" />'
);
var oImg = $(this).prev();
var user = sessionStorage.getItem(linkavt);
if(user) {
oImg.attr('src', user);
} else {
$.get(linkavt, function(data){
var image = $('#profile-advanced-right > div > div > div > img', data).attr('src');
oImg.attr('src', image);
sessionStorage.setItem(linkavt, image);
});
}
});
$('.module .main-content td[nowrap]').each(function() {
$(this).html($(this).attr('title'));
});
});
Re: Widget top postadores com avatar redondo
Fico assim, da mesma forma que ficou no outro quando atualizei
Re: Widget top postadores com avatar redondo
Limpe seu cache e os cookies, pois não vejo o tal erro, veja:
Até mais.
Até mais.
Re: Widget top postadores com avatar redondo
while escreveu:Limpe seu cache e os cookies, pois não vejo o tal erro, veja:
Até mais.
Pronto mano, tudo certo!
Obrigado mesmo, parabéns pelo trabalho
+dado
Re: Widget top postadores com avatar redondo
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
» Widget top postadores com avatar redondo
» Widget top postadores com avatar redondo
» Widget top postadores
» Avatar redondo nas mensagens
» Avatar Redondo, tem como?
» Widget top postadores com avatar redondo
» Widget top postadores
» Avatar redondo nas mensagens
» Avatar Redondo, tem como?
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