全ての文字の色を統一

[新着] Webテンプレートを仮オープンしました

0   名前： mika ： 2004/08/28 23:09
ちょっと説明するのも難しいのですが、自分ではこれ以上分からないので
誰か分かる方助言お願いします。

私は、ホームページにインラインフレームを置いています。
横の色々なボタン（項目）を押せば、そのインラインフレームに表示される。
という仕組みなんですが、そのインラインフレームの文字と背景色を統一した
いんです。

例えばこんな感じで・・
ボタン１（ニュース）を押すとインラインフレ−ムにnews.htmlを表示。
ボタン２（説明）を押すとインラインフレームにexplanation.htmlを表示。
ボタン３（日記）を押すとインラインフレーム３dialy.htmlを表示。
となるとします。
その時に、インラインフレームに反映される、全てのhtmlの中の文字を
統一したいんです。
普段は黒なんですが、HPをリニューアルすると、全て手作業で変えるとなると、
膨大な量（htmlが）で出来ません。
これを簡単に統一する方法ってあるんでしょうか？
やはり別物なので手作業で変えるしかないんでしょうか？

よろしくおねがいします。
1   名前： U D ： 2004/08/28 23:36
CSS(スタイルシート)の外部ファイルを使う、というのが妥当ではないでしょうか？
（CSS、CSSの外部ファイル）
http://www.tagindex.com/stylesheet/basic/pattern.html
http://www.tagindex.com/stylesheet/basic/pattern1.html

CSSでもJavaScriptでも外部ファイルを利用するとリニューアルのとき楽にできます。
（参考に）
http://allabout.co.jp/career/javascript/closeup/CU20030522/
2   名前： mika ： 2004/08/29 11:41
ありがとうございます。
このCSSというのを基本のインラインフレーム（ボタンを押せば色々なページに変わる
ところ）で保存するのですか？
htmlでなく、cssですよね？
ファイルマネージャーで開いた場合、htmlのように一発で開けられないのですが
大丈夫なんでしょうか？

そして、変えたいページ全てに
<LINK REL="stylesheet" TYPE="text/css" HREF="sample.css">
をつければ、sample.cssを変更しただけで、全てのページの背景や文字色が変わると
いうことですか？？
3   名前： mika ： 2004/08/29 11:57
少しやっていて意味がわかりました。
sample.cssを作り、そこに以下のものなどを貼って保存するんですよね？


BODY { background-color: gray; }
A { text-decoration: none; }
H1 { color: red; }
P { color: green; }
.big { font-size: 15pt; }
.small { font-size: 8pt; }

これでもリニューアル時に簡単ですか？
一番下に（参考に）と書いて下さったのはまた別物なんでしょうか？
ちらっと見たら難しそうで・・


ちなみに！！！！！
H1 { color: red; }の部分がredなのに、灰色で表示されます。
間違っているんでしょうか？
これはフォント色ですよね？
4   名前： Schlaf ： 2004/08/29 14:22
>ファイルマネージャーで開いた場合、htmlのように一発で開けられないのですが
大丈夫なんでしょうか？

メモ帳に関連付けると良いですよ。

>sample.cssを作り、そこに以下のものなどを貼って保存するんですよね？

その通りです。

>これでもリニューアル時に簡単ですか？

sample.cssを書き換えれば、
<LINK REL="stylesheet" TYPE="text/css" HREF="sample.css">
を書いた全てのページがその設定に置き換わりますね。

>H1 { color: red; }の部分がredなのに、灰色で表示されます。
>間違っているんでしょうか？
>これはフォント色ですよね？

確かに文字の色ですが、どこかが間違っているのでしょうね。
余計な空白とか入ってませんか？
全角空白が入っていると、利かないことがあります。
5   名前： mika ： 2004/08/29 21:53
BODY { background-color: #CCCCFF; }
A { text-decoration: none; }
H1 { color: #CCCCFF; }
P { color: #000000; }
.big { font-size: 15pt; }
.small { font-size: 8pt; }

これが今、そのままcssで保存されています。
なのに文字色は黒です。
そのhtmlの方で指定されていたので<font color=gray>を外したのですが、
黒になってしまいました。
間違っているのでしょうか？
6   名前： phpinfo() ： 2004/08/29 21:58   ［URL］
多分Pタグで囲んで居ない所が黒のままだと思います

＃あと、絶対値で文字の大きさを決めるのは望ましくないようです
http://www.mars.dti.ne.jp/~fuming/contents/sizefix.htm
7   名前： mika ： 2004/09/01 00:10
ありがとうございます。
なんとかやってみたら出来ました。
ちなみにスクロールバーの色も統一したいのですが、どのように書き、保存すれば
反映されるのでしょうか？
今はこの状態ですが、スクロールバーは反映されていません。
書く順番があるのでしょうか？



BODY{
scrollbar-face-color:#CCCC00;
scrollbar-arrow-color:#CCCC00;
scrollbar-track-color:#CCCCFF;
scrollbar-highlight-color:#CCCCFF;
scrollbar-shadow-color:#CC66CC;
scrollbar-3dlight-color:#CC66CC;
scrollbar-darkshadow-color:#CCCCFF;
}
BODY { background-color: #CC66CC; }
A { text-decoration: none; }
H1 { color: #CCCCFF; }
P { color: #000000; }
8   名前： mika ： 2004/09/01 00:11
BODY { background-color: #CC66CC; }
A { text-decoration: none; }
H1 { color: #CCCCFF; }
P { color: #000000; }


その前は、これのみでcssで保存していました。
そこにスクロールバーの色も統一したい、というわけです。
9   名前： ばあど ： 2004/09/01 00:26   ［URL］
> 書く順番があるのでしょうか？
ないけど、二度書きする必要はないよ。

推測だけど、DOCTYPE関係が問題かも。
下みたいにするとどう？

BODY,html{
scrollbar-face-color:#CCCC00;
scrollbar-arrow-color:#CCCC00;
scrollbar-track-color:#CCCCFF;
scrollbar-highlight-color:#CCCCFF;
scrollbar-shadow-color:#CC66CC;
scrollbar-3dlight-color:#CC66CC;
scrollbar-darkshadow-color:#CCCCFF;
background-color: #CC66CC;
}
A { text-decoration: none; }
H1 { color: #CCCCFF; }
P { color: #000000; }
10   名前： mika ： 2004/09/02 22:21
ありがとうございます。
やってみましたが変わりはないです。。。
11   名前： ばあど ： 2004/09/04 12:32   ［URL］
>>9 でダメというなら、
実際のページを見てみるかソースを提示してもらうしかない。
多分他の部分で何か間違えている。
12   名前： mika ： 2004/09/06 18:25
cssに、ばぁどさんが書かれた通り書き込んでアップしたんですが、
表示されなかったんです。
他のソースで間違っていたとしてもそれは関係あるんでしょうか？？
13   名前： ばあど ： 2004/09/06 20:17   ［URL］
大あり。
そこが間違っていない以上、他に問題があるとしか考えられない。
でなければ、mikaさんが何か不要なものを挿入してしまっているか。

因みに、そのままコピー＆ペーストしてくれたよね？？

それと、お使いのOSはWindowsで、
ブラウザはInternetExplorerのVer.6で合ってる？
14   名前： mika ： 2004/09/06 20:39
はい。。Windouwsのexplorer、バージョンは６です。

でもどこのソースを見せればいいですか？？
コピーペースト、そのまましました〜。
15   名前： ばあど ： 2004/09/07 10:23   ［URL］
>コピーペースト、そのまましました〜。
了解(^^

>どこのソースを見せればいいですか？？
関係のあるソースを全部。
より厳密には、
外部スタイルシートファイルの内容全部と
それにリンクしていて、うまくいっていないHTMLファイルの内容全部。

多いなら、そのHTMLのあるURLを張ってもらえるとありがたい。
なんなら、zipなりlzhなりの圧縮ファイルでも構わない。
16   名前： mika ： 2004/09/07 19:37
こういう時は絶対初歩的ミスだと思い、難しく考えずに基本が出来てるかを
見たら・・間違っていました。
sample.cssを貼ったhtmlに、最初のスクロールバーの指定のタグが貼ったままでした。
案の定とったらすんなり設定出来ました。

ばぁどさんには真剣に考えていただいてほんと助かりましたし、嬉しいです。
ありがとうございました。
そして、私の基本的なミスでした！すみませんでした！！
17   名前： ばあど ： 2004/09/07 22:38   ［URL］
なるほど。
そういうこともあるのか。
勉強になった。
事後報告、とてもありがとう<(_ _)>
そして、自己解決できておめでとう(^_^
18   名前： mika ： 2004/09/08 17:05
はい。そういうことでした（汗）
ほんとにほんとにありがとうございました。
凄いスッキリして嬉しいです。
一覧へ戻る