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


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Templates dos tópicos
Hoje à(s) 10:31 por Cream

» Pedido de Rank (Moderador)
Hoje à(s) 5:57 por -xGabriel..

» Sub-fóruns personalizados
Hoje à(s) 1:56 por Cream

» Personalizar perfil do fórum
Hoje à(s) 1:37 por Cream

» Tooltip no título dos tópicos
Hoje à(s) 1:35 por Cream

» Criar tags BBcode
Hoje à(s) 1:01 por Cream

» Perfis em mensagens privadas
Hoje à(s) 0:28 por Cream

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Cream
 
while
 
Shek
 
Holkis
 
Mr.Probz
 
-xGabriel..
 
GollD
 
Nean
 
lavinnia
 
sandra51
 

Quem está conectado
64 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 63 Visitantes :: 1 Motor de busca

while

[ 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 : 908

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 : 908

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 avançado

Masculino
Inscrito dia : 08/06/2014
Mensagens : 481
Pontos Ativos : 1498

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 : 908

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 : 908

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 : 908

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 : 1039
Pontos Ativos : 3248

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 : 908

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 : 1039
Pontos Ativos : 3248

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 : 908

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 : 1039
Pontos Ativos : 3248

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 : 908

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 : 1039
Pontos Ativos : 3248

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 : 908

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5