Status no perfil

Detalhes da questão

Endereço do fórum: http://cloudgames.forumeiros.com/
Versão do fórum: PunBB

Descrição

Deixar status em cima do avatar ?

vi isso em outro fórum de outra plataforma não sei a forumeiros tem esse tipo de adaptação.

Olá autor, boa noite.

Crie um novo campo de perfil

E depois disto crie um novo widget com esse código:

Código:

<div class="module main">
   
  <div class="main-head">
     
      <div id="statusTitle" class="h3">
          <span id="statusAtual">Carregando status atual...</span>
      </div>
     
  </div>
   
  <div class="main-content clearfix">
     
      <div id="statusUpdateBody">
         
        <center>
            <input style="width: 100px;" type="text" id="statusUpdate" />
            <button style=" margin-top: -3px; " class="button2" id="statusUpdateButton">
              OK
            </button>
            <br />Atualize seu status aqui. Coloque coisas pequenas e não ofensivas.
        </center>
         
      </div>
      <script>
            jQuery(function () {
                jQuery('#statusUpdateButton').click(function () {
                    var USER_ID = _userdata["user_id"];
                    var statusText = jQuery('#statusUpdate').val();
                    var TID = jQuery('input[name="tid"]').val() + '';
                    jQuery.post("/ajax_profile.forum?jsoncallback=?", {
                        id: "1",
                        user: USER_ID,
                        active: "1",
                        content: '[["profile_field_13_2", "' + statusText + '"]]',
                        tid: TID
                    }, function (data) {
                        jQuery('#statusUpdate').val('');
                        jQuery('#statusTitle').html('Carregando novo estado...<span id="statusNovoAtual" style="display:none;"></span>');
                        jQuery('#statusNovoAtual').load('profile?mode=editprofile&page_profil=informations #profile_field_13_2', function () {
                            jQuery('#statusNovoAtual').hide();
                            var statusTextAtual = jQuery('#statusNovoAtual #profile_field_13_2').val();
                            jQuery('#statusTitle').html('Status atual: <br/><span id="statusAtualText">"' + statusTextAtual + '"</span>');
                            var statusTextChat = jQuery('#statusAtualText').text();
                        });
                        console.log("OK: ajax_profile, userID = " + USER_ID);
                    }, "json").fail(function () {
                        alert("Houve um erro a atualizar o status! Se este problema persistir, contate os administradores.")
                        console.log("error: ajax_profile, userID = " + USER_ID);
                    });
                });
            });
            jQuery(function () {
                jQuery('#statusAtual').load('profile?mode=editprofile&page_profil=informations #profile_field_13_2', function () {
                    jQuery('#statusAtual').hide();
                    var statusText = jQuery('#statusAtual #profile_field_13_2').val();
                    jQuery('#statusTitle').html('Status atual: <br/><span id="statusAtualText">"' + statusText + '"</span>');
                });
            });
        </script>
  </div>
</div>

O widget deve estar configurado assim: http://prntscr.com/42v6pk

Agora no template viewtopic_body procure por:

{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}

E altere por:

Código:

<span id="topicUserField">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</span>

Salve e publique o template... e depois disto, crie um novo javascript com esse código (investido nos tópicos):

Código:

$(function () {
    $('.label:contains("Status:")').hide().attr('id', 'statusLabel');
    $('.label:contains("Status")').each(function () {
        var self;
        self = $(this);
        self.closest('.user').prepend(self.parent());
    });
});

Até mais.

Pronto já está criado

Alterei minha mensagem acima, detalhando o que será necessário o senhor adicionar, basta seguir as instruções passadas.

Fico no aguardo da sua resposta.

Até mais.

Continua em baixo

Pode fechar o Tópico irei bolar uma adptação maneira que acabei de ver vlw while.