Widget top postadores com avatar redondo

2 participantes

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

Tópico resolvido Widget top postadores com avatar redondo

Mensagem por PESS_dodo 16.03.17 13:21

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á
PESS_dodo

PESS_dodo
****

Membro desde : 16/02/2017
Mensagens : 257
Pontos : 435

http://adliferpg.forumeiros.com/forum https://www.facebook.com/advancedliferpg/?ref=bookmarks http://adliferpg.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget top postadores com avatar redondo

Mensagem por while 16.03.17 15:11

Olá autor, bom dia.

veja esse tópico: https://ajuda.forumeiros.com/t106208-personalizar-widget-top-postadores

Até mais.
while

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget top postadores com avatar redondo

Mensagem por PESS_dodo 16.03.17 16:25

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
PESS_dodo

PESS_dodo
****

Membro desde : 16/02/2017
Mensagens : 257
Pontos : 435

http://adliferpg.forumeiros.com/forum https://www.facebook.com/advancedliferpg/?ref=bookmarks http://adliferpg.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget top postadores com avatar redondo

Mensagem por while 16.03.17 16:57

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'));
});
});
while

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget top postadores com avatar redondo

Mensagem por PESS_dodo 16.03.17 17:04

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
PESS_dodo

PESS_dodo
****

Membro desde : 16/02/2017
Mensagens : 257
Pontos : 435

http://adliferpg.forumeiros.com/forum https://www.facebook.com/advancedliferpg/?ref=bookmarks http://adliferpg.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget top postadores com avatar redondo

Mensagem por while 16.03.17 17:12

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'));
});
});
while

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget top postadores com avatar redondo

Mensagem por PESS_dodo 16.03.17 17:16

Widget top postadores com avatar redondo Z6q2EvC

Fico assim, da mesma forma que ficou no outro quando atualizei
PESS_dodo

PESS_dodo
****

Membro desde : 16/02/2017
Mensagens : 257
Pontos : 435

http://adliferpg.forumeiros.com/forum https://www.facebook.com/advancedliferpg/?ref=bookmarks http://adliferpg.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget top postadores com avatar redondo

Mensagem por while 16.03.17 17:20

Limpe seu cache e os cookies, pois não vejo o tal erro, veja:
Widget top postadores com avatar redondo 7f9f8c41187b4835b3f4212b74168e5c

Até mais.
while

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget top postadores com avatar redondo

Mensagem por PESS_dodo 16.03.17 17:23

while escreveu:Limpe seu cache e os cookies, pois não vejo o tal erro, veja:
Widget top postadores com avatar redondo 7f9f8c41187b4835b3f4212b74168e5c

Até mais.

Pronto mano, tudo certo!

Obrigado mesmo, parabéns pelo trabalho

+dado
PESS_dodo

PESS_dodo
****

Membro desde : 16/02/2017
Mensagens : 257
Pontos : 435

http://adliferpg.forumeiros.com/forum https://www.facebook.com/advancedliferpg/?ref=bookmarks http://adliferpg.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget top postadores com avatar redondo

Mensagem por while 16.03.17 17:26

Widget top postadores com avatar redondo 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".
while

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

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