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.


Participe do fórum, é rápido e fácil

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.
Ciberotic™
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.
Vote em nós!
Mais Parceiros
  • INFWCOM

  • Icones na frente do nome

    3 participantes

    Ir para baixo

    Icones na frente do nome Empty Icones na frente do nome

    Mensagem por Lucy Heartfilia Sáb 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.
    Lucy Heartfilia
    Lucy Heartfilia
    DIX Novato
    DIX Novato

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

    Ir para o topo Ir para baixo

    Icones na frente do nome Empty Re: Icones na frente do nome

    Mensagem por JUFASA Sáb 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 [Tens de ter uma conta e sessão iniciada para poderes visualizar 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 [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
    a cor estará em Cor dos membros do grupo :, copie essa cor, e cole no local correspondente no código...
    [Tens de ter uma conta e sessão iniciada para poderes visualizar 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

    [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
    Icones na frente do nome 1114
    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:
    [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

    ----------------------------------------------------------------------------
    [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
    JUFASA
    JUFASA
    Administrador Principal
    Administrador Principal

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

    Ir para o topo Ir para baixo

    Icones na frente do nome Empty Re: Icones na frente do nome

    Mensagem por Lucy Heartfilia Sáb maio 26, 2012 8:22 pm

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

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

    Ir para o topo Ir para baixo

    Icones na frente do nome Empty Re: Icones na frente do nome

    Mensagem por JUFASA Sáb maio 26, 2012 8:25 pm

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

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

    Ir para o topo Ir para baixo

    Icones na frente do nome Empty Re: Icones na frente do nome

    Mensagem por bielzaao Sáb Jun 09, 2012 6:21 pm

    Aki nao pego
    bielzaao
    bielzaao
    DIX Novato
    DIX Novato

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

    Ir para o topo Ir para baixo

    Icones na frente do nome Empty Re: Icones na frente do nome

    Mensagem por bielzaao Sáb Jun 09, 2012 6:22 pm

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

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

    Ir para o topo Ir para baixo

    Icones na frente do nome Empty Re: Icones na frente do nome

    Mensagem por Conteúdo patrocinado


    Conteúdo patrocinado


    Ir para o topo Ir para baixo

    Ir para o topo

    - Tópicos semelhantes

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