O codigo não funfa de ao colocar a seta no nome da pessoa aparece o balão do perfil dele ajudem

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

Resolvido O codigo não funfa de ao colocar a seta no nome da pessoa aparece o balão do perfil dele ajudem

Mensagem por @Evil em 27/02/13, 07:01 pm

Qual é minha questão:
Pessoal não deu certo o sistema do balão flutuante do perfil que ao colocar a seta no nome do cara aparece o perfil dele e fiz tudo certinho no tutorial mais não deu até que apareceu no destaque do mês uma coisa cinza que nem o codigo que tinha amostrando a imagem mais não deu certo algum codigo que funfe? 
O link do tutorial: http://ajuda.forumeiros.com/t73776-tutorial-informacoes-de-um-membro-em-balao-phpbb3-e-punbb

Endereço do meu fórum:
http://universomaker.foruns.com.pt

Versão do fórum:
PHPBB3


Última edição por Evil em 27/02/13, 07:50 pm, editado 1 vez(es)
avatar

@Evil
Usuário destaque

Masculino
Inscrito dia : 24/02/2013
Mensagens : 505
Pontos Ativos : 754

Ver perfil do usuário http://coracaodomaker.fantasyboard.net/

Resolvido Re: O codigo não funfa de ao colocar a seta no nome da pessoa aparece o balão do perfil dele ajudem

Mensagem por DarkDoki em 27/02/13, 07:06 pm

Olá!
Aqui está funcionando normal, só está um pouco desarrumado :


Se estiver utilizando o navegador Internet Explorer ou Firefox, aconselho mudar para google chrome.

DarkDoki
Nível 10

Masculino
Inscrito dia : 01/11/2011
Mensagens : 250
Pontos Ativos : 390

Ver perfil do usuário http://darkcheatsbr.com

Resolvido Re: O codigo não funfa de ao colocar a seta no nome da pessoa aparece o balão do perfil dele ajudem

Mensagem por Cooper em 27/02/13, 07:40 pm

Olá

Vá em Painel de Controle > Visualizaçaoes > Cores > Folha Estinho CSS:
Código:
.topiclist.forums dd.lastpost{-moz-border-radius:7px;-webkit-border-radius:7px;border:2px solid #eee;border-radius:7px;-moz-box-shadow:1px 1px 5px #9C9C9C; -webkit-box-shadow:1px 1px 5px #9C9C9C; box-shadow:1px 1px 5px #9C9C9C}

Depois :

Painel de controle >> Módulos >> HTML & JAVASCRIPT >> Gestão dos códigos Javascript >> Criar novo código Javascript:

Nome: O que desejas
Intestimento: No indice
Código Javascript:
Código:
$(document).on('ready', function() {
    $('.topiclist.forums .row .lastpost').prepend('<div class="avatar-index"><div>');
    $('.topiclist.forums .row .lastpost .avatar-index').each(function () {
        var profileUserURL = $(this).parent().children('span').children('strong').children('a').attr('href');
        $(this).html('<a href="' + profileUserURL + '" class="avatar-index-enlace"><img src="http://cdn1.iconfinder.com/data/icons/basicset/user_64.png" alt="No Avatar" /></a>');
        $(this).children('a').load(profileUserURL + ' .module:eq(0) img:eq(0)')
    });
});

Depois vai em

Painel de controle >> Visualização >> Imagens e cores >> Cores >> Folha de estilo CSS >> Adicione o seguinte código
Código:
.avatar-index { float: left; }
.avatar-index img { width: 40px; height: 40px; padding: 1px; border: 1px solid #cfcfcf; margin: 0 5px;padding: 1px;}


Valide ^^
avatar

Cooper
Usuário avançado

Masculino
Inscrito dia : 18/02/2013
Mensagens : 318
Pontos Ativos : 593

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

Resolvido Re: O codigo não funfa de ao colocar a seta no nome da pessoa aparece o balão do perfil dele ajudem

Mensagem por @Evil em 27/02/13, 07:46 pm

~DarkCheats escreveu:Olá!
Aqui está funcionando normal, só está um pouco desarrumado :


Se estiver utilizando o navegador Internet Explorer ou Firefox, aconselho mudar para google chrome.
a consegui e porque pensei que quando colocava a seta em qualquer canto abria mais não ei pode me ajudar as imagens de reputação e mensagem que coloquei não apareçe ):
avatar

@Evil
Usuário destaque

Masculino
Inscrito dia : 24/02/2013
Mensagens : 505
Pontos Ativos : 754

Ver perfil do usuário http://coracaodomaker.fantasyboard.net/

Resolvido Re: O codigo não funfa de ao colocar a seta no nome da pessoa aparece o balão do perfil dele ajudem

Mensagem por DarkDoki em 27/02/13, 07:49 pm

Posso sim!
crie outro tópico com esse assunto .

DarkDoki
Nível 10

Masculino
Inscrito dia : 01/11/2011
Mensagens : 250
Pontos Ativos : 390

Ver perfil do usuário http://darkcheatsbr.com

Resolvido Re: O codigo não funfa de ao colocar a seta no nome da pessoa aparece o balão do perfil dele ajudem

Mensagem por @Evil em 27/02/13, 07:50 pm

~DarkCheats escreveu:Posso sim!
crie outro tópico com esse assunto .
criei amigo Muito feliz
avatar

@Evil
Usuário destaque

Masculino
Inscrito dia : 24/02/2013
Mensagens : 505
Pontos Ativos : 754

Ver perfil do usuário http://coracaodomaker.fantasyboard.net/

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