記事タイトルの最初の文字の調整 | リアナのカスタマイズ日記(CSS編集用デザイン)

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

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

★ 記事タイトルの最初の1文字のみ調整します。
(文字の大きさや色など)


● 注意
記事タイトル全体が、リンクされます。
標準は、記事タイトルのタイトル文字にカーソルを乗せると
カーソルが手の形(ポインタ)になりますが、
ブロック化をしているので、記事タイトル部分にカーソルを
乗せるとカーソルが手の形(ポインタ)になります



① 下記をCSSへ追記する(不要な行は消して使ってください)


/* ------------------------------------------------------- */
/* 記事タイトル先頭1文字を調整              */
/* ------------------------------------------------------- */
.skinArticleHeader a{/* 記事タイトル */
display:block;/* ブロック化 */
}
.skinArticleTitle:first-letter{/* 記事タイトルの最初の文字 */
color:#ffccff;/* 文字色 */
font-size:30px;/* 文字の大きさ */
font-family:'HGS創英角ポップ体';/* 文字の種類 */
font-weight:normal;/* bold→太い文字 normal→普通 */
}