>>2005年05月02日スタイルシートの編集�U壁紙やヘッダーだけでなくとことんオリジナルに変えてしまうのもそんなに難しいことではありません。実は私のこのブログ、テンプレートの「さくら」を雛形にしているんです。?ぜんぜん違うと思いませんか?壁紙やヘッダーについてはスタイルシートの編集�Tのように変更して差し替えます。私のこのブログを例に説明すると「さくら」は、右サイドバーのみなのでスタイルシートのlinks-left{}内もlinks{}と同様に指定する必要があります。この時、width:○○px;をそのままにしてしまうとブログ本体に収まりきれず、サイドバーが落ちてしまうのでwidth:○○px;の値を調整します。簡単に言うと、widthとは幅のことなのでlinks-leftとlinksとcontentとそれぞれのmarginを足した幅がcontainerの幅に収まればよいのです。スタイルシートの中でbackground-image:url();で指定されているものを殆ど全て自分で作成するか、素材屋さんからDLしてきてそれをアップロードし、プロパティを調べて()内を差し替えます。「さくら」のh3{}の中ではhttps://blog.seesaa.jp/img/bg/sakura/title.gifというアイコンが記事タイトル左に指定されているので、これを差し替えます。簡単に差し替えをするなら、上記urlをコピーしてブラウザに表示させてプロパティを確認して同じ幅と高さのアイコンを設定すればいいわけです。ここで幅や高さも変わってしまった場合はh3{}内のpaddingを調整します。同じようにdate{}やsidetitle{}内のbackground-image:urlの()内を差し替えます。ここではなどを作成したり、DLしてきて差し替えています。この時、date{}であればcontentのsidetitle{}であればlinksのwidthのサイズにぴったり合わせましょう。blogbodyやsideのbackground-colorを指定すればほぼ完成です。このブログの場合は、さらにblogbodyにbackground-image:url()で画像を指定してそれをbackground-position:bottom;で位置を記事の下としてラインを表示したりsideにも同じように下に表示する画像を指定しています。Seesaaではトップページに限り、プレビューで確認できますしスタイルシートに名前をつけておけばいつでももとの状態に戻すことは可能なので怖がらずに、どんどん自分でスタイルシートをいじってみてどのようにかわるのか、実際に体験してみることが一番だと思います。|この記事へのコメント初めまして、nekobabaと申します。非常にわかりやすく「スタイルシートの編集」を説明されていましたので、思わず私も編集してしまいました。今から記事のラインを探しに行ってきます。本当にありがとうございました。22:18nekobabaさん、お返事遅くなって申し訳ありません。TBならびにコメント本当にありがとうございます。20:22またまたお邪魔します。nekobabaです。ラインを探してきました。いろいろなサイトさまをめぐりにめぐって、見つけたのがみえにゃんさんと同じサイトのものになってしまいました。