■自分で調節する楽しみ
category: skin：John
Johnをダウンロードしてくださったみなさまありがとうございます。
このスキン*1自分で言うのもなんですが、やたらとシンプルです。
画像無し*2で、デザイン自体もまるでカスタマイズ前のサンプルに近いほどの潔さ（笑）。
そのため、色に依存する部分が多く、シンプルであるがゆえに、飽きが早いかもしれない。*3
そんな時、ぜひお勧めしたいのが色変え*4です（オリジナルの色がやだなぁ、という方もぜひｗ）。
改造なんてやったことない、という人もご安心あれ。*5
色変えでいじるのは『スタイルシートの編集』のみで、要は色を表している部分（#XXXXXX）を、それぞれ好きな色に置き換えてしまうというだけ。
■方法（もなにもないけど
上の色（#d9d98cとか#221100とか）を変えたい色と総取替えしてしまいましょう。
winだとメモ帳にコピペして、置換キー（Ctrl＋H）の「すべて置換」を使うととってもラクチン！
サンプルとして、こんな色変え方をやってみました。
（m：main、t：text、a：accent、l：link、v：vlinkの略）
※上の設定ではさらにスクロールバーの装飾のために↓をスタイルシートに追加してます。
ただ、mainやtext、accentの色を入れ替えるだけでもまたずいぶん変わるはず。
改造初の人も、これを機にアレコレ試してみるのも面白いかも。
自分のお気に入りカラーを見つけて色々遊びましょ〜。
オススメカラーの報告もお待ちしてマッスル。
■色の参考サイト
・色のみじん切り --色見本をダウンロードできます
http://members.at.infoseek.co.jp/color_onion/
・COLORSTROLOGY --誕生日ごとに色があったってご存知でした？
http://www.colorstrology.com/colorstrology_sniffer.html
・色にょろのページ --色名がついたものには何がある
http://www.asahi-net.or.jp/~QD7K-SD/
・Color Slider --オンラインだけど便利やのぉ〜
http://report.s22.xrea.com/
・ColorMatch 5K http://colormatch.dk/
・ColorBlender http://colorblender.com/
・THE RETURN OF DESIGN http://returnofdesign.com/colors/
続きはどうでもいいつぶやき･･ 続きを読む ...
このスキン*1自分で言うのもなんですが、やたらとシンプルです。
画像無し*2で、デザイン自体もまるでカスタマイズ前のサンプルに近いほどの潔さ（笑）。
そのため、色に依存する部分が多く、シンプルであるがゆえに、飽きが早いかもしれない。*3
そんな時、ぜひお勧めしたいのが色変え*4です（オリジナルの色がやだなぁ、という方もぜひｗ）。
改造なんてやったことない、という人もご安心あれ。*5
色変えでいじるのは『スタイルシートの編集』のみで、要は色を表している部分（#XXXXXX）を、それぞれ好きな色に置き換えてしまうというだけ。
■オリジナルの色はこうなってます
main ■#e1e1ac ※旧■#d9d98c（背景色）
color：.sttl / .cal_month
bg-color：body / td
text ■#000000 (文字色)
color ：td / a:active / a:hover / .e_ttl / .r_ttl / .e_ttl a:linkなど
accent ■#695924 ※旧■#221100 (アクセント色)
color ：.intro / .stxt / .ttl /.ttl a:link,a:visited
bg-color：.cal_month
border-top：.e_ttl
link ■#8C7B2B ※旧■#b3b34d (リンク色)
color :a:link / .ttl a:hover / .ttl a:active
vlink ■#cc3300 ※旧■#8C7B2B (リンク済色)
color :a:visited
※main,text,accent,link,vlinkは、ここでわかりやすいように名前をつけてみただけです。
一応上の書き方の説明をすると、
mainの色#d9d98cは、color（文字の色）としての指定先に.sttlや.cal_monthがある。
bg-color（背景の色）としての指定先にbody や tdがある。
みたいな感じ。bg-color（背景の色）としての指定先にbody や tdがある。
■方法（もなにもないけど
上の色（#d9d98cとか#221100とか）を変えたい色と総取替えしてしまいましょう。
winだとメモ帳にコピペして、置換キー（Ctrl＋H）の「すべて置換」を使うととってもラクチン！
サンプルとして、こんな色変え方をやってみました。
（m：main、t：text、a：accent、l：link、v：vlinkの略）
|
| ||||||||||||
|
| ||||||||||||
|
| ||||||||||||
|
| ||||||||||||
|
| ||||||||||||
|
| ||||||||||||
|
| ||||||||||||
|
| ||||||||||||
*{scrollbar-arrow-color : #330000;
scrollbar-face-color : #main色;
scrollbar-highlight-color : #f5f5e7;}
scrollbar-face-color : #main色;
scrollbar-highlight-color : #f5f5e7;}
ただ、mainやtext、accentの色を入れ替えるだけでもまたずいぶん変わるはず。
改造初の人も、これを機にアレコレ試してみるのも面白いかも。
自分のお気に入りカラーを見つけて色々遊びましょ〜。
オススメカラーの報告もお待ちしてマッスル。
■色の参考サイト
・色のみじん切り --色見本をダウンロードできます
http://members.at.infoseek.co.jp/color_onion/
・COLORSTROLOGY --誕生日ごとに色があったってご存知でした？
http://www.colorstrology.com/colorstrology_sniffer.html
・色にょろのページ --色名がついたものには何がある
http://www.asahi-net.or.jp/~QD7K-SD/
・Color Slider --オンラインだけど便利やのぉ〜
http://report.s22.xrea.com/
・ColorMatch 5K http://colormatch.dk/
・ColorBlender http://colorblender.com/
・THE RETURN OF DESIGN http://returnofdesign.com/colors/
続きはどうでもいいつぶやき･･ 続きを読む ...
2005/09/10 09:38 Sat | edit? | trackback(0) | comment(7)
