■自分で調節する楽しみ 続
category: skin：John
前回の続きで色の追加分をば。
※オリジナルからの変更点
・サイドメニューのタイトルを左ラインに
※ツリー化用の画像(なるべくダウンロードをおすすめ）
・従来の末端が切れてしまうのを直した分
・黒背景用に作った分
こんなところですが･･説明下手で何やらわかりづらいかも。申し訳ありませぬ･･。
スペルcornerだしね･･orz
|  | ||||||||||||
|  | ||||||||||||
※オリジナルからの変更点
・サイドメニューのタイトルを左ラインに
.sttl{ }中にある、background:#xxxxxx;を削除し(もしくはメイン色と同じに書き換え)、
color: #xxxxxx ;border-left: 5px #xxxxxx solid; を追加する。
・引用（blockquote）の色をアクセント色と同じにcolor: #xxxxxx ;border-left: 5px #xxxxxx solid; を追加する。
blockquote{ }中に、color: #アクセント色; を追加する。
・記事のタイトル色をアクセント色と同じに.e_ttl { }と.e_ttl a:link,.e_ttl a:visited,.e_ttl a:hover,.e_ttl a:active{ }中にある
color: #テキスト色;をcolor: #アクセント色;に書き換える。
・ツリーの装飾color: #テキスト色;をcolor: #アクセント色;に書き換える。
*{scrollbar-arrow-color : #330000;
scrollbar-face-color : #main色;
scrollbar-highlight-color : #f5f5e7;}を追加する。
scrollbar-face-color : #main色;
scrollbar-highlight-color : #f5f5e7;}を追加する。
※ツリー化用の画像(なるべくダウンロードをおすすめ）
・従来の末端が切れてしまうのを直した分
末端画像→
【末端用の編集】スタイルシート編集の一番最後
#side ul.tree li.end {
background-image: url(http://blog-imgs-29.fc2.com/s/e/r/seraq/coner.gif);
}
のURLを「http://blog-imgs-29.fc2.com/s/e/r/seraq/coner1.gif」と書き換えるか、ダウンロードして自分の鯖にアップした画像URLに書き換えてください。
【末端用の編集】スタイルシート編集の一番最後
#side ul.tree li.end {
background-image: url(http://blog-imgs-29.fc2.com/s/e/r/seraq/coner.gif);
}
のURLを「http://blog-imgs-29.fc2.com/s/e/r/seraq/coner1.gif」と書き換えるか、ダウンロードして自分の鯖にアップした画像URLに書き換えてください。
・黒背景用に作った分
通常画像・白→
末端画像・白→
【通常用の編集】スタイルシート編集の一番最後から2番目にある
#side ul.tree li {
margin: 0px;
padding: 0px 0px 0px 16px;
background-image: url(http://blog-imgs-29.fc2.com/s/e/r/seraq/coner2.gif);
background-repeat: no-repeat;
}
のURLを「http://blog-imgs-29.fc2.com/s/e/r/seraq/wconer2.gif」と書き換えるか、ダウンロードして自分の鯖にアップした画像URLに書き換えてください。末端は上の末端用の編集を参考に。URLは「http://blog-imgs-29.fc2.com/s/e/r/seraq/wconer.gif」です。
末端画像・白→【通常用の編集】スタイルシート編集の一番最後から2番目にある
#side ul.tree li {
margin: 0px;
padding: 0px 0px 0px 16px;
background-image: url(http://blog-imgs-29.fc2.com/s/e/r/seraq/coner2.gif);
background-repeat: no-repeat;
}
のURLを「http://blog-imgs-29.fc2.com/s/e/r/seraq/wconer2.gif」と書き換えるか、ダウンロードして自分の鯖にアップした画像URLに書き換えてください。末端は上の末端用の編集を参考に。URLは「http://blog-imgs-29.fc2.com/s/e/r/seraq/wconer.gif」です。
こんなところですが･･説明下手で何やらわかりづらいかも。申し訳ありませぬ･･。
スペルcornerだしね･･orz
2005/09/13 02:04 Tue | edit? | trackback(0) | comment(2)
Comment
はじめまして。
訪問履歴から参りました。
それにしても「COLOR CHOICES ?」！！
あまりの感動で驚いてます。
今は赤で楽しませていただいてます。
凄いです。格好良すぎます。
では〜♪
訪問履歴から参りました。
それにしても「COLOR CHOICES ?」！！
あまりの感動で驚いてます。
今は赤で楽しませていただいてます。
凄いです。格好良すぎます。
では〜♪
Juka URL #hiiZJbic | 2005.09.19 07:45 | edit?
Jukaさん、こんばんは〜。はじめまして！
ブログこっそりお邪魔してました･･ｗドキドキ
シンプルすぎなので試しに付けてみたColorChoicesですが、気に入っていただけたようで、嬉しいです＾＾
私は今はピンクで書いてますが、赤も渋くて、いいですよねぇ〜（自分で言うか）。個人的にはHMVが結構気に入ってます（笑）でも肝心の中身を何とかしないといけないのに、アレコレ遊びすぎかも；
Jukaさん、気が向いたらまたカチカチ楽しんでやってくださいまし〜ｗ
ブログこっそりお邪魔してました･･ｗドキドキ
シンプルすぎなので試しに付けてみたColorChoicesですが、気に入っていただけたようで、嬉しいです＾＾
私は今はピンクで書いてますが、赤も渋くて、いいですよねぇ〜（自分で言うか）。個人的にはHMVが結構気に入ってます（笑）でも肝心の中身を何とかしないといけないのに、アレコレ遊びすぎかも；
Jukaさん、気が向いたらまたカチカチ楽しんでやってくださいまし〜ｗ
クスノキ URL #XmHeyEnw | 2005.09.20 22:20 | edit?
Trackback
URL : http://seraq.blog19.fc2.com/tb.php/8-25069f30
