コメント欄
コメント欄の背景素材です
使い方は・・・・
↓３カラム用
388px × 40px
388px × 35px
388px × 35px
/*3カラム用*/
/*ゲストコメント*/
#comment_module .each_comment{/*コメントタイトル部分*/
margin: 0;
padding-bottom:30px;/*コメントとコメントの間*/
background: url(画像のＵＲＬ);/*上画像のURL*/
background-repeat : no-repeat;
background-position: center top;
color:#333333;/*←ゲストコメント文字色変更の場合*/
}
#comment_module .comment_body{/*コメント文章部分*/
margin: 0;
padding:10px 30px 10px;/*コメント分の上と左右と下の余裕*/
background: url(画像のＵＲＬ);/*中画像のURL*/
background-repeat : repeat-y;
background-position: center top;
}
#comment_module .comment_footer{/*コメントフッター部分*/
margin:0;
padding: 40px 0 0;
background: url(画像のＵＲＬ);/*下画像のURL*/
background-repeat : no-repeat;
background-position: center top;
}
#comment_module .label{/*コメントタイトル*/
font-weight: bold;
font-size:12px;
padding:10px 0 10px 30px;
}
.comment_footer span.comment_author{/*ゲストの名前*/
padding-left:30px;
}
.comment_footer span.comment_date{/*名前と日付の間*/
padding-left:10px;
}
#comment_module .comment_footer{/*フッター上の点線を消す*/
border-top:none;
}
/*管理人コメント*/
#comment_module .admin_comment{/*コメントタイトル部分*/
margin: 0;
padding-bottom:30px;/*コメントとコメントの間・・ゲストと同じに*/
background: url(画像のＵＲＬ);/*上画像のURL*/
background-repeat : no-repeat;
background-position: center top;
color:#0000ff;/*←管理人コメント文字色変更の場合*/
}
#comment_module .admin_comment .comment_body{/*コメント文章部分*/
margin: 0;
padding:10px 30px 10px;/*・・ゲストと同じに・・*/
background: url(画像のＵＲＬ);/*中画像のURL*/
background-repeat : repeat-y;
background-position: center top;
}
#comment_module .admin_comment .comment_footer{/*コメントフッター部分*/
margin:0;
padding: 40px 0 0;/*・・ゲストと同じに・・*/
background: url(画像のＵＲＬ);/*下画像のURL*/
background-repeat : no-repeat;
background-position: center top;
}
#comment_module .admin_comment .comment_author a{/* 管理人の名前 */
padding-left:40px;
}
↓２カラム用素材
495px × 40px
495px × 35px
495px × 35px
495px × 35px
/*2カラム用*/
/*ゲストコメント*/
#comment_module .each_comment{/*コメントタイトル部分*/
margin: 0;
padding-bottom:30px;/*コメントとコメントの間*/
background: url(画像のＵＲＬ);/*上画像のURL*/
background-repeat : no-repeat;
background-position: center top;
color:#333333;/*←ゲストコメント文字色変更の場合*/
}
#comment_module .comment_body{/*コメント文章部分*/
margin: 0;
padding:10px 80px 10px;/*コメント分の上と左右と下の余裕*/
background: url(画像のＵＲＬ);/*中画像のURL*/
background-repeat : repeat-y;
background-position: center top;
}
#comment_module .comment_footer{/*コメントフッター部分*/
margin:0;
padding: 40px 0 0;
background: url(画像のＵＲＬ);/*下画像のURL*/
background-repeat : no-repeat;
background-position: center top;
}
#comment_module .label{/*コメントタイトル*/
font-weight: bold;
font-size:12px;
padding:10px 0 10px 80px;
}
.comment_footer span.comment_author{/*ゲストの名前*/
padding-left:80px;
}
.comment_footer span.comment_date{/*名前と日付の間*/
padding-left:10px;
}
#comment_module .comment_footer{/*フッター上の点線を消す*/
border-top:none;
}
/*管理人コメント*/
#comment_module .admin_comment{/*コメントタイトル部分*/
margin: 0;
padding-bottom:30px;/*コメントとコメントの間・・ゲストと同じに*/
background: url(画像のＵＲＬ);/*上画像のURL*/
background-repeat : no-repeat;
background-position: center top;
color:#0000ff;/*←管理人コメント文字色変更の場合*/
}
#comment_module .admin_comment .comment_body{/*コメント文章部分*/
margin: 0;
padding:10px 80px 10px;/*・・ゲストと同じに・・*/
background: url(画像のＵＲＬ);/*中画像のURL*/
background-repeat : repeat-y;
background-position: center top;
}
#comment_module .admin_comment .comment_footer{/*コメントフッター部分*/
margin:0;
padding: 40px 0 0;/*・・ゲストと同じに・・*/
background: url(画像のＵＲＬ);/*下画像のURL*/
background-repeat : no-repeat;
background-position: center top;
}
#comment_module .admin_comment .comment_author{/*管理人の名前*/
padding-left:120px;
}