So-net無料ブログ作成

③/*-----Entry-----*/ [テンプレート基本]

/*-----Entry-----*/(Nice!欄・コメント欄・トラックバック欄)
【Nice!欄・コメント欄・コメントを書く欄・トラックバック欄全域】 .entry { margin-top:12px; padding:12px; border: 1px #1e1717 dashed; } margin 上12px padding上下左右12px 枠線 太さ1px 色1e1717  線のタイプ=ダッシュ
【Nice!欄・コメント欄・コメントを書く欄・トラックバック欄の中の 「Nice!」・「コメント」・「コメントを書く」・「トラックバック」の文字】 .entry h4 { margin:0 0 10px 0; padding:0; font-size:small; } margin 上と左右0 下10px padding 上下左右0 文字の大きさ small
【Nice!欄・コメント欄・コメントを書く欄・トラックバック欄の中の ul li dl dt dd formタグ】 .entry ul, .entry li, .entry dl, .entry dt, .entry dd, .entry form { margin:0; padding:0; } ul li(htmlタグ 非序列リストの作成)・・・Nice!のユーザーアイコンの整列 dl dt dd(htmlタグ 用語の定義をリスト)・・・ゲストのコメント入力の際の 名前や画像認証のところで使われているようです。 form(htmlタグ 文字入力フィールドの作成)・・・コメント入力や トラックバックのURL入力のフィールドに使われています。 margin 0 padding0
/* nice! */(Nice!欄)
【Nice!欄の「Nice!」の文字】 #nice h4 { background:url("/_common/skins/509/images/icon-nice.gif") no-repeat left center; padding-left:20px; } 背景に_common/skins/509/images/icon-nice.gifという画像(指の画像です)を 繰り返しなしで左側に配置 padding左側20px
【該当なし、完全カスタマイズ用】 #nice form { margin:12px 0; }
【Nice!欄の非序列(=アイコンのならび)】 #nice li { float:left; width:63px; padding:5px 0; font-size:x-small; line-height:1.2; text-align:center; list-style:none; overflow:hidden; white-space:nowrap; display:block; } 回り込み 左 広さ65px 文字の大きさ x-small テキストの位置 中央 アイコンに番号を付ける設定なし スクロールバー非表示 ※white-spaceは前記事の.archive-linksの 部分を参照いただけますでしょうか。 表示の仕方block(前後に改行を伴う)
/* Comments */(コメント欄)
【該当なし。完全カスタマイズ用】 #comments form { margin:12px 0; }
【ユーザーアイコン+送信されたコメント】 .each-comment { margin:20px 0; clear:both; } margin 上下20px 左右0 回り込み解除
【コメントを送信したユーザーのアイコン】 .each-comment img { float:left; margin:0 10px; } 回り込み左側 margin 上下0 左右10px
【送信したコメントの最後につくチェックボックス】 .each-comment input { margin:0; padding:0; _margin-bottom:-2px; } margin 上下左右0 padding 上下左右0 margin下-2px
【送信されたコメント】 .comments-body { margin:0 0 0 60px; margin 上下・右0 左60px コメントの1文字目が60pxから始まる }
【該当なし】 #comments .delete { margin-left:60px; }
/* Comment Write */
【コメント送信ボタン】 #comment-write dt { float:left; clear:both; } 回り込み左 回り込み解除
【ゲストユーザーの名前・URL入力欄】 #comment-write dd { margin:0 0 3px 80px; line-height:1.5; } margin 上右0 下3px 左80px
【コメントを書く欄のコメント入力エリア】 #comment-write textarea { height:150px; } 高さ150px
【ゲストユーザーの画像認証の数字入力エリア】 .comment-input { width:420px; } 広さ420px
/* Trackback Write */(トラックバック欄)
【トラックバック欄の段落 p(htmlタグ 段落を表す)】 #trackback-write p { margin:0; } margin0
【トラックバックのURLとこの記事について書くの部分】 #trackback-write form { margin:12px 0; } margin 上下12px 左右0
【トラックバック一つごとに】 .each-trackback { margin:15px 0; } margin 上下15px 左右0
.trackback-url input { width:98%; } トラックバックのURLの広さ98%
/* Related */(ソースにないので分かりません)
#related ul { padding-left:20px; } #related li { padding:1px 0; }

時よ止まれ(2)  コメント(0)  トラックバック(0) 

時よ止まれ 2

コメント 0

コメントを書く

お名前:
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

トラックバック 0

トラックバックの受付は締め切りました
URYYYYYY

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。

×

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