Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
304 usuários online :: 10 usuários cadastrados, 1 Invisível e 293 Visitantes :: 2 Motores de busca

Daemon, Eduardo30821, Harleen, Holkis, Kyou, Neimasinho, ruystguerra, vitorsali, Wamki, Yeshua

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Widget personalizado

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

Resolvido Widget personalizado

Mensagem por xBullet_Storm em Ter 26 Jan 2016 - 15:30

Detalhes da questão


Endereço do fórum: projectgames-rpg.forumeiros.com
Versão do fórum: PunBB

Descrição


Alguem poderia me falar se tem como colocar um widget desse no forumeiros?
http://prntscr.com/9v34iy


Última edição por xBullet_Storm em Ter 2 Fev 2016 - 13:21, editado 1 vez(es)

xBullet_Storm
Nível 9

Masculino
Inscrito dia : 25/01/2015
Mensagens : 187
Pontos Ativos : 1055

http://forum.brasilperfectgames.com.br/forum

Resolvido Re: Widget personalizado

Mensagem por xBullet_Storm em Qui 28 Jan 2016 - 17:57


xBullet_Storm
Nível 9

Masculino
Inscrito dia : 25/01/2015
Mensagens : 187
Pontos Ativos : 1055

http://forum.brasilperfectgames.com.br/forum

Resolvido Re: Widget personalizado

Mensagem por Maori em Qui 28 Jan 2016 - 18:24

Boa tarde, @xBullet_Storm

Tem como colocar sim, mas antes disso, você irá precisar de um widget que mostre os status e dê para os membros alterarem, para isso, acesse:

http://ajuda.forumeiros.com/t94953-widget-de-atualizar-status

Maori
Usuário destaque

Masculino
Inscrito dia : 08/06/2014
Mensagens : 521
Pontos Ativos : 1692

http://baixacidade.forumeiros.com

Resolvido Re: Widget personalizado

Mensagem por xBullet_Storm em Qui 28 Jan 2016 - 19:39

Ok! Amigo, acessei o link! Criei o widget para atualizar o status!! Agora para colocar aquele outro widget da print acima!! Teria um codigo?

xBullet_Storm
Nível 9

Masculino
Inscrito dia : 25/01/2015
Mensagens : 187
Pontos Ativos : 1055

http://forum.brasilperfectgames.com.br/forum

Resolvido Re: Widget personalizado

Mensagem por xBullet_Storm em Seg 1 Fev 2016 - 1:33

Up

xBullet_Storm
Nível 9

Masculino
Inscrito dia : 25/01/2015
Mensagens : 187
Pontos Ativos : 1055

http://forum.brasilperfectgames.com.br/forum

Resolvido Re: Widget personalizado

Mensagem por xBullet_Storm em Ter 2 Fev 2016 - 12:45


xBullet_Storm
Nível 9

Masculino
Inscrito dia : 25/01/2015
Mensagens : 187
Pontos Ativos : 1055

http://forum.brasilperfectgames.com.br/forum

Resolvido Re: Widget personalizado

Mensagem por Daemon em Ter 2 Fev 2016 - 12:57

Olá,

fiz este código rápido pra você:
Código:
 <ul id="recent_status">Carregando...</ul>
<script type="text/javascript">
jQuery(function() {
    var content = '';
    jQuery.ajax({
           url: '/u1wall',
           type: 'GET',
           success: function(responseHtml)
           {
           var status = jQuery('li.clearfix:contains("status_update")', responseHtml).wrapAll('<div>').parent().html();
           if(status) {
              content = status + '<a href="javascript:void(0)" onclick="atualizarStatus()" class="atualiza_status">Atualizar Status</a>';
              jQuery('#recent_status').each(function() {
                jQuery(this).html(content);
                jQuery(this).html(
                 jQuery(this).html()
                 .replace(/\ - status_update/g,'')
                ).find('ul.message-footer, .message-header img, .message-header em').remove();
              });
           } else {
              content = 'Não há status atualizado recentemente' +
                        '<br><br>' +
                        '<a href="javascript:void(0)" onclick="atualizarStatus()" class="atualiza_status">Atualizar Status</a>';
              jQuery('#recent_status').html(content);
           }
           },
           error: function(err)
           {
           console.log("AJAX error in request (Recent status update: Loading messages)");
           }
    });
});
function atualizarStatus() {
    var novoStatus = prompt("Digite o seu novo status:");
    if(novoStatus === '') {
       alert("Vazio");
    } else if(novoStatus === null) {
       return false;
    } else {
       var TID = jQuery('a[href*="tid="]').attr('href').split('tid=')[1].split('&')[0];
       jQuery.post("/ajax_profile.forum?jsoncallback=?", {
              id: -20,
              user: _userdata.user_id,
              active: "1",
              content: '[["profile_field_2_-20", "' + novoStatus + '"]]',
              tid: TID
       }, function(data){/*Only for calback reasons!*/},
       "json"
       ).done(function() {
       jQuery.ajax({
              url: '/u1wall',
              type: 'GET',
              success: function(responseHtml)
              {
              var matches = responseHtml.match(/\- (.*?)<\/title\>/);
              var user = matches[1];
              jQuery.post('/privmsg?mode=post_profile', {
                     message: novoStatus,
                     post: '1',
                     subject: 'status_update',
                     folder: 'profile',
                     username: user
              }).done(function() {
                 alert("Status atualizado & salvo com sucesso!");
                 location.reload();
              });
              },
              error: function(err)
              {
              console.log("AJAX error in request (Recent status update: Save in profile)");
              }
        });
        }).fail(function() {
          console.log("AJAX error in request (ajax_profile)");
        });
        // To fast return!!!
        return false;
    }
}
</script>
<style type="text/css">
.atualiza_status {
  display: block;
  text-align: center;
  background-color: #f0f0f0;
  padding: 6px;
  border: 1px solid #e0e0e0;
}
#recent_status li.clearfix {padding: 5px 0;}
#recent_status .avatar {
  float: left;
  -moz-border-radius: 0;
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  -webkit-border-radius: 0;
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  background: #fff;
  border: 1px solid #d5d5d5;
  border-radius: 0;
  box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  padding: 1px;
}
#recent_status .avatar, #recent_status .avatar img {
  height: 30px;
  width: 30px;
}
#recent_status .message-date {float: right;}
#recent_status .message-block {margin-left: 40px;}
</style>

Adicione em um widget e veja se gosta...
Será exibido um botão no widget para que você ou outros usuários atualizem o status... Irá aparecer uma janela pra que seja inserido o novo status, e em seguida, ao ser atualizado, ele será salvo no campo do perfil (Comentários), e nas mensagens do perfil do usuário "/u1" (Para que o widget carregue os últimos status atualizados de lá)!

Piscada

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1073
Pontos Ativos : 3462

http://bestskins.forumeiros.com/

Resolvido Re: Widget personalizado

Mensagem por xBullet_Storm em Ter 2 Fev 2016 - 13:00

Codigo funcionando perfeitamente!!!
Com apenas um bugzinho!!
http://prntscr.com/9y1eir

xBullet_Storm
Nível 9

Masculino
Inscrito dia : 25/01/2015
Mensagens : 187
Pontos Ativos : 1055

http://forum.brasilperfectgames.com.br/forum

Resolvido Re: Widget personalizado

Mensagem por Daemon em Ter 2 Fev 2016 - 13:07

O bug não está no código que te passei, e sim no CSS que está adicionando a imagem em seu nickname...
Troque:
Código:
a[href="/u1"] {
  background: url(http://illiweb.com/fa/admin/couronne.png) 0 -1px no-repeat;
  padding-bottom: 2px;
  padding-left: 20px;
  padding-top: 2px;
  text-shadow: 0 0 5px red;
}

Por:
Código:
a[href="/u1"] span {
  background: url(http://illiweb.com/fa/admin/couronne.png) 0 -1px no-repeat;
  padding-bottom: 2px;
  padding-left: 20px;
  padding-top: 2px;
  text-shadow: 0 0 5px red;
}

Já no código que lhe passei, junto ao CSS que está no final do código, adicione:
Código:
#recent_status {padding-left: 0 !important;}
#recent_status li {list-style: none;}


Até mais!


Última edição por Daemon em Ter 2 Fev 2016 - 13:23, editado 1 vez(es)

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1073
Pontos Ativos : 3462

http://bestskins.forumeiros.com/

Resolvido Re: Widget personalizado

Mensagem por xBullet_Storm em Ter 2 Fev 2016 - 13:10

nao entendi a ultima parte!! a do #recent_status

xBullet_Storm
Nível 9

Masculino
Inscrito dia : 25/01/2015
Mensagens : 187
Pontos Ativos : 1055

http://forum.brasilperfectgames.com.br/forum

Resolvido Re: Widget personalizado

Mensagem por Daemon em Ter 2 Fev 2016 - 13:14

É só você adicionar este CSS que lhe passei, antes da tag "</style>" no código do widget. Piscada

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1073
Pontos Ativos : 3462

http://bestskins.forumeiros.com/

Resolvido Re: Widget personalizado

Mensagem por xBullet_Storm em Ter 2 Fev 2016 - 13:16

Ficou perfeito!! Obrigado!!!!!!


Mostrando a lingua Mostrando a lingua Mostrando a lingua Mostrando a lingua Mostrando a lingua Mostrando a lingua Mostrando a lingua

xBullet_Storm
Nível 9

Masculino
Inscrito dia : 25/01/2015
Mensagens : 187
Pontos Ativos : 1055

http://forum.brasilperfectgames.com.br/forum

Resolvido Re: Widget personalizado

Mensagem por Daemon em Ter 2 Fev 2016 - 13:19

Dei uma rápida olhada no código e dei uma pequena alterada, substitua todo o código por este:
Código:
<ul id="recent_status">Carregando...</ul>
<a href="javascript:void(0)" onclick="atualizarStatus()" class="atualiza_status">Atualizar Status</a>
<script type="text/javascript">
jQuery(function() {
    jQuery.ajax({
          url: '/u1wall',
          type: 'GET',
          success: function(responseHtml)
          {
          var status = jQuery('li.clearfix:contains("status_update")', responseHtml).wrapAll('<div>').parent().html();
          if(status) {
              jQuery('#recent_status').each(function() {
                jQuery(this).html(status);
                jQuery(this).html(
                jQuery(this).html()
                .replace(/\ - status_update/g,'')
                ).find('ul.message-footer, .message-header img, .message-header em').remove();
              });
          } else {
              jQuery('#recent_status').html('Não há status atualizado recentemente');
          }
          },
          error: function(err)
          {
          console.log("AJAX error in request (Recent status update: Loading messages)");
          }
    });
});
function atualizarStatus() {
    var novoStatus = prompt("Digite o seu novo status:");
    if(novoStatus === '') {
      alert("Vazio");
    } else if(novoStatus === null) {
      return false;
    } else {
      var TID = jQuery('a[href*="tid="]').attr('href').split('tid=')[1].split('&')[0];
      jQuery.post("/ajax_profile.forum?jsoncallback=?", {
              id: -20,
              user: _userdata.user_id,
              active: "1",
              content: '[["profile_field_2_-20", "' + novoStatus + '"]]',
              tid: TID
      }, function(data){/*Only for calback reasons!*/},
      "json"
      ).done(function() {
      jQuery.ajax({
              url: '/u1wall',
              type: 'GET',
              success: function(responseHtml)
              {
              var matches = responseHtml.match(/\- (.*?)<\/title\>/);
              var user = matches[1];
              jQuery.post('/privmsg?mode=post_profile', {
                    message: novoStatus,
                    post: '1',
                    subject: 'status_update',
                    folder: 'profile',
                    username: user
              }).done(function() {
                alert("Status atualizado & salvo com sucesso!");
                location.reload();
              });
              },
              error: function(err)
              {
              console.log("AJAX error in request (Recent status update: Save in profile)");
              }
        });
        }).fail(function() {
          console.log("AJAX error in request (ajax_profile)");
        });
        // To fast return!!!
        return false;
    }
}
</script>
<style type="text/css">
.atualiza_status {
  display: block;
  margin-top: 8px;
  text-align: center;
  background-color: #f0f0f0;
  padding: 6px;
  border: 1px solid #e0e0e0;
}
#recent_status {padding-left: 0 !important;}
#recent_status li.clearfix {list-style-type: none;padding: 5px 0;}
#recent_status .avatar {
  float: left;
  -moz-border-radius: 0;
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  -webkit-border-radius: 0;
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  background: #fff;
  border: 1px solid #d5d5d5;
  border-radius: 0;
  box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  padding: 1px;
}
#recent_status .avatar, #recent_status .avatar img {
  height: 30px;
  width: 30px;
}
#recent_status .message-date {float: right;}
#recent_status .message-block {margin-left: 40px;}
</style>

Até! Piscada

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1073
Pontos Ativos : 3462

http://bestskins.forumeiros.com/

Resolvido Re: Widget personalizado

Mensagem por xBullet_Storm em Ter 2 Fev 2016 - 13:20

Obrigado!! Se quiser fechar o topico!! Fique avontade

xBullet_Storm
Nível 9

Masculino
Inscrito dia : 25/01/2015
Mensagens : 187
Pontos Ativos : 1055

http://forum.brasilperfectgames.com.br/forum

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum