Personalizar perfil do topico

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

Resolvido Personalizar perfil do topico

Mensagem por Heero em 15/12/12, 01:33 am

Qual é minha questão:
Ola , eu queria colocar o meu perfil do topico assim oo ,



so que eu so queria aquele pontinho verde que indica que esta online ali e a foto a do meu quando passa a seta ela vira. 

se liga no print ,



e remover aqueele negocio de baixo da foto escrito admin q ta muito feio escrito admin 2 veses , e o nick do usuario o meu ta com uma luz verde no fundo , e possivel mudar isso tb ?

bom resumindo , onde esta a footo so quero que fique a foto do lado do nick do usuario se ele estiver on ou off a bolinha verde ou cinza e mudar a cor do glow atraz do nick e fazer a foto parar de virar quando passo a seta.

se puderam ajudar agradeço.


Endereço do meu fórum:
http://heerocheats.forumeiros.com

Versão do fórum:
PunBB


Última edição por Heero em 15/12/12, 04:54 am, editado 1 vez(es)
avatar

Heero
Usuário avançado

Masculino
Inscrito dia : 03/12/2012
Mensagens : 373
Pontos Ativos : 504

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

Resolvido Re: Personalizar perfil do topico

Mensagem por HangoveR em 15/12/12, 01:54 am

Olá,

Para colocar o efeito quando passa o mouse no perfil vai em
Painel de controle :seta2: Visualização :seta2: Cores :seta2: Folha de estilo CSS
E adicione o code...
Código:
div.user-basic-info img{
    margin: 3px;
    border: 5px solid #eee;
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
 
div.user-basic-info img:hover {
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
}
e vai em Validar.

Até!
avatar

HangoveR
Usuário destaque

Masculino
Inscrito dia : 22/08/2012
Mensagens : 662
Pontos Ativos : 923

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

Resolvido Re: Personalizar perfil do topico

Mensagem por Heero em 15/12/12, 02:08 am

amigo eu quero remover este efeito... de passar a seta e a foto virar.
avatar

Heero
Usuário avançado

Masculino
Inscrito dia : 03/12/2012
Mensagens : 373
Pontos Ativos : 504

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

Resolvido Re: Personalizar perfil do topico

Mensagem por HangoveR em 15/12/12, 02:10 am

Olá,

Me desculpe D:
-
Remover eu não sei não em kkk, à menos que o code for igual
avatar

HangoveR
Usuário destaque

Masculino
Inscrito dia : 22/08/2012
Mensagens : 662
Pontos Ativos : 923

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

Resolvido Re: Personalizar perfil do topico

Mensagem por Heero em 15/12/12, 02:14 am

to ferrado . kk
avatar

Heero
Usuário avançado

Masculino
Inscrito dia : 03/12/2012
Mensagens : 373
Pontos Ativos : 504

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

Resolvido Re: Personalizar perfil do topico

Mensagem por Heero em 15/12/12, 02:15 am

e aquele glow verde atraz do nick do admin tem como eu mudar ele n ? tem como eu colocar 1 glow em cada grupo n ? so pros admins e pros mods ?
avatar

Heero
Usuário avançado

Masculino
Inscrito dia : 03/12/2012
Mensagens : 373
Pontos Ativos : 504

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

Resolvido Re: Personalizar perfil do topico

Mensagem por Luciano98 em 15/12/12, 03:02 am

Olá!

Utilize esse código Javascript em todas as páginas:
Código:
jQuery(document).ready(function(){jQuery('#i_icon_online').closest('.post').find('.user .user-ident h4.username > a').css({'background':'url(http://hitskin.com/themes/19/38/41/i_icon_online.png) center left no-repeat','padding-left':'20px'})});

Remova esse CSS:
Código:
div.user-basic-info img:hover {
        -webkit-transform: rotate(-7deg);
        -moz-transform: rotate(-7deg);
        -o-transform: rotate(-7deg);
    }

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Personalizar perfil do topico

Mensagem por Heero em 15/12/12, 03:14 am

luciano e quando eu fico off , kd o botao cinza ? Ajuda ae pf *-*
avatar

Heero
Usuário avançado

Masculino
Inscrito dia : 03/12/2012
Mensagens : 373
Pontos Ativos : 504

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

Resolvido Re: Personalizar perfil do topico

Mensagem por Heero em 15/12/12, 03:51 am

UP!
avatar

Heero
Usuário avançado

Masculino
Inscrito dia : 03/12/2012
Mensagens : 373
Pontos Ativos : 504

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

Resolvido Re: Personalizar perfil do topico

Mensagem por Luciano98 em 15/12/12, 04:30 am

Olá!

Adicione esse código CSS:
Código:
.user .user-ident h4.username > a{background:url(http://i.imgur.com/98lrK.png) center left no-repeat;padding-left:20px}

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.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