SP-Design

Seja bem-vindo ao SP-Design. Aqui, lhe ajudaremos com o tema de seu Fórum/Blog/site, vocês poderão solicitar e fornecer ajuda a outros usuários sobre o design e estrutura, tanto grafica, tanto em css e templantes.


Regulamento e informações:      
Equipe SP-Design
Regras do fórum
Como entrar na equipe Staff
Seções do fórum:
Pedidos Graficos
Pedidos de Códigos
SP-Design e você
Antes de postar uma dúvida:
Função busca
Perguntas e respostas frequêntes
Tutoriais, dicas e astúcias
Feliz ano novo para você!
Leia a carta de boas festas da equipe SPD.
Área Vip, os códigos mais inovadores
Obtenha os códigos mais inovadores de nosso fórum, atraves de pontos de Cash.
Leia as Regras do SP-Design
Acabou de chegar? Para se "enturmar" rapidamente leia as regras desse fórum.
Tutoriais e Dicas
Veja aqui nossos tutoriais inéditos, e muitos outros tutoriais sobre Design.
Publique no SPublicidade
Publique, peça opinião de pessoas experientes, divulgue o seu trabalho com o SPublicidade
Modifique o visual do seu fórum
Dúvidas sobre códigos HTML, CSS, BBCode e JQuery. Também, poderá tirar dúvidas sobre Templantes.
Faça Pedidos Gráficos para seu fórum
Este é um serviço gratuito para customização e criação de banners, logos, avatares, ícones...
Novo Administrador na comunidade
Pro Administradores adicionam novo administrador na equipe SPD.

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

avatar

sou nível 11

em Sex 18 Maio 2012, 7:30 am

Efeitos CSS
Este tutorial irá ensinar a como colocar um efeito do tipo hover no menu do seu fórum. O objetivo do mesmo, é trazer algo mais elegante ao seu menu que, por sua vez, é padronizado, sem muitos efeitos a acrescidos inicialmente.

--> Tutoriais <--
Efeito Hover no Menu de seu Fórum


- Código a ser utilizado:
O código que iremos utilizar é um CSS, que se encontra abaixo com as disposições de modificações:
ul.navlinks a:hover{text-decoration:none;background-color:VERMELHO;padding:3px;color:#fff;-moz-border-radius:10px;-webkit-border-radius:10px;border:2px solid AZUL}

VERMELHO -> Coloque o código da cor que quer de fundo!
AZUL -> Coloque o código da cor que quer de fundo!

- Aplicando o código

Para que seja viável a personalização do menu, é necessário que acedamos ao CSS do seu fórum.

Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS


Clique na imagem para aumenta-la

- Resultado Final:







© Shiftactif & sasuky


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Efeito hover no menu

avatar

Usuário Avançado

em Sab 02 Jun 2012, 8:44 am

aprovado

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

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



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

 

Atualizado com e-referrer
Publicidade | SEJA NOSSO PARCEIRO
Naruto Rpg FutureLes power infoMaster ExpShiftactifThe forum of Codes

2012 © SP-Design - Ajuda na criação de códigos e na aparência de seu Fórum™ - Design de Cyllaz - Todos os direitos reservados ®