[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.
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>
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>
Clique na imagem para visualizar ?
Clique na imagem para visualizar ?
Desenvolvido por D'Leandro™ | [F]lames
Editado e Postado por 2012 © Staffer Group BR™
Editado e Postado por 2012 © Staffer Group BR™