プロが教えるわが家の防犯対策術!

http://flash.xtaro.com/sozai/tool/fcount/sample. …ここを参考にHPを作っています。

<!--
BODY {
MARGIN-TOP: 3px; COLOR: #000000; BACKGROUND-COLOR: #e6eee6; TEXT-ALIGN: center
;}
TABLE {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; WIDTH: 700px; BORDER-COLLAPSE: collapse; BORDER-RIGHT-WIDTH: 0px
;}
TD {
FONT-SIZE: 11pt; MARGIN: 0px; WIDTH: 140px; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #66cc99; TEXT-ALIGN: center
;}
DIV {
BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; BORDER-LEFT: #999999 1px solid; WIDTH: 700px; BORDER-BOTTOM: #999999 1px solid; BACKGROUND-COLOR: #ffffff
;}
.menu {
BORDER-RIGHT: #66cc99 0px solid; PADDING-RIGHT: 3px; BORDER-TOP: #66cc99 0px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: #66cc99 0px solid; WIDTH: 100%; COLOR: #ffffff; PADDING-TOP: 3px; BORDER-BOTTOM: #66cc99 0px solid; BACKGROUND-COLOR: #339966; TEXT-DECORATION: none
;}
.menu:hover {
COLOR: #004411; BACKGROUND-COLOR: #bbffdd
;}
.close {
BORDER-RIGHT: #ff0000 1px solid; BORDER-TOP: #ff0000 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 11pt; BORDER-LEFT: #ff0000 1px solid; COLOR: #dd0000; BORDER-BOTTOM: #ff0000 1px solid; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none
;}
.close:hover {
COLOR: #ffffff; BACKGROUND-COLOR: #ff0000
;}
-->
(1)メニュー1や2の色を変更するにはどうすればいい?
(2)ページ背景色をhttp://www.kds.kddi.com/topics/index.htmlのようにグラデーションにするにはどうすればいい?
(3)ページ幅を変更するにはどうすれいい?

A 回答 (3件)

(1).menu{の中のBACKGROUND-COLOR: #339966 の「#339966」の数字を変えれば、元々の色を変えられます。


マウスが乗った時の色は.menu:hover {の中の
BACKGROUND-COLOR: #bbffdd の「#bbffdd」を変えてれば大丈夫です。

(2)<DIV id="obj1" style="width:100%;height:100%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#006666)">
このタグの中の「startColorstr=#ffffff,endColorstr=#006666」を変更すれば、好きな色のグラデーションが作れます。

(3)TABLE {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; WIDTH: 700px; BORDER-COLLAPSE: collapse; BORDER-RIGHT-WIDTH: 0px
;}の中の「WIDTH: 700px」の変更で変えることができます。
    • good
    • 0

>(1)メニュー1や2の色を変更するにはどうすればいい?



実際に確認していませんが、おそらく

.menu {
BORDER-RIGHT: #66cc99 0px solid; PADDING-RIGHT: 3px; BORDER-TOP: #66cc99 0px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: #66cc99 0px solid; WIDTH: 100%; COLOR: #ffffff; PADDING-TOP: 3px; BORDER-BOTTOM: #66cc99 0px solid; BACKGROUND-COLOR: #339966; TEXT-DECORATION: none
;}

の BACKGROUND-COLOR: #339966; ←この値と

.menu:hover {
COLOR: #004411; BACKGROUND-COLOR: #bbffdd
;}

の BACKGROUND-COLOR: #bbffdd; ←この値

を変更すれば良いのではないかと思います。
後のがリンクカーソルが重なった時の色の指定になります。

(2)ページ背景色をグラデーションにするにはどうすればいい?

例にあげられましたサイトですとグラデーションの画像を、
cssで背景に指定しているのではないかと思います。
画像を使用しない場合、cssの他にjavaで指定できたりするみたいです。
http://dex.okwave.jp/kotaeru.php3?q_id=1880858

(3)ページ幅を変更するにはどうすれいい?

テーブル幅のことでしょうか??

TABLE {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; WIDTH: 700px; BORDER-COLLAPSE: collapse; BORDER-RIGHT-WIDTH: 0px
;}

の WIDTH: 700px; ←の値を変えてみてください。
違ったらすみません;
    • good
    • 0

(1)メニュー1や2の色を変更するにはどうすればいい?


.menu {
BORDER-RIGHT: #66cc99 0px solid; PADDING-RIGHT: 3px; BORDER-TOP: #66cc99 0px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: #66cc99 0px solid; WIDTH: 100%; COLOR: 文字色; PADDING-TOP: 3px; BORDER-BOTTOM: #66cc99 0px solid; BACKGROUND-COLOR: 背景色; TEXT-DECORATION: none
;}
.menu:hover {
COLOR: マウスを乗せたときの文字色; BACKGROUND-COLOR: マウスを乗せたときの背景色
;}

となります。
全てのメニューを一括で指定します。
メニュー1、メニュー2・・・と、それぞれのメニューを別の色に指定したいということであれば、新しくスタイルを追加しなければいけません。

(2)ページ背景色をhttp://www.kds.kddi.com/topics/index.htmlのようにグラデーションにするにはどうすればいい?
→グラデーションの画像を背景画像に指定しています。

(3)ページ幅を変更するにはどうすれいい?
TABLE {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; WIDTH: ページ幅; BORDER-COLLAPSE: collapse; BORDER-RIGHT-WIDTH: 0px
;}

えーとあまり親切な答え方でないですが、お急ぎだそうなのでとりあえず・・・ヒントになれば幸いです。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!