今月のピックアップ - あなたのサイトに相互リンクシステムを! / 相互リンクのtooland

Seesaaコンテンツ部分のカスタマイズ

2008-04-22 Tue

コメント部分のカスタマイズ

説明はホワイト(右サイドバー)を例にしています。

スタイルシート変更箇所【#comments】【.comments-head】【.comments-body】部分 【.text】【.comments-post】


コメント記事部分

コメント部分の構造は、大外枠が#commentsです。

.comments-headが「この記事へのコメント」「コメントを書く」の部分。

.comments-bodyの中に寄せられたコメントが入ります。

寄せられたコメントは、実際には【.text】の中です。この【.text】はブログの記事部分と共有されるので、個別に指定したい場合は下記のようにするべし。

#comments {
margin-top:25px;
margin-left:5px;
text-align:left;
}
#comments form{
}
#comments textarea{
border:1px solid #EAEAEA;
background-color:#FFF;
color:#8F8F8F;
}
#comments input{
border:1px solid #EAEAEA;
background-color:#FFF;
color:#8F8F8F;
}
.comments-head{ 
margin:0px;
padding-top:10px;
color: #999;
font-size:12px;
font-weight:bold;
}
.comments-body {
padding:5px 5px 5px 0px;
font-size: 12px;
color: #999;
}
.comments-post{ 
font-size: 10px; 
color: #999;
padding:10px 10px 10px 30px;
}

/*--コメントの文字部分を個別に指定したい時--*/

.comments-body .text{

----ここに適当に指定----

}

コメント入力部分

スタイルシート変更箇所【#comments form】【#comments textarea】【#comments input】部分

#comments form部分は入力フォーム全体を囲んでいます。上記では何も指定されていませんが、ボーダー指定や背景指定など可能。

#comments textareaはコメント記入部分。

#comments inputは名前やメールを入力する部分。

#comments form{
}
#comments textarea{
border:1px solid #EAEAEA;
background-color:#FFF;
color:#8F8F8F;
}
#comments input{
border:1px solid #EAEAEA;
background-color:#FFF;
color:#8F8F8F;
}

タグ-[ #comments ]

[ 人気ブログランキングへ ] [ Seesaaコンテンツ部分のカスタマイズ ] [ Comment(1) / TrackBack(0) ] [ ▲Top ]

データベースを用いた一覧表示サイトをまるごと簡単に作れる!

儲かりすぎ注意!アフィリエイトで儲かっている方は絶対にクリックしないで下さい!

ラブコスメティック

セクシャルヘルスケア商品の詳細・購入はこちら

シックス・アパート

企業サイトもPingoo!でアクセスUP

ブログ記事を投稿するだけで原稿料を貰える

わずか10秒程度でホームページの問題点が丸裸に!UNFINISHED無料ホームページ診断

▲Page Top

この記事へのコメント

あなたによって素晴らしい仕事に感謝したいと思います !このような投稿を続行してください。
Posted by cheap coach bags at 2011年03月07日 18:27

コメント

お名前: [必須入力]

メールアドレス: [必須入力]

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/94239691
※言及リンクのないトラックバックは受信されません。

この記事へのトラックバック

▲Page Top

最近の記事

簡単にリンク集が作成できる便利ツール (04/05)

その他のリンク (08/29)

SEO見直し完了 (06/03)

SEO実施 (06/02)

ボックスモデルを理解する (05/31)

SeeSaaブログ用テンプレート11 (05/30)

オリジナルテンプレート10の訂正 (05/29)

SeesaaSEO的<h1>そのA (05/28)

SeesaaSEO的<h1>その@ (05/28)

SeeSaaブログ用テンプレート10 (05/28)

最近のコメント
最近のトラックバック
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。