■自分で調節する楽しみ 続
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://blog19.fc2.com/s/seraq/file/coner.gif);
}
のURLを「http://blog19.fc2.com/s/seraq/file/coner1.gif」と書き換えるか、ダウンロードして自分の鯖にアップした画像URLに書き換えてください。
【末端用の編集】スタイルシート編集の一番最後
#side ul.tree li.end {
background-image: url(http://blog19.fc2.com/s/seraq/file/coner.gif);
}
のURLを「http://blog19.fc2.com/s/seraq/file/coner1.gif」と書き換えるか、ダウンロードして自分の鯖にアップした画像URLに書き換えてください。
・黒背景用に作った分
通常画像・白→
末端画像・白→
【通常用の編集】スタイルシート編集の一番最後から2番目にある
#side ul.tree li {
margin: 0px;
padding: 0px 0px 0px 16px;
background-image: url(http://blog19.fc2.com/s/seraq/file/coner2.gif);
background-repeat: no-repeat;
}
のURLを「http://blog19.fc2.com/s/seraq/file/wconer2.gif」と書き換えるか、ダウンロードして自分の鯖にアップした画像URLに書き換えてください。末端は上の末端用の編集を参考に。URLは「http://blog19.fc2.com/s/seraq/file/wconer.gif」です。
末端画像・白→【通常用の編集】スタイルシート編集の一番最後から2番目にある
#side ul.tree li {
margin: 0px;
padding: 0px 0px 0px 16px;
background-image: url(http://blog19.fc2.com/s/seraq/file/coner2.gif);
background-repeat: no-repeat;
}
のURLを「http://blog19.fc2.com/s/seraq/file/wconer2.gif」と書き換えるか、ダウンロードして自分の鯖にアップした画像URLに書き換えてください。末端は上の末端用の編集を参考に。URLは「http://blog19.fc2.com/s/seraq/file/wconer.gif」です。
こんなところですが･･説明下手で何やらわかりづらいかも。申し訳ありませぬ･･。
スペルcornerだしね･･orz
2005/09/13 02:04 Tue | edit? | trackback(0) | comment(2)
