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

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, 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 em '''F3''' para acessar diretamente o conteúdo do menu.[[Arquivo:Captura de Tela 2021-12-14 às 08.08.36.png|centro|semmoldura|853x853px]]
+
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.http://wiki.ixcsoft.com.br/index.php?search=Como+alterar+a+cor+do+texto+do+menu+de+navega%C3%A7%C3%A3o+do+template+plumas&title=Especial%3ABusca&profile=advanced&fulltext=1&advancedSearch-current=%7B%22namespaces%22%3A%5B%220%22%2C%22100%22%5D%7D&ns0=1&ns100=1[[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.  
  
<nowiki>####</nowiki> Copie o código-fonte abaixo ###
+
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>
  
<nowiki>############################</nowiki>
+
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 do site. [[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]]
 
Voltar ao menu [[Hotsite#Edi.C3.A7.C3.A3o de conte.C3.BAdo - Template Master|Hotsite]]

Edição das 16h13min 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.http://wiki.ixcsoft.com.br/index.php?search=Como+alterar+a+cor+do+texto+do+menu+de+navega%C3%A7%C3%A3o+do+template+plumas&title=Especial%3ABusca&profile=advanced&fulltext=1&advancedSearch-current=%7B%22namespaces%22%3A%5B%220%22%2C%22100%22%5D%7D&ns0=1&ns100=1

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