Membro do Mês com Bug
Página 1 de 1
Membro do Mês com Bug
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
* 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)
Convidado- Convidado
Re: Membro do Mês com Bug
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
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
Re: Membro do Mês com Bug
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>
Ú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!)
Re: Membro do Mês com Bug
Infelizmente não funcionou.
Só para comentar que ele se baseia no widget membros mês para buscar a informação. Não havia mencionado antes.
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)
Convidado- Convidado
Re: Membro do Mês com Bug
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
JS
Última edição por JScript em Ter 30 Jul 2013, 3:14 pm, editado 1 vez(es) (Motivo da edição : HIDE_POST)
Re: Membro do Mês com Bug
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)
Convidado- Convidado
Re: Membro do Mês com Bug
Me desculpe pois errei em um seletor!
tente novamente: http://jscript.forumeiros.com/t145-membro-do-mes-com-bug#706
JS
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)
Re: Membro do Mês com Bug
Opa, agora funcionou mas desconfigurou a aparência dele.
Pode olhar no fórum, fica mais fácil de visualizar.
http://3design.forumeiros.com/
Pode olhar no fórum, fica mais fácil de visualizar.
http://3design.forumeiros.com/
Convidado- Convidado
Re: Membro do Mês com Bug
De que forma desconfigurou? Pergunto pois ainda não tinha visto esse código funcionando...
Uma dica pra imagem ficar no tamanho ideal:
http://jscript.forumeiros.com/t145-membro-do-mes-com-bug#706
JS
Uma dica pra imagem ficar no tamanho ideal:
- Código:
#avat > img {
max-height: 120px;
max-width: 120px;
}
http://jscript.forumeiros.com/t145-membro-do-mes-com-bug#706
JS
Re: Membro do Mês com Bug
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:Hastag escreveu:Não resultou a mudança no código.
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
Re: Membro do Mês com Bug
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.
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.
Convidado- Convidado
Re: Membro do Mês com Bug
Ah sério, não acredito que teve este problema denovo :S
Ai fica complicado. ###
Ai fica complicado. ###
Convidado- Convidado
Re: Membro do Mês com Bug
Tópico encerrado pois já foi resolvido e não há mais nada a acrescentar!
*Click*
JS
*Click*
JS
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|