JScript

Programação & Desenvolvimento


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

[PEDIDO] Informações do Usuário

Ir para baixo  Mensagem [Página 1 de 1]

1[PEDIDO] Informações do Usuário Empty [PEDIDO] Informações do Usuário Ter 22 Out 2013, 11:16 am

Convidado

avatar
Convidado

Olá,

Se possível gostava de saber este código:
https://i.servimg.com/u/f58/18/07/03/67/113.png

Fórum que vi tal efeito:
http://corrente-grafica.forumeiro.com/


www.suportedesign.net || PunBB


2[PEDIDO] Informações do Usuário Empty Re: [PEDIDO] Informações do Usuário Ter 22 Out 2013, 11:23 am

JScript

JScript
Administradores
Administradores

Olá!

Você é cadastrado lá, porque não pediu o código ao administrador #d0Czinho ?

JS

http://autoitbrasil.com

3[PEDIDO] Informações do Usuário Empty Re: [PEDIDO] Informações do Usuário Ter 22 Out 2013, 11:36 am

Convidado

avatar
Convidado

Olá,

O fórum de lá ainda está em manutenção ...

4[PEDIDO] Informações do Usuário Empty Re: [PEDIDO] Informações do Usuário Ter 22 Out 2013, 1:47 pm

JScript

JScript
Administradores
Administradores

O fórum lá não está em manutenção!

E como o código não pertence somente ao fórum que você viu o "efeito" e não tem o nome do autor, aqui está o JS:
Código:

$(function () {
   $("a.gen.user[href^='/u'] ,.contenedor a[href^='/u'],.tcr a.gensmall[href^='/u'] ,.tcl.tdtopics a[href^='/u'] ,.user-ident .username a[href^='/u']").hover(function () {
      var b = $(this).parent().height() - 35,
         c = $(this).position().left - 20,
         b = $(this).position().top - b,
         name = $(this).text(),
         id = $(this).attr("href").slice(2);
      $("#user-hoverbox").remove();
      $(this).after('<div id="user-hoverbox"style="left: ' + c + "px;top:" + b + 'px;"><div id="user-hoverbox-inner"><a href="/u' + id + '"><i class="icon-user"></i> Ver perfil</a><a href="/privmsg?mode=post&u=' + id + '"><i class="icon-comments"></i> Enviar Mensagem Privada</a><a href="/profile?mode=email&u=' + id + '"><i class="icon-envelope-alt"></i> E-mail</a><a href="/spa/' + name + '"><i class="icon-file-alt"></i> Encontrar todas as suas mensagens</a><a href="/sta/' + name + '"><i class="icon-folder-open"></i> Encontrar todos os seus tópicos</a></div></div>');
      t = setTimeout(function () {
         $("#user-hoverbox").hide()
      }, 3E3);
      $("#user-hoverbox").mouseover(function () {
         clearTimeout(t)
      });
      $("#user-hoverbox").mouseleave(function () {
         $(this).remove()
      });
      return !1
   })
});
E o CSS;
Código:

#user-hoverbox {
    display: initial !important;
    margin-left: 5px;
    min-width: 160px;
    padding-top: 1px;
    position: absolute;
    z-index: 999;
}
#user-hoverbox #user-hoverbox-inner a {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #AAAAAA;
    color: #888888;
    display: block;
    font-size: 11px;
    padding: 8px;
    text-align: left;
    text-shadow: none !important;
    z-index: 999;
}
#user-hoverbox-inner {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 4px solid #000000;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.31);
    width: 210px;
}
#user-hoverbox #user-hoverbox-inner a:hover {
    background: none repeat scroll 0 0 #FAFAFA;
    color: #333333;
}
#user-hoverbox:before {
    border-bottom: 5px solid #363636;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    content: "";
    height: 0;
    left: 12px;
    position: absolute;
    top: -4px;
    width: 0;
}
#user-hoverbox a .icon-user {
    background-image: url("http://i.imgur.com/o0vbztB.png");
}
#user-hoverbox a .icon-comments {
    background-image: url("http://i.imgur.com/H1HNIqI.png");
}
.pun #user-hoverbox a i {
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    height: 10px;
    margin-right: 3px;
    margin-top: 2px;
    opacity: 0.8;
    width: 13px;
}
#user-hoverbox a .icon-envelope-alt {
    background-image: url("http://i.imgur.com/LpRlXho.png");
}
#user-hoverbox a .icon-file-alt {
    background-image: url("http://i.imgur.com/3tVmtX5.png");
}
#user-hoverbox a .icon-folder-open {
    background-image: url("http://i.imgur.com/xbes4ru.png");
}
.pun #user-hoverbox a:hover i {
    opacity: 1 !important;
}
.pun #page-body #user-hoverbox #user-hoverbox-inner a {
    font-style: normal;
    font-weight: 400;
}
Resultado:
[PEDIDO] Informações do Usuário UtvyRX6


JS

http://autoitbrasil.com

5[PEDIDO] Informações do Usuário Empty Re: [PEDIDO] Informações do Usuário Ter 22 Out 2013, 2:08 pm

Convidado

avatar
Convidado

Olá,

Não tem outra maneira em vez adicionar a .CSS na .CSS, mas adicionar na Edição de Template?

6[PEDIDO] Informações do Usuário Empty Re: [PEDIDO] Informações do Usuário Ter 22 Out 2013, 2:16 pm

JScript

JScript
Administradores
Administradores

Basta colocar o CSS no template Overall_header, detro da tag style assim:
Código:

<style type="text/css">
    <!--
    AQUI_O_SEU_CSS
    -->
</style>
JS

http://autoitbrasil.com

7[PEDIDO] Informações do Usuário Empty Re: [PEDIDO] Informações do Usuário Ter 22 Out 2013, 2:19 pm

Convidado

avatar
Convidado

Olá,

Perfeito caro amigo, resolvido!

Conteúdo patrocinado



Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos