1. TOP
  2. アメブロカスタマイズ
  3. ブログ記事のタイトルのカスタマイズ・その3・初心者向けアメブロカスタマイズ

ブログ記事のタイトルのカスタマイズ・その3・初心者向けアメブロカスタマイズ

(1)文字のスタイルのブロックの中の「(1-3) 記事/メッセージボード内の文字のスタイル」の部分を解説します。

「(1-3) 記事/メッセージボード内の文字のスタイル」の解説

ブログタイトル文字とは以下の画像の部分となります。

image-11028916047-11506470045

 

 

 

 

 

 

 

では早速CSS編集の画面を開いてください。
(1-3) 記事/メッセージボード内の文字のスタイルの構成は以下のようになっています。

/* (1-3) 記事/メッセージボード内の文字のスタイル
——————————————–*//* skinArticleTitle 記事タイトル文字 */
.skinArticleTitle,.skinArticleTitle:hover,.skinArticleTitle:focus,
.skinArticleTitle:visited{
font-size:1.31em;
font-weight:bold;
color:#0066cc;

}

前回同様のプロパティが入っていますので、ここを変更することで文字の装飾をすることができます。font-sizeが文字の大きさを表すプロパティ。font-weightが文字の太さを表すプロパティ。colorが文字の色を指定するプロパティでした。では実際にこの3つをさわってみましょう。

前回のコラムで3つのプロパティのおさらいをする。

例えば・・・
文字色をグレーにし、文字のサイズをもっと大きくしてみます。以下のように変更してみました。(赤字が修正箇所)

/* (1-3) 記事/メッセージボード内の文字のスタイル
——————————————–*/
/* skinArticleTitle 記事タイトル文字 */
.skinArticleTitle,.skinArticleTitle:hover,.skinArticleTitle:focus,
.skinArticleTitle:visited{
font-size:2.31em;
font-weight:bold;
color:#CCCCCC;
}

下記の画像のように文字の色と大きさを、変更できました。
image-11028916047-11506507243

 

 

 

 

 

 

 

あなたのブログの背景やサイズにあわせてタイトルの文字をカスタマイズしてみてください。

>>ページのトップへ

おすすめ

無料メルマガ
optin
自分で作るアメブロカスタマイズ