JScript

Programação & Desenvolvimento


Você não está conectado. Conecte-se ou registre-se

Membro do Mês com Bug

Ir para baixo  Mensagem [Página 1 de 1]

1Membro do Mês com Bug Empty Membro do Mês com Bug Ter 30 Jul 2013, 6:49 am

Convidado

avatar
Convidado

Membro do Mês com Bug U78rfSx

Este tutorial é derivado de outro fórum, mas estou procurando ajuda para resolver o bug.
Ele estava funcionando até o momento que eu ativei o Perfil IPB, feito pelo querido JS Very Happy


* Ele não aparece as informações do membro.

Temos concerto?

Obrigado amigos, até logo.

#Edit

Código:
    <div class="main">
      <div class="main-head">
                    <div class="page-title">
                              <h2><img src="http://i.imgur.com/t79w65T.png"> Membro do mês</h2>
                    </div>
    </div>
          <div class="main-content">
            <table cellspacing="0" class="table">
                <tbody class="statused">
                                <tr>
                            <td width="135px" align="center" style="background-color: aliceBlue;">
                <div id="avat" class="UserPhoto">Carregando...</div>
            </td>
      <td>
      <div style="position:relative;left:-5px;padding:5px 0px 5px 15px;">
        <div style="border-bottom:1px solid lightgrey;padding-bottom:8px;">
          <h4><span id="link" style="font-size:1.3em;"></span>
    <span style="float:right;color:grey;font-size:10px;position:relative;">Membro cadastrado em: <span id="reg-membro" class="ipsBadge" style="background:green;"></span></span>                         
          </h4>
        </div>
      <p class="mess" style="padding-top:3px">
                  É uma honra ter você conosco, e você é a prova de que todo o esforço tem resultado. Parabéns pelo seu trabalho.   
                  </p><br />
                  <div style="padding:5px;float:right">
    <span class="ipsBadge ipsBadge_green reset_cursor"><div id="post-membro"></div> posts</span>
    <span class="ipsBadge ipsBadge_green reset_cursor"><div id="reput"></div> pontos de reputação</span>
                  </div>
    <p><strong>Localização: </strong><span class="local"></span></p>
    <p><strong>Comentários: </strong><span class="coment"></span></p>
                </div>
            </td>
                  </tr>
                </tbody>
            </table>
          </div>
    </div>
    <script>
    jQuery(document).ready(function(){
    jQuery('#link').html(jQuery('.module table[summary="Os membros mais ativos do mês"] td[width="30%"]:eq(0)').html());
    jQuery.get(jQuery('.module table[summary="Os membros mais ativos do mês"] td[width="30%"] a:eq(0)').attr('href'),function(bs){
    jQuery('#avat').html(jQuery('#profile-advanced-right .main-content.clearfix.center:eq(0)',bs).html());
    jQuery('#post-membro').html(jQuery('#field_id-6 dd',bs).html());
    jQuery('#reg-membro').html(jQuery('#field_id-4 dd',bs).html());
    jQuery('#reput').html(jQuery('#field_id-14 dd',bs).html());
    jQuery('.local').html(jQuery('#field_id-11 dd',bs).html());
    jQuery('.coment').html(jQuery('#field_id-20 dd',bs).html());
    });
    });
    </script>
    <style>
    .UserPhoto img:nth-child(1) {
    height: 90px;
    width: 90px;
    padding: 1px;
    border: 1px solid #D5D5D5;
    background: white;
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    }
    .ipsBadge {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #7ba60d;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 9px;
    font-weight: 700;
    height: 16px;
    line-height: 16px;
    margin-right: 8px;
    padding: 0 5px;
    text-transform: uppercase;
    vertical-align: middle;
    }
    #post-membro,
    #reg-membro,
    #reput,
    .local,
    .coment
    {display: inline-block;}
    </style>



Última edição por Hastag em Ter 30 Jul 2013, 12:15 pm, editado 1 vez(es)

2Membro do Mês com Bug Empty Re: Membro do Mês com Bug Ter 30 Jul 2013, 11:28 am

JScript

JScript
Administradores
Administradores

Olá!

Tudo tem uma solução, com certeza! Que tal postar o código referente? Basta editar o seu post adicionando-o, desta forma deixamos nosso fórum mais organizado!

Abraços,

JS

http://autoitbrasil.com

3Membro do Mês com Bug Empty Re: Membro do Mês com Bug Ter 30 Jul 2013, 12:16 pm

Convidado

avatar
Convidado


Adicionado.

4Membro do Mês com Bug Empty Re: Membro do Mês com Bug Ter 30 Jul 2013, 1:01 pm

JScript

JScript
Administradores
Administradores

Aqui está o código editado:
Código:

    <div class="main">
      <div class="main-head">
          <div class="page-title">
            <h2><img src="http://i.imgur.com/t79w65T.png"> Membro do mês</h2>
          </div>
      </div>
      <div class="main-content">
          <table cellspacing="0" class="table">
            <tbody class="statused">
                <tr>
                  <td align="center" style="background-color: aliceBlue;" width="135px">
                      <div class="UserPhoto" id="avat">
                        Carregando...
                      </div>
                  </td>
                  <td>
                      <div style="position:relative;left:-5px;padding:5px 0px 5px 15px;">
                        <div style="border-bottom:1px solid lightgrey;padding-bottom:8px;">
                            <h4><span id="link" style="font-size:1.3em;"></span>
                                        <span style="float:right;color:grey;font-size:10px;position:relative;">Membro cadastrado em: <span class="ipsBadge" id="reg-membro" style="background:green;"></span>
                                    </span></h4>
                        </div>
                        <p class="mess" style="padding-top:3px">É uma honra ter você conosco, e você é a prova de que todo o esforço tem resultado. Parabéns pelo seu trabalho.</p><br>

                        <div style="padding:5px;float:right">
                            <span class="ipsBadge ipsBadge_green reset_cursor">
                                <div id="post-membro"></div>
                            </span>
                            <span class="ipsBadge ipsBadge_green reset_cursor">posts</span>
                            <span class="ipsBadge ipsBadge_green reset_cursor">
                                <div id="reput"></div>
                            </span>
                            <span class="ipsBadge ipsBadge_green reset_cursor">pontos de reputação</span>
                        </div>
                        <p><strong>Localização:</strong> <span class="local"></span></p>
                        <p><strong>Comentários:</strong> <span class="coment"></span></p>
                      </div>
                  </td>
                </tr>
            </tbody>
          </table>
      </div>
    </div>
    <script>
      jQuery(document).ready(function(){
            jQuery('#link').html(jQuery('.module table[summary="Os membros mais ativos do mês"] td[width="30%"]:eq(0)').html());
            jQuery.get(jQuery('.module table[summary="Os membros mais ativos do mês"] td[width="30%"] a:eq(0)').attr('href'),function(data){
                jQuery('#avat').html(jQuery('#profile_tabs p', data).html());
                jQuery('#post-membro').html(jQuery('#field_id-6 div.field_uneditable', data).text());
                jQuery('#reg-membro').html(jQuery('#field_id-4 div.field_uneditable', data).text());
                jQuery('#reput').html(jQuery('#field_id-14 div.field_uneditable', data).text());
                jQuery('.local').html(jQuery('#field_id-11 div.field_uneditable', data).text());
                jQuery('.coment').html(jQuery('#field_id-20 div.field_uneditable', data).text());
            });
      });
    </script><style>
      .UserPhoto img:nth-child(1) {
      height: 90px;
      width: 90px;
      padding: 1px;
      border: 1px solid #D5D5D5;
      background: white;
      -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
      box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      }
      .ipsBadge {
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      background: #7ba60d;
      border-radius: 4px;
      color: #fff;
      display: inline-block;
      font-size: 9px;
      font-weight: 700;
      height: 16px;
      line-height: 16px;
      margin-right: 8px;
      padding: 0 5px;
      text-transform: uppercase;
      vertical-align: middle;
      }
      #post-membro,
      #reg-membro,
      #reput,
      .local,
      .coment
        {display: inline-block;}
    </style>
JS



Última edição por JScript em Ter 30 Jul 2013, 3:54 pm, editado 4 vez(es) (Motivo da edição : Modificações no código!)

http://autoitbrasil.com

5Membro do Mês com Bug Empty Re: Membro do Mês com Bug Ter 30 Jul 2013, 1:34 pm

Convidado

avatar
Convidado

Infelizmente não funcionou.

Membro do Mês com Bug V3dXesC

Só para comentar que ele se baseia no widget membros mês para buscar a informação. Não havia mencionado antes.



Última edição por JScript em Ter 30 Jul 2013, 3:15 pm, editado 1 vez(es) (Motivo da edição : HIDE_POST)

6Membro do Mês com Bug Empty Re: Membro do Mês com Bug Ter 30 Jul 2013, 2:30 pm

JScript

JScript
Administradores
Administradores

O código não é nada otimizado, mas veja se as novas alterações que fiz resolvem: http://jscript.forumeiros.com/t145-membro-do-mes-com-bug#706

JS



Última edição por JScript em Ter 30 Jul 2013, 3:14 pm, editado 1 vez(es) (Motivo da edição : HIDE_POST)

http://autoitbrasil.com

7Membro do Mês com Bug Empty Re: Membro do Mês com Bug Ter 30 Jul 2013, 2:45 pm

Convidado

avatar
Convidado

Na vdd sumiu apenas os outros dados que tava aparecendo.



Última edição por JScript em Ter 30 Jul 2013, 3:14 pm, editado 1 vez(es) (Motivo da edição : HIDE_POST)

8Membro do Mês com Bug Empty Re: Membro do Mês com Bug Ter 30 Jul 2013, 2:52 pm

JScript

JScript
Administradores
Administradores

Me desculpe pois errei em um seletor!

tente novamente: http://jscript.forumeiros.com/t145-membro-do-mes-com-bug#706

JS



Última edição por JScript em Ter 30 Jul 2013, 3:14 pm, editado 1 vez(es) (Motivo da edição : HIDE_POST)

http://autoitbrasil.com

9Membro do Mês com Bug Empty Re: Membro do Mês com Bug Ter 30 Jul 2013, 3:08 pm

Convidado

avatar
Convidado

Membro do Mês com Bug YtVKXjP

continua sem resultados.

10Membro do Mês com Bug Empty Re: Membro do Mês com Bug Ter 30 Jul 2013, 3:14 pm

JScript

JScript
Administradores
Administradores

http://autoitbrasil.com

11Membro do Mês com Bug Empty Re: Membro do Mês com Bug Ter 30 Jul 2013, 3:47 pm

Convidado

avatar
Convidado

Opa, agora funcionou mas desconfigurou a aparência dele.

Pode olhar no fórum, fica mais fácil de visualizar.

http://3design.forumeiros.com/

12Membro do Mês com Bug Empty Re: Membro do Mês com Bug Ter 30 Jul 2013, 3:49 pm

JScript

JScript
Administradores
Administradores

De que forma desconfigurou? Pergunto pois ainda não tinha visto esse código funcionando...

Uma dica pra imagem ficar no tamanho ideal:
Código:

#avat > img {
  max-height: 120px;
  max-width: 120px;
}
Edit: Seu código já estava dessa forma, mas tente novamente esta pequena modificação:
http://jscript.forumeiros.com/t145-membro-do-mes-com-bug#706

JS

http://autoitbrasil.com

13Membro do Mês com Bug Empty Re: Membro do Mês com Bug Ter 30 Jul 2013, 4:26 pm

Convidado

avatar
Convidado

Não resultou a mudança no código.

14Membro do Mês com Bug Empty Re: Membro do Mês com Bug Ter 30 Jul 2013, 4:43 pm

JScript

JScript
Administradores
Administradores

Hastag escreveu:Não resultou a mudança no código.
Definitivamente isso não é resposta pois eu vi que o código está funcionando, apenas você não adicionou no CSS o que passei nessa resposta:
http://jscript.forumeiros.com/t145-membro-do-mes-com-bug#714

Veja nesta imagem https://i.imgur.com/BnXDfRM.png que eu adicionei o código no CSS e ficou perfeito não?

JS

http://autoitbrasil.com

15Membro do Mês com Bug Empty Re: Membro do Mês com Bug Ter 30 Jul 2013, 4:46 pm

Convidado

avatar
Convidado

Perdão erro meu, acabei esquecendo de colocar o resto do code.
O avatar está perfeito,mas perceba que tanto o nº post,reputação e data de cadastramento estão cortados, poderia verificar fazendo favor, como solucionar?

Obrigado.

16Membro do Mês com Bug Empty Re: Membro do Mês com Bug Ter 30 Jul 2013, 4:51 pm

JScript

JScript
Administradores
Administradores

Nessa imagem não está nada cortado: https://i.imgur.com/BnXDfRM.png

So long,

JS

http://autoitbrasil.com

17Membro do Mês com Bug Empty Re: Membro do Mês com Bug Ter 30 Jul 2013, 5:09 pm

Convidado

avatar
Convidado

Ah sério, não acredito que teve este problema denovo :S

Ai fica complicado. ###

Membro do Mês com Bug D9PBkeK

18Membro do Mês com Bug Empty Re: Membro do Mês com Bug Ter 30 Jul 2013, 5:20 pm

JScript

JScript
Administradores
Administradores

Tópico encerrado pois já foi resolvido e não há mais nada a acrescentar!

*Click*

JS

http://autoitbrasil.com

Conteúdo patrocinado



Ir para o topo  Mensagem [Página 1 de 1]

Tópicos semelhantes

-

» Membro do Mes
» Membro que curtiu.
» Membro mais novo!

Permissões neste sub-fórum
Não podes responder a tópicos