デザインスキンは「グリーン」「ピーチ」「グレー」「ブルー」が基本です。
ちなみに私は『ピーチ/2コラム-記事右」を選択しています。
★サイドバーの位置の変更 で、記事を右から左に変更しています。
(CSSの編集)とりあえずまとめて解説 でも、解説文がありますが、
詳しい説明をしてませんので、応用兼ねて説明します (〃⌒ー⌒〃)ゞ
って、そんな、たいしたことではありませんが・・・・・ 流れと言う物がありまして(笑)
(o ̄∀ ̄)ノ”ぁぃ まだ、いじってる人が少ないコメント記入欄をいじくっちゃって、
めだっちゃおぅ o(*⌒O⌒)b!! という事で、コメント記入欄、カスタマ!! しちゃいます♪
前置きが長かった・・・・・・ (苦笑)
/* ----------------------- MainColumn ----------------------- */
・
・
・ ← 長いので省略
・
#f_name,#f_url,#f_title,#f_com{ ← ここがコメント欄の各個所を指しています。
display:inline;
width: 400px; ← コメント記入欄の幅
margin-bottom: 3px;
margin-left: 6px;
}
#f_name ← コメント欄の名前
#f_url ← コメント欄のURL
#f_title ← コメント欄のタイトル
#f_com ← コメント欄のコメント
CSS編集画面では、上記各個所が、まとめて記入してあるため、 4カ所全てに同じ装飾をするのなら、
装飾したい情報を書き込むだけでOKです。
◆例えば・・・・・ コメント記入欄全個所に、色を入れたい場合
#f_name,#f_url,#f_title,#f_com{ ← ここがコメント欄の各個所を指しています。
display:inline;
width: 400px; ← コメント記入欄の幅
margin-bottom: 3px;
margin-left: 6px;
background-color: #ff661a; ← これを追加 背景色を入れるということ
}
◆例えば・・・・・ 名前欄とタイトル欄だけに画像を入れたい場合(行全体に背景を入れたい)
#f_name,#f_url,#f_title,#f_com{ ← ここがコメント欄の各個所を指しています。
display:inline;
width: 400px; ← コメント記入欄の幅
margin-bottom: 3px;
margin-left: 6px;
}
#f_name,#f_title{ ← ピンクの部分を追加。 名前とタイトルのみ
background-image: url("画像のURL"); ← 差し込みたい背景画像
background-repeat: repeat; ← 画像を繰り返すと言う意味
}
◆ここの、コメント記入欄は、コメント欄のみ、動くGIFを挿入しています(右下背景固定)
#f_name,#f_url,#f_title,#f_com{
display:inline;
width: 400px; ← コメント記入欄の幅
margin-bottom: 3px;
margin-left: 6px;
}
#f_com{ ← ピンクの部分を追加。 コメントのみ
background-image: url("画像のURL"); ← コメント記入欄の「コメント:」枠内への背景表示
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 95% 95%;
}
過去の(CSS編集) を参考にしていただければ、色々とカスタマできると思います。