Escolha a cor de fundo [Javascript]

Escolha a cor de fundo

Publicado por joe roots 19/03/2006

[ Hits: 9.301 ]

Download cf1129997672.zip

0 0

Denuncie Favoritos Indicar

o usuario podera escolher a cor de fundo do site

Esconder código-fonte

<html>
<head>
<title>Cor de Fundo</title>
</head>

<CENTER>
      <FIELDSET 
      style="PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; WIDTH: 425px; PADDING-TOP: 10px"><LEGEND><FONT 
      face=verdana color=red size=1>Cor de Fundo</LEGEND></font>
  <font face=verdana color=black size=1>  
Com esse script o visitante de seu site tem a opção de escolher a cor de fundo que mais que agrada para o seu site.






      
        </FIELDSET>
 <TABLE borderColor=black height=0 cellSpacing=0 cellPadding=0 width=750 
      border=1 borderwidth="1">
        <TBODY>
        <TR>
          <TD vAlign=center align=middle bgColor=#00eb00 height=10><FONT 
            face=verdana color=#ffffff size=1>
<MARQUEE scrollAmount=5 behavior=alternate height=16 width=146 bgColor= green>
<FONT 
            face=verdana color=#ffffff size=1><B>Escolha <br> a cor de Fundo</B></FONT></MARQUEE>

</TD></TR>
        <TR>
          <TD vAlign=top align=middle width=750 bgColor=#525ee0 
            height=100><BR>
<form>
<p><small><strong><font face="Verdana">Verde <input TYPE="radio" NAME="rad"
Value="rad_button2" onClick="document.bgColor='green'"> |
Azul <input TYPE="radio" NAME="rad" Value="rad_button2" onClick="document.bgColor='blue'">|
Rosa <input TYPE="radio" NAME="rad" Value="rad_button3" onClick="document.bgColor='pink'">|
Vermelho <input TYPE="radio" NAME="rad" Value="rad_button3"onClick="document.bgColor='red'"> |
Marrom <input TYPE="radio" NAME="rad" Value="rad_button3"onClick="document.bgColor='brown'">|
Amarelo <input TYPE="radio" NAME="rad" Value="rad_button3"onClick="document.bgColor='yellow'">|
Laranja <input TYPE="radio" NAME="rad" Value="rad_button3"onClick="document.bgColor='orange'"> |
Preto <input TYPE="radio" NAME="rad" Value="rad_button3"onClick="document.bgColor='black'"> <br>
Azul Marinho <input TYPE="radio" NAME="rad" Value="rad_button3"onClick="document.bgColor='navy'"> |
Dourado <input TYPE="radio" NAME="rad" Value="rad_button3"onClick="document.bgColor='gold'"> |
Cinza <input TYPE="radio" NAME="rad" Value="rad_button3" onClick="document.bgColor='gray'">|

Roxo <input TYPE="radio" NAME="rad" Value="rad_button3"
onClick="document.bgColor='purple'">|
Prateado <input TYPE="radio" NAME="rad" Value="rad_button3"
onClick="document.bgColor='silver'"> |
Verde Limão <input TYPE="radio" NAME="rad" Value="rad_button3"
onClick="document.bgColor='00FF00'"> |
Vinho <input TYPE="radio" NAME="rad" Value="rad_button3"
onClick="document.bgColor='C00000'"><br>
Marrom escuro <input TYPE="radio" NAME="rad" Value="rad_button3"
onClick="document.bgColor='804000'"> |
Roxeado <input TYPE="radio" NAME="rad" Value="rad_button3"
onClick="document.bgColor='#525ee0'"> |
Sua Cor<input TYPE="radio" NAME="rad" Value="rad_button3"
onClick="document.bgColor='silverred'"> |
Esverdeado  <input TYPE="radio" NAME="rad" Value="rad_button3"
onClick="document.bgColor='silverblack'"> |
Violeta<input TYPE="radio" NAME="rad" Value="rad_button3"
onClick="document.bgColor='#4f2f4f'"> |
Alaranjado<input TYPE="radio" NAME="rad" Value="rad_button3"
onClick="document.bgColor='orangered'"> <br>
Verde Musgo<input TYPE="radio" NAME="rad" Value="rad_button3"
onClick="document.bgColor='#99cc32'"> |
Web Cor <input TYPE="radio" NAME="rad" Value="rad_button3"
onClick="document.bgColor='#d9d919'"> |
Tom de Azul <input TYPE="radio" NAME="rad" Value="rad_button3"
onClick="document.bgColor='pinkblue'"> |
Tom de Marrom <input TYPE="radio" NAME="rad" Value="rad_button3"
onClick="document.bgColor='#b87333'"> |
Branco <input TYPE="radio" NAME="rad" Value="rad_button3"
onClick="document.bgColor='#ffffff'"> |
Lilás  <input TYPE="radio" NAME="rad" Value="rad_button4"
onClick="document.bgColor='FF00FF'">
</font></strong></small></p>
</form>
         </TD></TR>
        <TR>
          <TD vAlign=center align=middle bgColor=#0 height=16 #52B5EEe?><FONT 
            face=verdana color=#ffffff size=1><MARQUEE scrollAmount=5 behavior=alternate height=16 width=146 bgColor=black>
<FONT 
            face=verdana color=#ffffff size=1><B>Escolha a cor de fundo <br> desta Pagina</B></FONT></MARQUEE></FONT></TD></TR>
        </TBODY></TABLE><BR>


</body></html>

Scripts recomendados

Trocar imagem quando o mouse estiver em cima da imagem

Jogo da Velha com JavaScript e SVG

o html eo site todo

Mundando a classe css de uma tag dinamicamente

Indica a pagina dependendo da resolução do usuario

Comentários

Nenhum comentário foi encontrado.