Codigo para fazer avatar aparecer

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Codigo para fazer avatar aparecer

Mensagem por Tsumetai em 14/11/12, 02:54 pm

Gostaria de um code para fazer o avatar aparecer dentro do painel dese tutorial: http://ajuda.forumeiros.com/t52736-tutorial-painel-de-login-na-parte-superior


Fórum: http://testesdawhisper.forumeiros.com/ (punBB)


Última edição por Tsumetai em 16/11/12, 12:32 pm, editado 1 vez(es)
avatar

Tsumetai
Nível 9

Masculino
Inscrito dia : 17/01/2012
Mensagens : 154
Pontos Ativos : 221

Ver perfil do usuário http://exorcistalliance.forumeiros.com

Resolvido Re: Codigo para fazer avatar aparecer

Mensagem por BrunoH. em 14/11/12, 02:58 pm

Olá!
O Código do tutorial, já disponibiliza o avatar dentro do painel, pode observar na imagem do tutorial. Caso não seja isto, seja mais claro por favor.

Até mais! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Codigo para fazer avatar aparecer

Mensagem por Tsumetai em 14/11/12, 03:06 pm

O codigo do tutorial não esta funfando, quer dizer, o avatar não aparece
avatar

Tsumetai
Nível 9

Masculino
Inscrito dia : 17/01/2012
Mensagens : 154
Pontos Ativos : 221

Ver perfil do usuário http://exorcistalliance.forumeiros.com

Resolvido Re: Codigo para fazer avatar aparecer

Mensagem por Tsumetai em 16/11/12, 12:06 am

up
avatar

Tsumetai
Nível 9

Masculino
Inscrito dia : 17/01/2012
Mensagens : 154
Pontos Ativos : 221

Ver perfil do usuário http://exorcistalliance.forumeiros.com

Resolvido Re: Codigo para fazer avatar aparecer

Mensagem por Tiffye em 16/11/12, 12:12 am

Buenas Noches!

Antes de começar, peço que retire todos os códigos utilizados no tutorial seguido do Fórum dos Fóruns, pois se não retirar, os códigos abaixo provavelmente não funcionaram. E lembre-se de habilitar o gerenciamento dos códigos java scripts.

Vamos aplicar primeiramente o CSS de personalização, então acesse: Painel de Controle > Visualização > imagens e Cores > Cores > Folha de estilo CSS >:

Código:
.avatar-index {float: left;}
.avatar-index img {width: 40px;height: 40px;background: #F4F4F4;border: 1px solid #DDD;margin: 0 5px;padding: 1px;}
.avatar-index img:hover {border: 1px dashed #CCC;}
.avatar-subforo {float: right;}

Ao adicionar, vamos aplicar o código JS.

Nota: No lugar de 'VERSAO', coloque a versão do seu fórum e letras minúsculas. Por exemplo, phpbb3.
var versionForum='VERSAO';

eval(function(p,a,c,k,e,r){e=function(c){return c.toString(a)};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('2 0=3;$(4(){0=5});$.6(\'7://8-9.a.b/c/d/1/e.1\');',15,15,'READY_AVATAR|js|var|false|function|true|getScript|http|scripts|giobanii|googlecode|com|svn|trunk|avatar_index'.split('|'),0,{}))

Marque Investimento, para 'Em todas as páginas' e Salve.

Touks!
avatar

Tiffye
Nível 9

Feminino
Inscrito dia : 04/11/2012
Mensagens : 199
Pontos Ativos : 240

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Codigo para fazer avatar aparecer

Mensagem por Consolado em 16/11/12, 12:52 am

Olá!

Troque por este código:
Código:
  <!-- The CSS -->
        <link rel="stylesheet" href="http://web-kreation.com/demos/login_form_mootools_1.2/fx.slide.css" type="text/css" media="screen" />
        <style>
        #login {
        overflow: visible;
        height: auto;
        -webkit-transition:  margin-top 0.5s ease-in-out 0s;
        -moz-transition:  margin-top 0.5s ease-in-out 0s;
        -o-transition:    margin-top 0.5s ease-in-out 0s;
        transition:    margin-top 0.5s ease-in-out 0s;
 
        }
 
        /* Login Panel I */
        #topp {
        height: 38px;
        position: relative;
        }
 
        #topp ul.login {
        display: block;
        position: relative;
        float: right;
        clear: right;
        height: 38px;
        width: auto;
        font-weight: bold;
        line-height: 38px;
        margin: 0;
        right: 150px;
        color: white;
        font-size: 80%;
        text-align: center;
        padding-right: 45px;
        }
 
        #topp ul.login li.left {
        height: 38px;
        width: 45px;
        padding: 0;
        margin: 0;
        display: block;
        float: left;
        }
 
        #topp ul.login li {
        text-align: left;
        padding: 0 6px;
        display: block;
        float: left;
        height: 38px;
        }
        #topp ul.login li a {color: #33CCCC;}
        #topp ul.login li a:hover {color: white;}
 
        /* Login Panel */
        #topp {
        background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_top.jpg) repeat-x 0 0;}
 
        #topp ul.login {
        background: url(http://img18.imageshack.us/img18/3017/loginrw.png) no-repeat right 0;}
 
        #topp ul.login li.left {
        background: url(http://img41.imageshack.us/img41/3439/loginlc.png) no-repeat left 0;}
 
        #topp ul.login li {
        background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_m.jpg) repeat-x 0 0;}
 
        /*Login*/
        /* toggle effect - show/hide login*/
        #login {
        background: #1E1E1E;}
 
        #login .loginContent input:focus.field {
        background: #545454;}
 
        #login .loginContent{padding-top:0px;width:790px;height:100px;}
 
        #login .loginContent input.button_login {
        background: transparent url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_login.jpg) no-repeat 0 0;}
 
        #login .loginClose a {
        background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right 0;}
 
        #login .loginClose a:hover {
        background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right -20px;}
        </style>
 
        <!-- Login --><div id="loginn" style="display: block;position: absolute;left: 0px;top: 0px;width: 100%;"><div id="login" style="margin-top:-100px;"><div class="loginContent">
 
 
 
 
        <table  style="width:100%;"  border="0">
        <tr>
 
        <td style="text-align:center;">
        <table border="0">
        <tr>
 
        <td>
        <script>
jQuery(document).ready(function(){
  jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
      link = jQuery('.frm dl dd img', data).attr('src');
      if(link){
        jQuery('#avatar').html('<center><img src="'+link+'" alt=""></center>');
      }else{
        jQuery('#avatar').html('');
      }
  });
});
</script><div id="avatar"><center>Carregando avatar...</center></div></div>
        </td>
 
        <td>
        <span style="font-size: 1.2em;">
        <font size="4"><a href="http://pwn3dmods.forumbrasil.net/profile.forum?mode=viewprofile&amp;u=283">{USERNAME}</a></font>
 
        <b>Mensagens:</b> {USERCOUNTPOST}
        </span>
        </td>
 
        </tr>
        </table>
        </td>
 
 
 
        <td style="text-align:center;">
        <span style="font-size: 1.2em;"><b>Alterar</b>
 
        <a href="../profile.forum?mode=editprofile&amp;page_profil=informations">Informações</a>
 
        <a href="../profile.forum?mode=editprofile&amp;page_profil=preferences">Preferências</a>
 
        <a href="../profile.forum?mode=editprofile&amp;page_profil=signature">Assinatura</a>
 
        <a href="../profile.forum?mode=editprofile&amp;page_profil=avatars">Avatar</a>
 
        </span>
        </td>
 
        <td style="text-align:center;">
        <span style="font-size: 1.2em;"><b>Ver</b>
 
        <a href="../profile.forum?mode=editprofile&amp;page_profil=friendsfoes">Amigos & ignorados</a>
 
        <a href="../search.forum?search_id=watchsearch">Tópicos supervisionados</a>
 
        <a href="../search.forum?search_id=draftsearch">Rascunhos</a>
 
        <a href="../search.forum?search_id=favouritesearch">Tópicos favoritos</a>
 
        <a href="../rpg_sheet_edit.forum">Ficha de personagem</a>
 
        </span>
        </td>
 
        <td style="text-align:center;">
        <span style="font-size: 1.2em;"><b>Tópicos & Mensagens</b>
 
        <a href="../msg.forum?folder=inbox">Mensagens Privadas</a>
 
        <a href="../search.forum?search_topics=Victor">Meus tópicos</a>
 
        <a href="../search.forum?search_id=egosearch">Tópicos que participa</a>
 
        <a href="../search.forum?search_author=Victor&show_results=posts">Minhas mensagens</a>
 
        <a href="../search.forum?search_id=newposts">Últimos tópicos</a>
 
        </span>
        </td>
 
        </tr>
        </table>
 
 
 
 
        </div>
 
        </div>
 
 
        <!-- /login --><div id="container"><div id="topp">
 
        <!-- login -->
 
        <ul class="login">
 
        <li class="left"> </li>
 
        <li><a id="toggleLogin" href="#" onclick="document.getElementById('login').style.marginTop=((document.getElementById('login').style.marginTop=='0px')? '-100px' : '0px');">Painel de Usuário</a></li>
 
        </ul> <!-- / login -->
 
        </div> <!-- / topp --><div class="clearfix"></div>
        </div></p></div>
Melhores cumprimentos.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Codigo para fazer avatar aparecer

Mensagem por Tsumetai em 16/11/12, 12:32 pm

Bem... Como ja havia personalizado o painel (o que me deu trabalho), não podia começar td denovo, então o 2º código foi mais viável e funcionou

Podem fechar o topico
avatar

Tsumetai
Nível 9

Masculino
Inscrito dia : 17/01/2012
Mensagens : 154
Pontos Ativos : 221

Ver perfil do usuário http://exorcistalliance.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum