Você não está conectado. Conecte-se ou registre-se

Ficha do Avatar

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

1 Ficha do Avatar em Sex Fev 13, 2015 7:40 am

GXGamer

avatar
Membro ativo

  • Descrição:
Olá, eu queria um botão que você clicava e aparecia a ficha
Exemplo:
http://prntscr.com/64iueu

http://prntscr.com/64iujz

Gostaria que também isso fosse editável
  • Informações:
Fórum:http://naruto-survival.forumeiros.com/Versão:PHPBB2
Tipo:Pedido de códigoTags:Ficha,Avatar

Ver perfil do usuário

2 Re: Ficha do Avatar em Sab Fev 14, 2015 2:36 pm

GXGamer

avatar
Membro ativo

Comentando para não ficar parado

Ver perfil do usuário

3 Re: Ficha do Avatar em Seg Fev 16, 2015 3:18 pm

Alex Habilidade

avatar
Membro ativo

Olá,

Me forneça o link da onde pegou o exemplo por favor.

Até.

Ver perfil do usuário

4 Re: Ficha do Avatar em Seg Fev 16, 2015 6:05 pm

GXGamer

avatar
Membro ativo

http://narutorpgstorm.ultimaterpg.net/forum

Nos tópicos tem esse botão

Ver perfil do usuário

5 Re: Ficha do Avatar em Sex Fev 20, 2015 12:31 pm

Alex Habilidade

avatar
Membro ativo

Olá,

Crie uma página JavaScript, com investimento nos tópicos e use o código abaixo:
Código:

$(function() {
    $('body').append(
        '<style type="text/css">' +
        '#epf, form:not([action="/post"]) .button2, input[type="submit"] {' +
        'background-color: rgba(182, 182, 182, 0.7);' +
        'background-image: none !important;' +
        'border: 0 none;' +
        'color: #212121;' +
        'font-family: "Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;' +
        'font-size: 100%;' +
        'font-weight: 400;' +
        'height: 2.142em;' +
        'min-width: 6em;' +
        'padding: 3px 12px 5px;' +
        '}' +
        'form:not([action="/post"]) .button2:hover, input[type="submit"]:hover {' +
        'background: none repeat scroll 0 0 rgba(205, 205, 205, 0.82);' +
        '}' +
        '#epf:active, .button2:active, input.button2:active, input[type="submit"]:active {' +
        'background-color: #212121;' +
        'color: #fff;' +
        '}' +
        '#epf {' +
        '-moz-border-bottom-colors: none;' +
        '-moz-border-left-colors: none;' +
        '-moz-border-right-colors: none;' +
        ' -moz-border-top-colors: none;' +
        'background: none repeat scroll 0 0 #242c2e !important;' +
        'border-color: #212121 !important;' +
        'border-image: none;' +
        'border-radius: 3px;' +
        'border-style: solid;' +
        'border-width: 1px 1px 0;' +
        'box-shadow: 0 2px 0 0 #5c5c5c inset, 0 2px 3px rgba(0, 0, 0, 0.2);' +
        'color: #fff;' +
        'cursor: pointer;' +
        'display: inline-block;' +
        'font-family: Helvetica,Arial,sans-serif;' +
        'font-size: 12px;' +
        'font-style: normal;' +
        'font-variant: normal;' +
        'font-weight: 300;' +
        'height: 30px;' +
        'line-height: 30px;' +
        'padding: 0 10px;' +
        'text-align: center;' +
        'text-shadow: 0 -1px 0 #191919;' +
        'width: 125px;' +
        '}' +
        '.user-info {' +
        'background: none repeat scroll 0 0 #fff;' +
        'border: 12px solid gray;' +
        'border-radius: 7px;' +
        'max-width: 300px;' +
        'padding: 7px;' +
        'position: absolute;' +
        'z-index: 99999;' +
        'margin-left: 130px;' +
        'margin-top: -200px;' +
        '}' +
        '.rank-personalizado2 {' +
        'float: left;' +
        'height: 100px;' +
        'margin-left: -153px;' +
        'margin-top: -100px;' +
        'position: absolute;' +
        'width: 100px;' +
        'z-index: 999999 !important;' +
        '}' +
        '.rank-personalizado {' +
        'float: left;' +
        'height: 89px;' +
        'margin-left: -233px;' +
        'margin-top: -33px;' +
        'position: absolute;' +
        'width: 90px;' +
        'z-index: 99999 !important;' +
        '}' +
        '.neve {' +
        'height: 32px;' +
        'margin-left: -110px;' +
        ' margin-top: -31px;' +
        'position: absolute;' +
        'width: 96px;' +
        'z-index: 9999 !important;' +
        '}' +
        '</style>'
    );
 
    var element = $('.postdetails.poster-profile');
 
    element.each(function() {
 
        var self = $(this);
 
        self.html(
            self.html().replace(/<span class="label/g, '<dd><div class="post_field" style="display:none"><span class="label')
        );
        self.append('<span id="epf" class="exibir-perfil">Exibir meu perfil</span>');
      
        self.find('.exibir-perfil').click(function() {
            self.find('.post_field').fadeToggle();
        });
    });
 
    $('.postdetails.poster-profile .post_field').addClass('user-info');
 
});

Ver perfil do usuário

6 Re: Ficha do Avatar em Sex Fev 20, 2015 12:57 pm

GXGamer

avatar
Membro ativo

Vlw, te amo, pode fechar <3

Ver perfil do usuário

7 Re: Ficha do Avatar em Sex Fev 20, 2015 1:59 pm

EJJSRR

avatar
Membro ativo

Muito bom Alex parabéns!!!!

Ver perfil do usuário http://gamezer.foruns.com.pt/

Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

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