Mudanças entre as edições de "Como alterar a cor do texto do menu de navegação do template plumas"
| (2 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) | |||
| Linha 1: | Linha 1: | ||
| − | Iremos alterar o style do menu de navegação da página inicial, alterando a cor do texto e também a cor do efeito de hover no qual ao passar o mouse sobre o texto irá alterar a cor.[[Arquivo:Captura de Tela 2021-12-13 às 17.16.12.png|853px|semmoldura|centro]]Acesso a aba '''Hosite>Conteúdo>Administrar Módulos''', selecione o modulo '''Menu''' e edite. Acesse a aba '''conteúdo html''' e clique | + | Iremos alterar o ''style'' do menu de navegação da página inicial, alterando a cor do texto e também a cor do efeito de ''hover'' no qual ao passar o mouse sobre o texto irá alterar a cor, essa alteração não precisará de acesso ao servidor pelo programa filezilla.[[Arquivo:Captura de Tela 2021-12-13 às 17.16.12.png|853px|semmoldura|centro]]Acesso a aba '''Hosite > Conteúdo > Administrar Módulos''', selecione o modulo '''Menu''' e edite. Acesse a aba '''conteúdo html''' e clique na tecla '''F3''' do seu teclado para acessar diretamente o conteúdo do menu.[[Arquivo:Captura de Tela 2021-12-14 às 08.08.36.png|centro|semmoldura|853x853px]] |
Acessando o conteúdo do menu, clique na opção de '''código-fonte''' e copie e cole o style abaixo no editor de código-fonte do seu sistema ixc, insira as cores do que serão utilizados no texto do menu e no efeito de hover. | Acessando o conteúdo do menu, clique na opção de '''código-fonte''' e copie e cole o style abaixo no editor de código-fonte do seu sistema ixc, insira as cores do que serão utilizados no texto do menu e no efeito de hover. | ||
| − | + | Copie o código-fonte abaixo | |
| − | <style type="text/css">.itens-menu li a { | + | <code><style type="text/css">.itens-menu li a {</code> |
| − | color: '''insira a cor''' !important; | + | <code>color: '''insira a cor''' !important;</code> |
| − | } | + | <code>}</code> |
| − | .itens-menu li a:hover { | + | <code>.itens-menu li a:hover {</code> |
| − | color: '''insira a cor''' !important; | + | <code>color: '''insira a cor''' !important;</code> |
| − | } | + | <code>}</code> |
| − | </style> | + | <code></style></code> |
| − | + | Após inserir o código-fonte com as cores altereadas do texto e do efeito hover, salve e atualize a página inicial. [[Arquivo:Captura de Tela 2021-12-14 às 08.09.42.png|centro|semmoldura|853x853px]]- | |
| − | |||
| − | Após inserir o código-fonte com as cores altereadas do texto e do efeito hover, salve e atualize a página inicial | ||
Voltar ao menu [[Hotsite#Edi.C3.A7.C3.A3o de conte.C3.BAdo - Template Master|Hotsite]] | Voltar ao menu [[Hotsite#Edi.C3.A7.C3.A3o de conte.C3.BAdo - Template Master|Hotsite]] | ||
Edição atual tal como às 16h16min de 7 de janeiro de 2022
Iremos alterar o style do menu de navegação da página inicial, alterando a cor do texto e também a cor do efeito de hover no qual ao passar o mouse sobre o texto irá alterar a cor, essa alteração não precisará de acesso ao servidor pelo programa filezilla.
Acesso a aba Hosite > Conteúdo > Administrar Módulos, selecione o modulo Menu e edite. Acesse a aba conteúdo html e clique na tecla F3 do seu teclado para acessar diretamente o conteúdo do menu.
Acessando o conteúdo do menu, clique na opção de código-fonte e copie e cole o style abaixo no editor de código-fonte do seu sistema ixc, insira as cores do que serão utilizados no texto do menu e no efeito de hover.
Copie o código-fonte abaixo
<style type="text/css">.itens-menu li a {
color: insira a cor !important;
}
.itens-menu li a:hover {
color: insira a cor !important;
}
</style>
Após inserir o código-fonte com as cores altereadas do texto e do efeito hover, salve e atualize a página inicial.
-
Voltar ao menu Hotsite
