デザインスキンは「グリーン」「ピーチ」「グレー」「ブルー」が基本です。

ちなみに私は『ピーチ/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編集)  を参考にしていただければ、色々とカスタマできると思います。