Postagens
How to Let Website Visitors Change the Background and Text Colors
You can add fun functionality to your website by letting your visitors change the text and background colors with simple dropdown menus. Try it:
To add this option to your website, you need to create HTML id tags for
the area in which the background color and text color will be changed.
Then create two drop down menus with your choice of colors.
(Step 1)
Open your site in an HTML editor or Notepad so that you can edit the code by hand. First make sure that you have a DOCTYPE specified before the opening HTML tag. For instance, something like
(Step 2)
Identify the area of your website where you want the colors to be changed and add this pair of div tags to the beginning of that section:
(Step 1)
Open your site in an HTML editor or Notepad so that you can edit the code by hand. First make sure that you have a DOCTYPE specified before the opening HTML tag. For instance, something like
(Step 2)
Identify the area of your website where you want the colors to be changed and add this pair of div tags to the beginning of that section:
Now add this pair of closing tags at the end of the section:
If you save and compile, you'll notice that nothing has changed yet. This is because we haven't yet added the color-change script and dropdown menus. The id tags serve as name references for the next step.
(Step 3)
Locate the area where you want visitors to access the dropdown menus. Copy and paste these lines of HTML and JavaScript code:
You can easily add more color choices by following the template and inserting additional option tags. To find more colors and their hex codes, see December.com, Cloford.com, or the Had2Know.com Color Generator.
fonte:
had2know
traduzido:
Como deixar que os visitantes do site Mude o fundo e o texto Cores
Você pode adicionar a funcionalidade de diversão para o seu site,
permitindo que os visitantes mudar o texto e cores de fundo com menus
suspensos simples.Experimente
Para adicionar esta opção para o seu site, você precisa criar id tags HTML para a área em que
a cor de fundo e cor do texto será alterado.
Em seguida, criar dois menus drop-down com sua escolha de cores.
(Passo 1)
Abra o seu site em um editor de HTML ou o Bloco de notas para que você possa editar o código manualmente.
Primeiro certifique-se que você tem um DOCTYPE especificado antes da tag HTML de abertura. Por exemplo, algo como
(Passo 2)
Identificar a área do seu site onde você quer que as cores a serem alterados e adicione este par de tags div para o início dessa seção:
a cor de fundo e cor do texto será alterado.
Em seguida, criar dois menus drop-down com sua escolha de cores.
(Passo 1)
Abra o seu site em um editor de HTML ou o Bloco de notas para que você possa editar o código manualmente.
Primeiro certifique-se que você tem um DOCTYPE especificado antes da tag HTML de abertura. Por exemplo, algo como
(Passo 2)
Identificar a área do seu site onde você quer que as cores a serem alterados e adicione este par de tags div para o início dessa seção:
Agora adicione este par de tags de fecho na extremidade da secção:
Se você salvar e compilar,
você vai perceber que nada mudou ainda.
Isto é porque nós ainda não adicionou o
roteiro e menus suspensos de mudança de cor.
As etiquetas de identificação servem como referências de nome para a próxima etapa.
(Passo 3)
Localize a área onde você deseja que os visitantes para acessar os menus suspensos.
Copie e cole estas linhas de código HTML e JavaScript:
você vai perceber que nada mudou ainda.
Isto é porque nós ainda não adicionou o
roteiro e menus suspensos de mudança de cor.
As etiquetas de identificação servem como referências de nome para a próxima etapa.
(Passo 3)
Localize a área onde você deseja que os visitantes para acessar os menus suspensos.
Copie e cole estas linhas de código HTML e JavaScript:
Observe que as etiquetas de identificação são referenciadas pelos comandos "GetElementById".
Este código gera um conjunto de menus suspensos, com quatro cores de fundo e quatro cores de texto.
Cada cor é identificada exclusivamente por um número hexadecimal de 6 dígitos, como visto dentro das aspas.
Você pode facilmente adicionar mais opções de cores, seguindo o modelo e inserir marcas de opções adicionais.
Para encontrar mais cores e seus códigos hexadecimais,
consulte
December.com ,
Cloford.com ,
ou o
Generator Cor Had2Know.com .
mensagem do formulário de comentário:
deixe teu comentário aqui e
volte para ver tua resposta
ok
;)
volte para ver tua resposta
ok
;)
