スポンサーサイト 
-- -- --
-- --:--:--

スポンサー広告  Comment -  Trackback -  edit.

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

背景色チェンジャー 
2005 10 17
Mon 13:08:33

カスタマイズ  Comment 0  Trackback 0  edit.

カラー見本をプルダウンで作って見ようと試して居たら背景色を
変えるチェンジャーが出来た。
で、何に使うかって?(何に使おう??_| ̄|○

ソースは↓こちら。
<html lang="ja">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<title>色選択プルダウンメニュー</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Script-Type" content="text/javascript">
</head>
<body bgcolor="">
<center>
<br>
<h4>色選択プルダウンメニュー</h4>
<form>
<select NAME="BGC" ID="BGC">
<option selected>-- 色を選択する。--</option>
<option></option>
<option>--- 基本16色 ---</option>
<option value="#000000" style="background-color:#000000;color:#FFF;">BLACK</option>
<option value="#808080" style="background-color:#808080;color:#FFF;">GRAY</option>
<option value="#C0C0C0" style="background-color:#C0C0C0;">SILVER</option>
<option value="#FFFFFF" style="background-color:#FFFFFF;">WHITE</option>
<option value="#800000" style="background-color:#800000;color:#FFF;">MAROON</option>
<option value="#808000" style="background-color:#808000;color:#FFF;">OLIVE</option>
<option value="#008080" style="background-color:#008080;color:#FFF;">TEAL</option>
<option value="#800080" style="background-color:#800080;color:#FFF;">PURPLE</option>
<option value="#000080" style="background-color:#000080;color:#FFF;">NAVY</option>
<option value="#0000FF" style="background-color:#0000FF;color:#FFF;">BLUE</option>
<option value="#00FFFF" style="background-color:#00FFFF;">AQUA</option>
<option value="#008000" style="background-color:#008000;color:#FFF;">GREEN</option>
<option value="#00FF00" style="background-color:#00FF00;">LIME</option>
<option value="#FFFF00" style="background-color:#FFFF00;">YELLOW</option>
<option value="#FF0000" style="background-color:#FF0000;">RED</option>
<option value="#FF00FF" style="background-color:#FF00FF;">FUCHSIA</option>
<option></option>
<option>--- 暗色系 ---</option>
<option value="#330000" style="background-color:#330000;color:#FFF;">#330000</option>
<option value="#440000" style="background-color:#440000;color:#FFF;">#440000</option>
<option value="#550000" style="background-color:#550000;color:#FFF;">#550000</option>
<option value="#660000" style="background-color:#660000;color:#FFF;">#660000</option>
<option value="#333300" style="background-color:#333300;color:#FFF;">#333300</option>
<option value="#443300" style="background-color:#443300;color:#FFF;">#443300</option>
<option value="#553300" style="background-color:#553300;color:#FFF;">#553300</option>
<option value="#663300" style="background-color:#663300;color:#FFF;">#663300</option>
<option value="#003333" style="background-color:#003333;color:#FFF;">#003333</option>
<option value="#004444" style="background-color:#004444;color:#FFF;">#004444</option>
<option value="#005555" style="background-color:#005555;color:#FFF;">#005555</option>
<option value="#006666" style="background-color:#006666;color:#FFF;">#006666</option>
<option value="#330033" style="background-color:#330033;color:#FFF;">#330033</option>
<option value="#440044" style="background-color:#440044;color:#FFF;">#440044</option>
<option value="#550055" style="background-color:#550055;color:#FFF;">#550055</option>
<option value="#660066" style="background-color:#660066;color:#FFF;">#660066</option>
<option></option>
<option>--- 暖色系 ---</option>
<option value="#660033" style="background-color:#660033;color:#FFF;">#660033</option>
<option value="#CC0066" style="background-color:#CC0066;color:#FFF;">#CC0066</option>
<option value="#FF0099" style="background-color:#FF0099;color:#FFF;">#FF0099</option>
<option value="#FF66CC" style="background-color:#FF66CC;color:#FFF;">#FF66CC</option>
<option value="#FF99CC" style="background-color:#FF99CC;">#FF99CC</option>
<option value="#660000" style="background-color:#660000;color:#FFF;">#660000</option>
<option value="#CC0000" style="background-color:#CC0000;color:#FFF;">#CC0000</option>
<option value="#FF0000" style="background-color:#FF0000;">#FF0000</option>
<option value="#FF6666" style="background-color:#FF6666;">#FF6666</option>
<option value="#FF9999" style="background-color:#FF9999;">#FF9999</option>
<option value="#663300" style="background-color:#663300;color:#FFF;">#663300</option>
<option value="#CC3300" style="background-color:#CC3300;color:#FFF;">#CC3300</option>
<option value="#FF6600" style="background-color:#FF6600;">#FF6600</option>
<option value="#FF9966" style="background-color:#FF9966;">#FF9966</option>
<option value="#FFCC99" style="background-color:#FFCC99;">#FFCC99</option>
<option value="#666600" style="background-color:#666600;color:#FFF;">#666600</option>
<option value="#CCCC00" style="background-color:#CCCC00;">#CCCC00</option>
<option value="#FFFF00" style="background-color:#FFFF00;">#FFFF00</option>
<option value="#FFFF66" style="background-color:#FFFF66;">#FFFF66</option>
<option value="#FFFF99" style="background-color:#FFFF99;">#FFFF99</option>
<option></option>
<option>--- 寒色系 ---</option>
<option value="#336600" style="background-color:#336600;color:#FFF;">#336600</option>
<option value="#66CC00" style="background-color:#66CC00;">#66CC00</option>
<option value="#99FF00" style="background-color:#99FF00;">#99FF00</option>
<option value="#CCFF66" style="background-color:#CCFF66;">#CCFF66</option>
<option value="#CCFF99" style="background-color:#CCFF99;">#CCFF99</option>
<option value="#006600" style="background-color:#006600;color:#FFF;">#006600</option>
<option value="#00CC00" style="background-color:#00CC00;">#00CC00</option>
<option value="#00FF00" style="background-color:#00FF00;">#00FF00</option>
<option value="#66FF66" style="background-color:#66FF66;">#66FF66</option>
<option value="#99FF99" style="background-color:#99FF99;">#99FF99</option>
<option value="#006633" style="background-color:#006633;color:#FFF;">#006633</option>
<option value="#00CC66" style="background-color:#00CC66;">#00CC66</option>
<option value="#00FF99" style="background-color:#00FF99;">#00FF99</option>
<option value="#66FFCC" style="background-color:#66FFCC;">#66FFCC</option>
<option value="#99FFCC" style="background-color:#99FFCC;">#99FFCC</option>
<option value="#006666" style="background-color:#006666;color:#FFF;">#006666</option>
<option value="#00CCCC" style="background-color:#00CCCC;">#00CCCC</option>
<option value="#00FFFF" style="background-color:#00FFFF;">#00FFFF</option>
<option value="#66FFFF" style="background-color:#66FFFF;">#66FFFF</option>
<option value="#99FFFF" style="background-color:#99FFFF;">#99FFFF</option>
<option></option>
<option>--- 淡色系 ---</option>
<option value="#FFFF66" style="background-color:#FFFF66;">#FFFF66</option>
<option value="#FFFF99" style="background-color:#FFFF99;">#FFFF99</option>
<option value="#FFFFCC" style="background-color:#FFFFCC;">#FFFFCC</option>
<option value="#FFCCFF" style="background-color:#FFCCFF;">#FFCCFF</option>
<option value="#FFCCCC" style="background-color:#FFCCCC;">#FFCCCC</option>
<option value="#FFCC99" style="background-color:#FFCC99;">#FFCC99</option>
<option value="#FFCC66" style="background-color:#FFCC66;">#FFCC66</option>
<option value="#CCFF66" style="background-color:#CCFF66;">#CCFF66</option>
<option value="#CCFF99" style="background-color:#CCFF99;">#CCFF99</option>
<option value="#CCFFCC" style="background-color:#CCFFCC;">#CCFFCC</option>
<option value="#CCFFFF" style="background-color:#CCFFFF;">#CCFFFF</option>
<option value="#CCCC66" style="background-color:#CCCC66;">#CCCC66</option>
<option value="#CCCC99" style="background-color:#CCCC99;">#CCCC99</option>
<option value="#CCCCCC" style="background-color:#CCCCCC;">#CCCCCC</option>
<option value="#CCCCFF" style="background-color:#CCCCFF;">#CCCCFF</option>
</select>
<input type="button" name="sw" value=" OK " onclick="document.bgColor=document.forms[0].BGC.value"" />
</form>

Re comments.

Comment form.

  管理者にだけ表示を許可する 
  注意 名前、タイトル、本文を入力する事で投稿可能になります。

Trackbacks.

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。