記事投稿日時の調整 | リアナのカスタマイズ日記(CSS編集用デザイン)

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

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


★ 記事投稿日時を調整します。

注意:この記事のテーマが記事ヘッダーになっていますが、
HTML上はヘッダーに
位置していません。


◆ 記事投稿日時の文字の中央寄せ


① 文字の中央寄せ(下に隙間が空くので調整が必要)

/* ------------------------------------------------------- */
/* 記事投稿日時の文字の中央寄せ              */
/* ------------------------------------------------------- */
.articleTime{
text-align:center;/* left→左 right→右 center→中央 */
display:block;
}


② 記事投稿日時・テーマの文字の中央寄せ(下に隙間は空かない)


/* ------------------------------------------------------- */
/* 記事投稿日時・テーマの文字の中央寄せ          */
/* ------------------------------------------------------- */
.articleDetailArea{
text-align:center;/* left→左 right→右 center→中央 */
}




◆ 記事投稿日時の文字の文字の色・大きさ・太さ・種類


① 文字の文字の色・大きさ・太さ・種類

/* ------------------------------------------------------- */
/* 記事投稿日時の文字の文字の色・大きさ・太さ・種類    */
/* ------------------------------------------------------- */
.articleTime{
color:#000000;/* 文字の色 New! は含まず */
font-size:12px;/* 大きさ */
font-weight:normal;/* bold→太い文字 normal→普通 */
font-family:"HGP創英角ポップ体";/* 文字の種類 */
}


② New! の調整(文字の文字の色・大きさ・太さ・種類)

/* ------------------------------------------------------- */
/* 記事投稿日時(New!)の文字の文字の色・大きさ・太さ・種類 */
/* ------------------------------------------------------- */
.contentNew{
color:#ff00ff;/* 文字の色 */
font-size:12px !important;/* 大きさ */
font-weight:normal;/* bold→太い文字 normal→普通 */
font-family:"HGP創英角ポップ体";/* 文字の種類 */
}


◆ 投稿日時の削除


① 投稿日時の削除

/* ------------------------------------------------------- */
/* 投稿日時の削除                     */
/* ------------------------------------------------------- */
.articleTime{
display:none;
}