Uma maneira legal de seu site ou blog interagir com seus visitantes, é permitir que eles possam alterar parte de seu conteúdo, de acordo com o gosto de cada um, e principalmente sem trazer nenhum problema para seu site.
Que tal a possibilidade de seu visitante poder trocar a cor de fundo da sua página web? Legal né?
Pois hoje vamos usar um código que proporciona que o usuário de seu site ou blog altere a cor do plano de fundo, criando assim uma espécie de tema para seu site.
Não se preocupe, o código cria uma máscara para o plano de fundo atual, assim a cor predominante, sempre volta a cada visualização de página. Seu visitante vai poder escolher entre várias cores.
Para usuários do blogger: Em templates que usam uma imagem como plano de fundo, será necessário fazer uma pequena alteração no html do template.
Faça login no blogger e clique em Design/Editar html marque a caixa Expandir modelo de widgets. Os trechos que devem ser alterados podem variar de template para template, no html do template procure por: background: $(body.background); ou body{background:url(url da imagem do plano de fundo) e substitua por: background: bgcolor;
Lembrando, que o código a ser procurado no html, pode não ser exatamente igual ao mencionado acima. Após substituir o trecho do código, visualize, se a imagem de fundo sumiu, salve o modelo do template. Se deu algo errado, clique em Limpar edições, e tente de novo. Veja o código abaixo:
<script language="JavaScript">
function escolher_cor() {
indexcor=document.paleta_de_cores.nome_da_cor_escolhida.selectedIndex;
nome_da_cor=document.paleta_de_cores.nome_da_cor_escolhida.options[indexcor].value;
document.bgColor=nome_da_cor;
}
</script>
<body bgcolor=white text=black alink=yellow link=blue vlink=red>
<font face=arial><Dt><br>
<CENTER><B><TT><font size=+1>Troque o tema abaixo.</font></TT></B></CENTER>
<br/>
<center><form name="paleta_de_cores">
<SELECT NAME="nome_da_cor_escolhida" SELECTED="pink" onChange="escolher_cor()" SIZE="1">
<OPTION VALUE="">Escolha uma cor
<OPTION VALUE="mediumaquamarine">Água marinha
<OPTION VALUE="yellow">Amarelo
<OPTION VALUE="lightyellow">Amarelo claro
<OPTION VALUE="lightgoldenrodyellow">Amarelo ouro-claro
<OPTION VALUE="plum">Ameixa
<OPTION VALUE="tan">Argila
<OPTION VALUE="cornflowerblue">Azul
<OPTION VALUE="steelblue">azul Aço
<OPTION VALUE="deepskyblue">Azul bebê
<OPTION VALUE="dodgerblue">Azul bebê escuro
<OPTION VALUE="cyan">Azul cheguei
<OPTION VALUE="lightskyblue">Azul céu
<OPTION VALUE="skyblue">Azul céu II
<OPTION VALUE="lightcyan">Azul céu claro
<OPTION VALUE="lightsteelblue">Azul cinzento
<OPTION VALUE="mediumblue">Azul médio
<OPTION VALUE="aqua">Azul piscina
<OPTION VALUE="darkturquoise">Azul turquesa
<OPTION VALUE="navy">Azul marinho
<OPTION VALUE="beige">Bege
<OPTION VALUE="ghostwhite">Branco fantasma
<OPTION VALUE="azure">Branco gelo
<OPTION VALUE="honeydew">Branco impuro
<OPTION VALUE="floralwhite">Branco neve
<OPTION VALUE="khaki">Caqui
<OPTION VALUE="cadetblue">Céu nublado
<OPTION VALUE="chocolate">Chocolate
<OPTION VALUE="ivory">Chocolate branco
<OPTION VALUE="slategray">Cimento
<OPTION VALUE="gainsboro">Cinza claro
<OPTION VALUE="gray">Cinza escuro
<OPTION VALUE="lightgrey">Cinza iluminado
<OPTION VALUE="lightcoral">Coral claro
<OPTION VALUE="coral">Cor de abóbora
<OPTION VALUE="antiquewhite">Creme
<OPTION VALUE="cornsilk">Creme claro
<OPTION VALUE="wheat">Doce de leite
<OPTION VALUE="darkred">Jacarandá
<OPTION VALUE="orange">Laranja
<OPTION VALUE="lavender">Lavanda
<OPTION VALUE="lime">Limão
<OPTION VALUE="magenta">Magenta
<OPTION VALUE="sandybrown">Marrom areia
<OPTION VALUE="brown">Marrom avermelhado
<OPTION VALUE="darksalmon">Marrom glacê
<OPTION VALUE="bisque">Marrom muito claro
<OPTION VALUE="rosybrown">Marrom rosado
<OPTION VALUE="moccasin">Mocassim
<OPTION VALUE="snow">Neve
<OPTION VALUE="orchid">Orquídea
<OPTION VALUE="gold">Ouro
<OPTION VALUE="goldenrod">Ouro escuro
<OPTION VALUE="palegoldenrod">Ouro pálido
<OPTION VALUE="pink">Pink
<OPTION VALUE="silver">Prata
<OPTION VALUE="lightpink">Rosa bebê
<OPTION VALUE="palevioletred">Rosa escuro
<OPTION VALUE="deeppink">Rosa choque
<OPTION VALUE="hotpink">Rosa quente
<OPTION VALUE="mediumorchid">Roxo
<OPTION VALUE="salmon">Salmão
<OPTION VALUE="lightsalmon">Salmão claro
<OPTION VALUE="crimson">Tomate
<OPTION VALUE="turquoise">Turquesa
<OPTION VALUE="indianred">Urucum
<OPTION VALUE="yellowgreen">Verde amarelado
<OPTION VALUE="green">Verde amazônia
<OPTION VALUE="olive">Verde azeitona
<OPTION VALUE="aliceblue">Verde claro
<OPTION VALUE="springgreen">Verde fluorescente
<OPTION VALUE="lightgreen">Verde iluminado
<OPTION VALUE="limegreen">Verde limão
<OPTION VALUE="lightseagreen">Verde mar
<OPTION VALUE="darkolivegreen">Verde musgo
<OPTION VALUE="orangered">Vermelho
<OPTION VALUE="firebrick">Vermelho fogo
<OPTION VALUE="violet">Violeta
<OPTION VALUE="mediumvioletred">Violeta avermelhado
<OPTION VALUE="darkviolet">Violeta escuro
</SELECT>
</form></center>
Recomendamos que o código seja colocado na sidebar do site! Vai ficar igual ao nosso, dê uma olhadinha na barra lateral, na parte superior. Teste, altere a cor do Variedades.com.
0 Comentários