記事フッターの調整(コメント・ペタ) | リアナのカスタマイズ日記(CSS編集用デザイン)

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

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


★ 記事フッターの調整(コメント・ペタ)



◆ 記事フッターの文字の中央寄せ


① 文字の中央寄せ

/* ------------------------------------------------------- */
/* 記事フッターの文字の中央寄せ              */
/* ------------------------------------------------------- */
.articleLinkArea{
text-align:center;/* center→中央 left→左 right→右 */
}





◆ 記事フッターの文字の色・大きさ・太さ


① 文字の文字の色・大きさ・太さ(リンク色)

/* ------------------------------------------------------- */
/* 記事フッターの文字の色・大きさ・太さ          */
/* ------------------------------------------------------- */
.articleLinkArea,.articleLinkArea a{
color:#ff00ff !important;/* 色 */
font-size:12px !important;/* 大きさ */
font-weight:normal !important;/* bold→太い文字 normal→普通 */
}



◆ 記事フッターの背景画像設定(ワンポイント画像)


 ① ワンポイント画像(コメント)

/* ------------------------------------------------------- */
/* 記事フッターの背景画像設定(コメント)         */
/* ------------------------------------------------------- */
.articleLinkArea .commentLink{
background-image:url(画像のURL);
background-repeat:no-repeat;/* 繰り返ししない */
background-position:left top;/* 位置 */
padding-left:22px;/* 左に画像をいれる空き */
}


 ② ワンポイント画像(ペタ)

/* ------------------------------------------------------- */
/* 記事フッターの背景画像設定(ペタ)           */
/* ------------------------------------------------------- */
.articleLinkArea .petaLink{
background-image:url(画像のURL);
background-repeat:no-repeat;/* 繰り返ししない */
background-position:left top;/* 位置 */
padding-left:22px;/* 左に画像をいれる空き */
}