Sombra nas palavras & nickname animado

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

Resolvido Sombra nas palavras & nickname animado

Mensagem por DarkNiight em 12/10/11, 01:34 am

Qual é minha questão:
Bom , pra resumir tudo eu fiz um video , com 2 questões .

Espero qe possa responder elas neste mesmo tópico .

Video :


Clique em para assistir melhor .

Vlw .
Site qe eu fiz o video : http://grandedown.forumeiros.com/


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

Versão do meu fórum:
PHPBB3
avatar

DarkNiight
Nível 6

Masculino
Inscrito dia : 09/10/2011
Mensagens : 65
Pontos Ativos : 111

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

Resolvido Re: Sombra nas palavras & nickname animado

Mensagem por Convidad em 12/10/11, 10:52 am

Olá!

No caso, você está fornecendo este vídeo para o fórum de suporte?
Você poderá mandá-lo para os moderadeiros, e assim eles verão e avaliaram para colocar em um tutorial.

Sobre este tópico, creio que será movido.
Atenciosamente.

Convidad
Convidado


Resolvido Re: Sombra nas palavras & nickname animado

Mensagem por DarkNiight em 12/10/11, 11:51 am

Na verdade eu criei ele como uma dúvida pra mim ...

Eu gravei este video pra perguntar como faz ... Entende ?

eu qero saber como faz NickName Animado e como coloca aquela Sombra atrás das Palavras qe quando passa o mouse aparece ...

Sako ?


Dai eu fiz o video em forma de uma pergunta ;D
avatar

DarkNiight
Nível 6

Masculino
Inscrito dia : 09/10/2011
Mensagens : 65
Pontos Ativos : 111

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

Resolvido Re: Sombra nas palavras & nickname animado

Mensagem por Luiiz em 12/10/11, 12:21 pm

a[href="/uN"] {
text-shadow: 0px 0px 5px #COR;
}
O N é o numero que fica no seu perfil, exemplo da conta fundadora é u1
Ou seja http://seuforum/u1
COR é o noome da cor em ingleas ou o código, exemplo:#FF00D0;

Sobre o efeito de passar o mouse encima ainda tenho que fazer testes.
Mas deve ser:
a[href="/u1"]:houver {
text-shadow: 1px 1px 1px #FF00D0;
}
Ou similar
Deve ser colocados na folha de estilo CSS.
OBS: Tens que adicionar os dois códigos. Edite ele como quiser,
avatar

Luiiz
Nível 9

Masculino
Inscrito dia : 06/07/2011
Mensagens : 193
Pontos Ativos : 281

Ver perfil do usuário http://newlayout.forumbrasil.net

Resolvido Re: Sombra nas palavras & nickname animado

Mensagem por DarkNiight em 12/10/11, 01:15 pm

Não entendi do NICK ANIMADO , pode explicar melhor ?
Se puder com imagens .-.


Já a sombra aqui não pegou ...
Coloquei esse código + a cor PRETA e tá normal aqui ...

Eu devo colocar algo ali no "/u1" ?
avatar

DarkNiight
Nível 6

Masculino
Inscrito dia : 09/10/2011
Mensagens : 65
Pontos Ativos : 111

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

Resolvido Re: Sombra nas palavras & nickname animado

Mensagem por Consolado em 12/10/11, 01:31 pm

Olá!

Sobre a animação, um efeito sobre o nome:
a[href="/u1"]{
background:url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}
Adicione o código em:
Painel de Controle -> Visualização -> Imagens e Cores -> Cores / Folha de estilo CSS

Modifique o número 1 pelo ID do usuário que irá utilizar o efeito, exemplo do seu aqui no FdF: 41669.

Também na Folha de estilos CSS adicione este código para a sombra:
a:hover{
background: transparent;
text-decoration: none;
text-shadow: 0 0 5px #FFFFFF !important;
}
Modifique o valor em negrito para uma nova cor.

Atenciosamente!
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Sombra nas palavras & nickname animado

Mensagem por DarkNiight em 12/10/11, 01:50 pm

As sombras funcionou corretamente .


Agora já o NICK , como eu faço pra saber o ID da pessoa ?
avatar

DarkNiight
Nível 6

Masculino
Inscrito dia : 09/10/2011
Mensagens : 65
Pontos Ativos : 111

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

Resolvido Re: Sombra nas palavras & nickname animado

Mensagem por Cream em 12/10/11, 01:54 pm

Olá,

Para isso aceda ao perfil dela, e note na barra de URL's, depois do link do fórum, a letra "u" e alguns números, isso é o seu ID ou o do usuário. Exemplo do seu no FdF:
http://ajuda.forumeiros.com/u41669

Seu ID -> u41669
Mas como no código já há a letra "u" adicione somente os números.

Até mais.
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

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

Resolvido Re: Sombra nas palavras & nickname animado

Mensagem por DarkNiight em 12/10/11, 01:57 pm

Entendi .

Como o seu por exemplo é

"u35000"

Só eu tirar o u e deixar o 35000 , certo ?

Se for , pode trancar o tópico .

Thanks ;D
avatar

DarkNiight
Nível 6

Masculino
Inscrito dia : 09/10/2011
Mensagens : 65
Pontos Ativos : 111

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