Mudanças entre as edições de "Como alterar a cor do texto do menu de navegação do template plumas"

 
(4 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
[[Arquivo:Captura de Tela 2021-12-13 às 17.16.12.png|853px|semmoldura|centro]]
+
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]]
[[Arquivo:Captura de Tela 2021-12-14 às 08.08.36.png|centro|semmoldura|853x853px]]
+
 
[[Arquivo:Captura de Tela 2021-12-14 às 08.09.42.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.
 +
 
 +
Copie o código-fonte abaixo
 +
 
 +
<code><style type="text/css">.itens-menu li a {</code>
 +
 
 +
<code>color:  '''insira a cor''' !important;</code>
 +
 
 +
<code>}</code>
 +
 
 +
<code>.itens-menu li a:hover {</code>
 +
 
 +
<code>color:  '''insira a cor''' !important;</code>
 +
 
 +
<code>}</code>
 +
 
 +
<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]]-
 +
 
 +
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.

Captura de Tela 2021-12-13 às 17.16.12.png

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.

Captura de Tela 2021-12-14 às 08.08.36.png

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.

Captura de Tela 2021-12-14 às 08.09.42.png

-

Voltar ao menu Hotsite