Menu de navegação personalizado

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

Resolvido Menu de navegação personalizado

Mensagem por Yago C. em 25/02/12, 09:40 pm

Qual é minha questão:
Queria os links de meu forum iguais o estilo desse : http://magic-school-for-m.forumeiros.com/forum
Eu adorei, estou pedindo para que se alguém souber me falar.

Medidas que eu tomei para corrigir o problema:
...

Links e imagens do meu problema:
http://magic-school-for-m.forumeiros.com/forum <- Código dos links desse forum

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

Versão do meu fórum:
PHPBB3
avatar

Yago C.
Nível 2

Masculino
Inscrito dia : 08/12/2010
Mensagens : 5
Pontos Ativos : 11

Ver perfil do usuário http://w-supernaturallife.forumeiros.com/

Resolvido Re: Menu de navegação personalizado

Mensagem por Gabe em 26/02/12, 04:50 am

Olá!

Acesse:

Painel de Controle :seta2: Visualização :seta2: Imagens e Cores :seta2: Cores :seta2: Folha de Estilos CSS

Adicione o seguinte código e Salve:

Código:
a.mainmenu:hover {
text-decoration: none;
text-transform: lowercase;
}

a.mainmenu {
font-family: Monotype Corsiva;
font-size: 26px;
font-weight: lighter;
letter-spacing: -3px;
line-height: 0.6em;
margin-top: -20px;
text-align: center;
text-decoration: none;
color: #2D1717;
text-transform: lowercase;
}

a:hover {
-webkit-transition: all 1s ease !important;
-moz-transition: all 1s ease !important;
-o-transition: all 1s ease !important;
}

a:hover, a.topictitle:hover [href="/"] {
text-shadow: 0 0 3px white, 0 -1px 2px #B00606, 2px -3px 4px #B00606, -2px -5px 9px #B00606, 2px -5px 7px #B00606;
color: #B00606;
}

a:hover {
color: #470733;
text-decoration: none;
}

a:visited {
color: #571853;
text-decoration: none;
}

a:link {
color: #615208;
text-decoration: none;
}

Abraço.
avatar

Gabe
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/01/2010
Mensagens : 5770
Pontos Ativos : 7546

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

Resolvido Re: Menu de navegação personalizado

Mensagem por Yago C. em 26/02/12, 08:43 am

Muito Obrigado Heisenburg. Mais também poderia passar o código dos links das categorias? Quando passa o mouse em cima de "Configuração" , por exemplo.

Se não puder, obrigado mesmo assim ;
avatar

Yago C.
Nível 2

Masculino
Inscrito dia : 08/12/2010
Mensagens : 5
Pontos Ativos : 11

Ver perfil do usuário http://w-supernaturallife.forumeiros.com/

Resolvido Re: Menu de navegação personalizado

Mensagem por King Gz; em 26/02/12, 09:19 am

Olá,

Aceda à Painel de controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo css Seta Adicione o código e salve!
Código:
.table-title h2 {
color: #ffffff;
text-transform:Capitalize;
font-style:normal;
text-shadow: 2px 2px 2px #000000;
}

a.forumtitle {
-moz-border-radius: 5px 5px 5px 5px;
font-style: none;
display: block;
 text-shadow:4px 4px 4px #ffffff;
text-transform: uppercase; text-shadow: 2px 2px 2px #000000;
}

A:hover {
text-transform: capitalize;
}

a:link {
font-weight: bold !important;
-webkit-transition: all 1s ease !important;
-moz-transition: all 1s ease !important;
-o-transition: all 1s ease !important;
}
a:hover {
-webkit-transition: all 1s ease !important;
-moz-transition: all 1s ease !important;
-o-transition: all 1s ease !important;
}

a:hover,a.topictitle:hover [href ="/"] {
text-shadow:0 0 3px white, 0 -1px 2px #B00606,
2px -3px 4px #B00606, -2px -5px 9px #B00606,
2px -5px 7px #B00606;
color:#B00606;
}

Até mais Piscada

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
avatar

King Gz;
Membro do Fórum

Masculino
Inscrito dia : 20/11/2011
Mensagens : 1827
Pontos Ativos : 2486

Ver perfil do usuário http://www.gamezerbrasil.com/

Resolvido Re: Menu de navegação personalizado

Mensagem por Yago C. em 29/02/12, 06:18 pm

Muito obrigado =D

Podem bloquear, minha dúvida já foi exclarecida, obrigado novamente.
avatar

Yago C.
Nível 2

Masculino
Inscrito dia : 08/12/2010
Mensagens : 5
Pontos Ativos : 11

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