#1
 D'Leandro™

D'Leandro™
Fundador
[Tutorial] User Stats

E ae gente?
Eu inventei mais um código bizarro, tive uma ajudinha do [F]lames!
Estes codigos podem apresentar erros se utilizados junto a codigos que exibem avatar no lastpost.

--> Visitante <--
Neste primeiro codigo o stats mostra que o membro não esta logado e oferece opçoes para que ele logue-se ou registre-se.

: Flexa :Coloque em um widget, clique em e marque apenas (x) Convidados


Código:
<style>
#imhavat {
    border: none;
    border-radius: 4px;}
#bottonadc:hover {
    background: #e0f3fa;
    background: -moz-linear-gradient(top,  #e0f3fa 0%, #d8f0fc 50%, #b8e2f6 51%, #b6dffd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0f3fa), color-stop(50%,#d8f0fc), color-stop(51%,#b8e2f6), color-stop(100%,#b6dffd));
    background: -webkit-linear-gradient(top,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
    background: -o-linear-gradient(top,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
    background: -ms-linear-gradient(top,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
    background: linear-gradient(to bottom,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f3fa', endColorstr='#b6dffd',GradientType=0 );}
#bottonadc {
    argin: 2px;
    width: 50px;
    font-weight: bold !important;
    margin-left: 2px !important;
    color: rgb(30, 144, 255);
    padding: 4px 10px !important;
    border-radius: 3px;
    border: 0px solid rgb(221, 221, 221);
    text-align: center;
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );}
#ilavamosnos {
    position: absolute;
    top: 5px !important;
    right: 5px !important;
    padding: 5px;
    width: auto;
    border-radius: 5px;
    color: #fff;
    background: #45484d;
    background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000));
    background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%);
    background: -o-linear-gradient(top,  #45484d 0%,#000000 100%);
    background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%);
    background: linear-gradient(to bottom,  #45484d 0%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );}
</style>
<script>jQuery(document).ready(function() {jQuery.get('/profile?mode=editprofile&page_profil=avatars',function(data) {var link=jQuery('form[action="/profile"] .panel .inner fieldset:first dl:first dd img',data).attr('src');jQuery('#ilavamosnos table tr:first td:first img').attr('src',link).css({'width':'50px','height':'50px'});});});</script>
<span id="ilavamosnos"><a href="http://www.whatsmyip.us" style="color:black;"><b></b></a>
<table border="0"><tr>
<td><img id="imhavat" src="http://i71.servimg.com/u/f71/17/71/75/73/defaul10.jpg" /></td>
<td style="padding: 0px 00px 0px 10px;">
<span style="margin-left: 30px; color: #1E90FF; font-size: 15px; text-transform: none;"><b>Visitante</b></span>
<br><br>Apartir do IP <script type="text/JavaScript" src="http://www.whatsmyip.us/showipsimple.php"></script>
<td style="padding: 0px 0px 0px 20px;">
<div id="bottonadc"><a href="/login">Entrar</a></div>
<div id="bottonadc"><a href="/register?agreed=true&step=2">Registrar</a></div>
</td></td></tr></table></span>



--> Membro <--
Neste segundo codigo o stats mostra que o membro esta logado e oferece opçoes para que ele editar seu perfil ou sair.

: Flexa :Coloque em um widget, clique em e DESmarque apenas ( ) Convidados


Código:
<style>
#imhavat {
    border: none;
    border-radius: 4px;
}
#bottonadc:hover {
    background: #e0f3fa;
    background: -moz-linear-gradient(top,  #e0f3fa 0%, #d8f0fc 50%, #b8e2f6 51%, #b6dffd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0f3fa), color-stop(50%,#d8f0fc), color-stop(51%,#b8e2f6), color-stop(100%,#b6dffd));
    background: -webkit-linear-gradient(top,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
    background: -o-linear-gradient(top,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
    background: -ms-linear-gradient(top,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
    background: linear-gradient(to bottom,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f3fa', endColorstr='#b6dffd',GradientType=0 );}
#bottonadc {
    margin: 2px;
    width: 50px;
    font-weight: bold !important;
    margin-left: 2px !important;
    color: rgb(30, 144, 255);
    padding: 4px 10px !important;
    border-radius: 3px;
  border: 0px solid rgb(221, 221, 221);
    text-align: center;
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
  background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );}
#ilavamosnos {
    position: absolute;
    top: 5px !important;
    right: 5px !important;
    padding: 5px;width: auto;
    border-radius: 5px;
    color: #fff;
    background: #45484d;
    background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000));
    background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%);
    background: -o-linear-gradient(top,  #45484d 0%,#000000 100%);
    background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%);
    background: linear-gradient(to bottom,  #45484d 0%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );}
</style>
<script>jQuery(document).ready(function() {jQuery.get('/profile?mode=editprofile&page_profil=avatars',function(data) {var link=jQuery('form[action="/profile"] .panel .inner fieldset:first dl:first dd img',data).attr('src');jQuery('#ilavamosnos table tr:first td:first img').attr('src',link).css({'width':'50px','height':'50px'});});});</script>
<span id="ilavamosnos"><a href="http://www.whatsmyip.us" style="color:black;"><b></b></a>
 <table border="0"><tr>
 <td><img id="imhavat" src="http://img407.imageshack.us/img407/1396/ajaxloaderi.gif" /></td>
 <td style="padding: 0px 00px 0px 10px;">
 <span style="margin-left: 30px; color: #1E90FF; font-size: 15px; text-transform: none;"><b>{USERLINK}</b></span>
 <br><br>Apartir do IP <script type="text/JavaScript" src="http://www.whatsmyip.us/showipsimple.php"></script>
 <td style="padding: 0px 0px 0px 20px;">
 <div id="bottonadc"><a href="/profile?mode=editprofile">Perfil</a></div>
 <div id="bottonadc"><a href="/login?logout=1">Sair</a></div>
 </td></td></tr>
 </table>
</span>


--> Deslogado<--

Clique na imagem para visualizar ?


--> Logado<--

Clique na imagem para visualizar ?

Desenvolvido por D'Leandro™ | [F]lames
Editado e Postado por 2012 © Staffer Group BR™

#2
 'Fusion

'Fusion
Membro
Obrigado vo usar.

#3
 Gmtp

Gmtp
Membro
Olá

Edita sua imagem o quanto mais breve possivel, pois assim da para ver seu ip

Até mais

#4
 D'Leandro™

D'Leandro™
Fundador
Obrigado Kio, ja editei '-'

#5
 'Fusion

'Fusion
Membro
Funcionou perfeitamente vlws

#6
 Gmtp

Gmtp
Membro
Olá

Gostaria de saber como eu coloco o chat box auto login?

Até mais

#7
 D'Leandro™

D'Leandro™
Fundador
Kio Abra um topico na area correta!
Nao prestamos suporte na area de tutoriais!

Ate mais!

#8
 Jose Hamizaki

Jose Hamizaki
Membro
Muito legal esse codigo, obrigado por compartilhar.

#9
 Chronos

Chronos
Moderador
Obrigado Por Corpartilahr.

#10
 HugoPimenta

HugoPimenta
Membro
Olá, bem legal o tutorial.

Até.

#11
 ®'Martins

®'Martins
Membro
Irei testar,pois preciso deste tiode code para melhoria de meu forum!

Obrigado!

#12
 fojogo

fojogo
Membro
Otimo está de parabens

#13
 Hades

Hades
Membro
Nóssa Muito Obrigado Leandro vocÊ é o melhor , e mais uma coisa , tem alguma aula designer bem boa ?

#14
 Gmtp

Gmtp
Membro
Olá

Nossa exclui meus cookies rs

Até mais

#15
 Stark'

Stark'
Membro
Muito Bom

#16
 gui8920

gui8920
Membro
Vou testar, thanks :)

#17
 GyGu

GyGu
Membro
Parece-me bom vou testar.

#18
 Chorão

Chorão
Membro
\o/ Muito bom Mano!
Vo Ver si Aeito um Espaço q fique bom no meu Fórum!

#19
 Zoster

Zoster
Membro
otimo tutorial

#20
 Jose Hamizaki

Jose Hamizaki
Membro
O efeito ficou otimo, estão de parabens.

#21
 Zoster

Zoster
Membro
Olá, bem legal o tutorial.

Até.

#22
 Metin2Oficial

Metin2Oficial
Novato
Vou testar, muito obrigado pelo compartilhamento do código.

#23
 Mr.GamingPT

Mr.GamingPT
Membro
up

#24
 JQuery

JQuery
Membro
lindo mkk

#25
 JQuery

JQuery
Membro
okyhutgrfe

#26
 Conteúdo patrocinado