Criar um painel de usuário

[Japa.Origin]

Detalhes da questão

Endereço do fórum: baraowarface.livreforum.com
Versão do fórum: PhpBB3

Descrição

Bom gostaria de personalizar meu Widget como no desse site : warhax.com.br
como no da imagem:

[Fraise]

Olá!

Como assim amigo? Deseja o código desse widget?

Até mais.

[Japa.Origin]

Sim desculpe por não simplifica para ver esse widget você terá de ter uma conta no warhax
utilize está:
login: emicida
senha: emicida123

mais tbm deixarei o cod do elemento aki:

Código:

<div class="section visitorPanel">
   <div class="secondaryContent">
   
      <a href="members/emicida.24447/" class="avatar Av24447m" data-avatarhtml="true"><img src="data/avatars/m/24/24447.jpg?1437876778" width="96" height="96" alt="emicida"></a>
      
      <div class="visitorText">
         <h2><span class="muted">Signed in as</span> <a href="members/emicida.24447/" class="username NoOverlay" dir="auto">emicida</a></h2>      
         <div class="stats">
         
            <dl class="pairsJustified"><dt>Mensagens:</dt> <dd>0</dd></dl>
            <dl class="pairsJustified"><dt>Aprovações:</dt> <dd>0</dd></dl>
            <dl class="pairsJustified"><dt>Pontos:</dt> <dd>0</dd></dl>
         </div>
         
      </div>
      
   </div>
</div>

[Japa.Origin]

Alguém Poderia me Ajudar Com essa QUESTÃO

[Fraise]

Olá,

Antes do mais, as mensagens consecutivas só são permitidas após passarem 24 horas desde da sua última, queira ler o regulamento do setor de suporte para evitar futuras punições que poderem ser mais severas. Também advirto-o que o uso de formatações não é permitido.

Quanto à sua dúvida, o login e a senha que o senhor forneceu não se encontram funcionais.

Até mais.
Fraise

[Japa.Origin]

Primeiramente FRAISE O erro foi na digitação pois a senha foi pois aqui a conta passada loga perfeitamente
por favor olhe novamente os caracteres para ver se estão certos :

[Fraise]

Olá,

Leia:
https://ajuda.forumeiros.com/t16713-

Até mais.
Fraise

[Japa.Origin]

Bom fraise COMO já havia dito não foi isso que pedi. PEDI UM COD PARA WIDGET NÃO PARA PORTAL.

[Kallahari]

Olá,

Passe-me o link do Fórum aonde viu esse tal widget. Talvez eu mesmo faço um igual exclusivo para você grauitamente, aguardo suas respostas.

Atenciosamente,
Fatalisss

[Japa.Origin]

site: http://warhax.com.br/forum4/login/
use esse login para entrar :
login: emicida
senha: emicida123

[Kallahari]

Olá,

Quando tento entrar no site ele diz que o conteúdo do site é malicioso e eu não tenho nenhuma opção de escolher se entro ou saiu. Portanto, não poderia ajuda-lo.. visto que o site é prejudicial.

Até mais..

[Japa.Origin]

Bom na verdade não é prejudicial MAIS SIM POR QUE TEM MUITOS POP UPS E ANUNCIOS fica por sua decisão entrar ou não e se estiver utilizando o google chrome faça o seguinte
vá em detalhes e vá em visitar site. se encontra no final da página

[Japa.Origin]

Alguém ai ??

[Fraise]

Olá,

Seria algo assim?

Código:

<table style="margin:auto">
    <tbody>
        <tr>
            <td>
                <img alt="" border="0" src="http://r36.imgfast.net/users/3613/11/27/77/avatars/gallery/downlo10.jpg" />
            </td>
            <td>
                Mensagens: {USERCOUNTPOST}
            </td>
        </tr>
    </tbody>
</table>

Até mais.
Fraise

[Japa.Origin]

Fraise sim é isso mais, O WIDGET É DO MEMBRO E NÃO MEU  gostaria que apresentasse o avatar de cada membro cada membro veria seu avatar. E gostaria que o avatar do membro aparecesse em forato de redondo:

[Fraise]

Olá,

Assim?

Código:

 <script type="text/javascript" src="http://illiweb.com/fa/js_16/collapsible_faq.js"></script>            <span style="font-size: 18px;">{USERLINK}</span><script>
            jQuery(document).ready(function(){
            jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
            link = jQuery('.panel dl:first img', data).attr('src');
            jQuery('#avatar').attr('src', link);
            });
            });
            </script>
<table style="margin:auto">
      
   <tbody>
      <tr>
            
         <td>
              <img id="avatar" />   
         </td>
            
         <td>
              Mensagens: {USERCOUNTPOST} 
         </td>
            
      </tr>
         
   </tbody>
</table>

Até mais.
Fraise

[Japa.Origin]

Gostaria que a imagem ficasse em tamanho arredondado

[Fraise]

Olá,

Veja se agora está ao seu agrado:

Código:

 <script type="text/javascript" src="http://illiweb.com/fa/js_16/collapsible_faq.js"></script>            <span style="font-size: 18px;">{USERLINK}</span><script>
            jQuery(document).ready(function(){
            jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
            link = jQuery('.panel dl:first img', data).attr('src');
            jQuery('#avatar').attr('src', link);
            });
            });
            </script>
         <style>
         #avataar {
         border:#000;
         border-radius:12px;
         }
<table style="margin:auto">
     
  <tbody>
      <tr>
           
        <td>
       <div id="avataar">
              <img id="avatar" /> 
        </div>          
        </td>
           
        <td>
              Mensagens: {USERCOUNTPOST} 
        </td>
           
      </tr>
         
  </tbody>
</table>

Até mais.
Fraise

[Japa.Origin]

A imagem do avatar não se arrendondou
quero a imagem redondo que nem uma bola de futball
e a imagem não se arredondou

[Fraise]

Olá,

Desculpe, esqueci de fechar um tag.
Veja assim:

Código:

 <script type="text/javascript" src="http://illiweb.com/fa/js_16/collapsible_faq.js"></script>            <span style="font-size: 18px;">{USERLINK}</span><script>
            jQuery(document).ready(function(){
            jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
            link = jQuery('.panel dl:first img', data).attr('src');
            jQuery('#avatar').attr('src', link);
            });
            });
            </script>
        <style>
        #avataar {
        border:#000;
        border-radius:12px;
        }
        </style>
<table style="margin:auto">
     
  <tbody>
      <tr>
           
        <td>
      <div id="avataar">
              <img id="avatar" /> 
        </div>         
        </td>
           
        <td>
              Mensagens: {USERCOUNTPOST} 
        </td>
           
      </tr>
         
  </tbody>
</table>

Até mais.

[Japa.Origin]

Bom ainda n resultou esta do msm jeito

[Fraise]

Olá,

Tente adicionar em sua CSS:

Código:

img#avatar {
    border: #000;
    border-radius: 120px!important;
}

Substitua o valor "120px" pelo valor desejado.

Até mais.
Fraise

[Japa.Origin]

pode fecharrrrr OBRIGADO FRAISE SEU DANADO

[Fraise]

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas.