コメントフッター(投稿者、投稿日時、返信)文字の色 | リアナのカスタマイズ日記(CSS編集用デザイン)

リアナのカスタマイズ日記(CSS編集用デザイン)

アメブロ 新CSS CSS編集用デザイン 無料
カスタマイズ アメブロカスタマイズ 初心者
CSS スタイルシート デザイン
javascript jQuery

★ コメントフッター(投稿者、投稿日時、このコメントに返信)の文字の色


◆ コメントの投稿者名のリンク色


① 自分と他人のリンク色

/* ------------------------------------------------------- */
/* コメントの投稿者名のリンク色調整            */
/* ------------------------------------------------------- */
.blogComment .commentAuthor:link{color:#ff0000 !important;}/* 未訪問 */
.blogComment .commentAuthor:visited{color:#00ff00 !important;}/* 訪問済 */
.blogComment .commentAuthor:hover{color:#0000ff !important;}/* カーソルを乗せたとき */
.blogComment .commentAuthor:active{color:#ffff00 !important;}/* クリック実行時 */

.blogComment .commentAuthor:hover{text-decoration:none;}/* カーソルを乗せたとき下線なし */



② 自分と他人のリンク色を変える場合(下記は順序は変えないで)


/* ------------------------------------------------------- */
/* コメントの投稿者名のリンク色調整            */
/* ------------------------------------------------------- */
.blogComment .commentAuthor:link{color:#ff0000 !important;}/* 未訪問 */
.blogComment .commentAuthor:visited{color:#00ff00 !important;}/* 訪問済 */
.blogComment .commentAuthor:hover{color:#0000ff !important;}/* カーソルを乗せたとき */
.blogComment .commentAuthor:active{color:#ffff00 !important;}/* クリック実行時 */

.blogComment .commentAuthor:hover{text-decoration:none;}/* カーソルを乗せたとき下線なし */

/* ------------------------------------------------------- */
/* コメントの投稿者名のリンク色調整(自分)        */
/* ------------------------------------------------------- */
.ownerComment .commentAuthor:link{color:#0000ff !important;}/* 未訪問 */
.ownerComment .commentAuthor:visited{color:#ffff00 !important;}/* 訪問済 */
.ownerComment .commentAuthor:hover{color:#00ff00 !important;}/* カーソルを乗せたとき */
.ownerComment .commentAuthor:active{color:#00ffff !important;}/* クリック実行時 */

.ownerComment .commentAuthor:hover{text-decoration:none;}/* カーソルを乗せたとき下線なし */




◆ >>このコメントに返信のリンク色


① 自分と他人のリンク色

/* ------------------------------------------------------- */
/* コメントの>>このコメントに返信のリンク色調整      */
/* ------------------------------------------------------- */
.blogComment .commentReply:link{color:#00ff00;}/* 未訪問 */
.blogComment .commentReply:visited{color:#ff00ff !important;}/* 訪問済 */
.blogComment .commentReply:hover{color:#cccccc !important;}/* カーソルを乗せたとき */
.blogComment.commentReply:active{color:#ffff00;}/* クリック実行時 */

.blogComment .commentReply:hover{text-decoration:none;}/* カーソルを乗せたとき下線なし */


② 自分と他人のリンク色を変える場合(下記は順序は変えないで)

/* ------------------------------------------------------- */
/* コメントの>>このコメントに返信のリンク色調整      */
/* ------------------------------------------------------- */
.blogComment .commentReply:link{color:#00ff00;}/* 未訪問 */
.blogComment .commentReply:visited{color:#ff00ff !important;}/* 訪問済 */
.blogComment .commentReply:hover{color:#cccccc !important;}/* カーソルを乗せたとき */
.blogComment.commentReply:active{color:#ffff00;}/* クリック実行時 */

.blogComment .commentReply:hover{text-decoration:none;}/* カーソルを乗せたとき下線なし */

/* ------------------------------------------------------- */
/* コメントの>>このコメントに返信のリンク色調整(自分)  */
/* ------------------------------------------------------- */
.ownerComment .commentReply:link{color:#ccddcc;}/* 未訪問 */
.ownerComment .commentReply:visited{color:#00ffff !important;}/* 訪問済 */
.ownerComment .commentReply:hover{color:#ffcccc !important;}/* カーソルを乗せたとき */
.ownerComment.commentReply:active{color:#ffff00;}/* クリック実行時 */

.ownerComment .commentReply:hover{text-decoration:none;}/* カーソルを乗せたとき下線なし */




◆ コメントの投稿者名・>>このコメントに返信のリンク色


① 自分と他人のリンク色

/* ------------------------------------------------------- */
/* コメントの投稿者名・>>このコメントに返信のリンク色調整 */
/* ------------------------------------------------------- */
.blogComment .commentFooter a:link{color:#00ff00;}/* 未訪問 */
.blogComment .commentFooter a:visited{color:#dddddd;}/* 訪問済 */
.blogComment .commentFooter a:hover{color:#0000ff;}/* カーソルを乗せたとき */
.blogComment .commentFooter a:active{color:#ffff00;}/* クリック実行時 */

.blogComment .commentFooter a:hover{text-decoration:none;}/* カーソルを乗せたとき下線なし */


② 自分と他人のリンク色を変える場合(下記は順序は変えないで)

/* ------------------------------------------------------- */
/* コメントの投稿者名・>>このコメントに返信のリンク色調整 */
/* ------------------------------------------------------- */
.blogComment .commentFooter a:link{color:#00ff00;}/* 未訪問 */
.blogComment .commentFooter a:visited{color:#dddddd;}/* 訪問済 */
.blogComment .commentFooter a:hover{color:#0000ff;}/* カーソルを乗せたとき */
.blogComment .commentFooter a:active{color:#ffff00;}/* クリック実行時 */

.blogComment .commentFooter a:hover{text-decoration:none;}/* カーソルを乗せたとき下線なし */

/* --------------------------------------------------------------- */
/* コメントの投稿者名・>>このコメントに返信のリンク色調整(自分) */
/* --------------------------------------------------------------- */
.ownerComment .commentFooter a:link{color:#00cc00;}/* 未訪問 */
.ownerComment .commentFooter a:visited{color:#ff00ff;}/* 訪問済 */
.ownerComment .commentFooter a:hover{color:#ffcccc;}/* カーソルを乗せたとき */
.ownerComment .commentFooter a:active{color:#ffff00;}/* クリック実行時 */

.ownerComment .commentFooter a:hover{text-decoration:none;}/* カーソルを乗せたとき下線なし */




◆ コメント投稿日時の文字色


① 自分と他人の文字色

/* ------------------------------------------------------- */
/* コメントの投稿日時の文字色調整(自分・他人)      */
/* ------------------------------------------------------- */
.blogComment .commentTime{
color:#0000ff;
}



② 自分と他人の文字の色を変える場合(下記は順序は変えないで)

/* ------------------------------------------------------- */
/* コメントの投稿日時の文字色調整(自分・他人)      */
/* ------------------------------------------------------- */
.blogComment .commentTime{
color:#0000ff;
}
/* ------------------------------------------------------- */
/* コメントの投稿日時の文字色調整(自分)         */
/* ------------------------------------------------------- */
.ownerComment .commentTime{
color:#ff00ff;
}


● 自分と他人の文字の色を変える場合は、下記の様に行っています。

① 自分と他人の文字の色を変える
② 自分の文字の色を変える