Ciberotic™
Registe-se para ver todo conteúdo!
Olá Convidado, seja bem-vindo ao Ciberotic™️.

Aqui você terá espaço para falar sobre diversos temas , podendo compartilhar e aprender com todos os outros membros.

Além disso, você encontrará diversas discussões e informações sobre os mais variados temas da atualidade.

Somente membros podem visualizar alguns assuntos, portanto, não perca tempo e cadastre-se.

Divulgue-nos também.

Atenciosamente, Equipe CyberForum.
Vote em nós!
Mais Parceiros
  • INFWCOM

  • Icones na frente do nome

    Ir em baixo

    9xStudio Icones na frente do nome

    Mensagem por Lucy Heartfilia em Sab Maio 26, 2012 4:17 pm

    Olá!
    Percebi que neste forum, tem icones na frente do nome das pessoas e presumo que seja vinculado com o ranking.
    Gostaria de obter o código que faz com que isso aconteça, imagens na frente do nome e na frente dos grupos na legenda.
    Agradeceria se pudessem ajudar.
    avatar
    Lucy Heartfilia
    DIX Novato
    DIX Novato

    Mensagens Mensagens : 5
    Pontos Pontos : 16
    Reputação Reputação : 0
    Idade Idade : 21
    Apaixonado

    Ver perfil do usuário

    Voltar ao Topo Ir em baixo

    9xStudio Re: Icones na frente do nome

    Mensagem por JUFASA em Sab Maio 26, 2012 5:21 pm

    Ícones nos grupos automáticos


    Neste tutorial, vamos aprender a personalizar nossos IDs de acordo com nossos grupos, adicionando uma imagem ou Neon em nosso ID automaticamente, dependendo do grupo que estivermos...

    Tutoriais sobre Programação
    Ícones nos grupos automáticos


    1- Código a ser trabalhado
    Vamos entender o código que usaremos...
    a span[style="color:#57B300"], a[style="color: #FFA200"]{
    background:url(IMAGEM-AQUI) 0 1 no-repeat;
    padding-left:17px;padding-top:2px;padding-bottom:2px}

    Azul: Imagem que você quer que apareça na frente de seu ID, referente ao grupo, recomendamos ícones de 15 pixels de altura, poderá consegui-los em nossa [Você precisa estar registrado e conectado para ver este link.]
    Verde: Aqui você devera colocar a cor do grupo, mais abaixo ensinaremos onde colegui-la
    Vermelho: Esse é o espaço entre o ícone e o ID, aumente esse valor, se você achar que estão muito próximos
    Obs: isso é muito importante para o funcionamento do código...
    Note que na linha onde você adicionara a cor, digamos que na primeira classe entre color:#57B300 não a nem um espaço, sendo que na segunda classe a um espaço entre color: e a cor ex: color: #57B300 notarão o espaço, esse espaço deve ser mantido e preservado, para que o código funcione perfeitamente, lembrando que na primeira classe esse espaço não existe, e aparece apenas na segunda ok...

    2- Adquirindo a cor do Grupo
    Painel de Controle Seta Usuários Seta Grupos Seta Administração dos Grupos

    Escolha o grupo em que você ira adicionar o icone, e clique em Modificar [Você precisa estar registrado e conectado para ver este link.]
    a cor estará em Cor dos membros do grupo :, copie essa cor, e cole no local correspondente no código...
    [Você precisa estar registrado e conectado para ver este link.]


    3- Inserindo o código CSS:
    Vamos criar o CSS para suportar as funções do botão, vá até.
    Painel de controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilos CSS

    [Você precisa estar registrado e conectado para ver este link.][Você precisa estar registrado e conectado para ver este link.] [Você precisa estar registrado e conectado para ver este link.]

    E adicione o código que aprendemos acima...

    4- Efeito extra:
    A mais quero adicionar um Neon para o grupo, para que meu ID tenha seu próprio Neon...
    Então adicione o código abaixo em seu código, entre as chaves {codigo}
    text-shadow:0px 0px 5px #b300ff;

    Roxo: Cor do Neon
    Ex: de como ficara o código com o Neon
    a span[style="color:#57B300"], a[style="color: #FFA200"]{
    background:url(IMAGEM-AQUI) 0 1 no-repeat;
    padding-left:17px;padding-top:2px;padding-bottom:2px
    text-shadow:0px 0px 5px #b300ff;}


    5- O resultado final:
    [Você precisa estar registrado e conectado para ver este link.]

    ----------------------------------------------------------------------------
    [Você precisa estar registrado e conectado para ver este link.]


    Convidado Sugiro que:
    Seta Red Respeite as [Você precisa estar registrado e conectado para ver este link.] do fórum;
    Seta Verde Conheça a nossa [Você precisa estar registrado e conectado para ver este link.];
    Seta Azul Conheça as [Você precisa estar registrado e conectado para ver este link.] que o forum dá;
    Seta orange Conheça o [Você precisa estar registrado e conectado para ver este link.] que lhe fornecemos;
    Seta roxa Fique atento a novas [Você precisa estar registrado e conectado para ver este link.] do fórum;

    Separador 1

    Seta Curta Dê Curtir/Gosto no [Você precisa estar registrado e conectado para ver este link.]
    Seta Curta+1 no fórum !
    avatar
    JUFASA
    Administrador Principal
    Administrador Principal

    Mensagens Mensagens : 454
    Pontos Pontos : 12806
    Reputação Reputação : 45
    Idade Idade : 21
    Louco

    Ver perfil do usuário

    Voltar ao Topo Ir em baixo

    9xStudio Re: Icones na frente do nome

    Mensagem por Lucy Heartfilia em Sab Maio 26, 2012 8:22 pm

    Aqui não funciona este código...
    avatar
    Lucy Heartfilia
    DIX Novato
    DIX Novato

    Mensagens Mensagens : 5
    Pontos Pontos : 16
    Reputação Reputação : 0
    Idade Idade : 21
    Apaixonado

    Ver perfil do usuário

    Voltar ao Topo Ir em baixo

    9xStudio Re: Icones na frente do nome

    Mensagem por JUFASA em Sab Maio 26, 2012 8:25 pm

    Que versão é o seu forum?
    -mande o link por MP a mim


    Convidado Sugiro que:
    Seta Red Respeite as [Você precisa estar registrado e conectado para ver este link.] do fórum;
    Seta Verde Conheça a nossa [Você precisa estar registrado e conectado para ver este link.];
    Seta Azul Conheça as [Você precisa estar registrado e conectado para ver este link.] que o forum dá;
    Seta orange Conheça o [Você precisa estar registrado e conectado para ver este link.] que lhe fornecemos;
    Seta roxa Fique atento a novas [Você precisa estar registrado e conectado para ver este link.] do fórum;

    Separador 1

    Seta Curta Dê Curtir/Gosto no [Você precisa estar registrado e conectado para ver este link.]
    Seta Curta+1 no fórum !
    avatar
    JUFASA
    Administrador Principal
    Administrador Principal

    Mensagens Mensagens : 454
    Pontos Pontos : 12806
    Reputação Reputação : 45
    Idade Idade : 21
    Louco

    Ver perfil do usuário

    Voltar ao Topo Ir em baixo

    9xStudio Re: Icones na frente do nome

    Mensagem por bielzaao em Sab Jun 09, 2012 6:21 pm

    Aki nao pego
    avatar
    bielzaao
    DIX Novato
    DIX Novato

    Mensagens Mensagens : 5
    Pontos Pontos : 7
    Reputação Reputação : 0
    Idade Idade : 36
    Tenso

    Ver perfil do usuário

    Voltar ao Topo Ir em baixo

    9xStudio Re: Icones na frente do nome

    Mensagem por bielzaao em Sab Jun 09, 2012 6:22 pm

    O'que eu fasso para por o icon no meu nick?
    avatar
    bielzaao
    DIX Novato
    DIX Novato

    Mensagens Mensagens : 5
    Pontos Pontos : 7
    Reputação Reputação : 0
    Idade Idade : 36
    Tenso

    Ver perfil do usuário

    Voltar ao Topo Ir em baixo

    9xStudio Re: Icones na frente do nome

    Mensagem por Conteúdo patrocinado


    Conteúdo patrocinado


    Voltar ao Topo Ir em baixo

    Voltar ao Topo


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