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
Conectar-se

Esqueci minha senha

Últimos assuntos
» Remover permissão
Hoje à(s) 11:22 am por Harleen

» Imagem do topico
Hoje à(s) 11:07 am por Harleen

» Template tópicos recentes
Hoje à(s) 10:45 am por Harleen

» Efeito no avatar em mensagens no tópico
Hoje à(s) 01:34 am por Dark Hunter

» #10422 Forumeiros desativa e reenvia a url para este site
Ontem à(s) 10:39 pm por Forumpw

» [PEDIDO] - Logo
Ontem à(s) 09:38 pm por Tiger

» Caixa de resposta rápida nos tópicos
Ontem à(s) 09:07 pm por Harleen

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Kyo Panda
 
Harleen
 
Fatalisss
 
JulioPais
 
Holkis
 
APOllO
 
Shek
 
MtX
 
Forumpw
 
Roger_Crazzy
 

Quem está conectado
235 usuários online :: 7 usuários cadastrados, Nenhum Invisível e 228 Visitantes :: 1 Motor de busca

fascicularia, Harleen, Holkis, Jefferson105, JulioPais, Luiz, toquinhobk

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Widget personalizado

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

Resolvido Widget personalizado

Mensagem por xBullet_Storm em 26/01/16, 01:30 pm

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 02/02/16, 11:21 am, editado 1 vez(es)
avatar

xBullet_Storm
Nível 9

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

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

Resolvido Re: Widget personalizado

Mensagem por xBullet_Storm em 28/01/16, 03:57 pm

avatar

xBullet_Storm
Nível 9

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

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

Resolvido Re: Widget personalizado

Mensagem por Maori em 28/01/16, 04:24 pm

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
avatar

Maori
Usuário destaque

Masculino
Inscrito dia : 07/06/2014
Mensagens : 521
Pontos Ativos : 702

http://baixacidade.forumeiros.com

Resolvido Re: Widget personalizado

Mensagem por xBullet_Storm em 28/01/16, 05:39 pm

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

xBullet_Storm
Nível 9

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

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

Resolvido Re: Widget personalizado

Mensagem por xBullet_Storm em 31/01/16, 11:33 pm

Up
avatar

xBullet_Storm
Nível 9

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

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

Resolvido Re: Widget personalizado

Mensagem por xBullet_Storm em 02/02/16, 10:45 am

avatar

xBullet_Storm
Nível 9

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

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

Resolvido Re: Widget personalizado

Mensagem por Daemon em 02/02/16, 10:57 am

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
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1686

http://bestskins.forumeiros.com/

Resolvido Re: Widget personalizado

Mensagem por xBullet_Storm em 02/02/16, 11:00 am

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

xBullet_Storm
Nível 9

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

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

Resolvido Re: Widget personalizado

Mensagem por Daemon em 02/02/16, 11:07 am

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 02/02/16, 11:23 am, editado 1 vez(es)
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1686

http://bestskins.forumeiros.com/

Resolvido Re: Widget personalizado

Mensagem por xBullet_Storm em 02/02/16, 11:10 am

nao entendi a ultima parte!! a do #recent_status
avatar

xBullet_Storm
Nível 9

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

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

Resolvido Re: Widget personalizado

Mensagem por Daemon em 02/02/16, 11:14 am

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

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1686

http://bestskins.forumeiros.com/

Resolvido Re: Widget personalizado

Mensagem por xBullet_Storm em 02/02/16, 11:16 am

Ficou perfeito!! Obrigado!!!!!!


Mostrando a lingua Mostrando a lingua Mostrando a lingua Mostrando a lingua Mostrando a lingua Mostrando a lingua Mostrando a lingua
avatar

xBullet_Storm
Nível 9

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

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

Resolvido Re: Widget personalizado

Mensagem por Daemon em 02/02/16, 11:19 am

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
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1686

http://bestskins.forumeiros.com/

Resolvido Re: Widget personalizado

Mensagem por xBullet_Storm em 02/02/16, 11:20 am

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

xBullet_Storm
Nível 9

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

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