お久しブログカスタマイズ 2

今回は、トップページの新着記事一覧の「記事タイトル」をもっと目立たせる、です♪

やりたかったこと。
トップページの新着記事一覧の、記事タイトルをもっと目立たせる。

画像


先日、トップページの新着記事一覧の 「続きを見る」 を画像に変えたわけですが。 ですが。
そうすると今度は、記事のタイトルがとっても目立たなくなってしまいました

画像


これを何とかします

★━━━━━━━━━━━━━━━━━━━━★

理想は、記事タイトルを画像で出来たフレームに入れる
それが出来なければ、せめて蛍光ペンでなぞったみたいに目立たせたかったのですが…
探しても、その方法は見つかりませんでした

そこで以下の記事を参考にさせて頂き、
フォントの種類とサイズを変え、太字にすることにしました
CSS(フォント編)第2回 トップページのフォント♪ 『新着記事一覧』 - きまぐれAWA's Life

★━━━━━━━━━━━━━━━━━━━━★

CSS編集画面にて

/*----------------------------------------------*/
/* トップ、月別、テーマ別ページ */
/*----------------------------------------------*/




/*------------------ 新着記事 ------------------*/



/* 一覧ヘッダセル */
#contents #postlist th{
}


の下あたりに、以下の構文を入れると、記事タイトルをカスタマイズできます。

#contents #postlist a{
color:■;
font-size:■%;
font-weight:■;
font-family:"■";
}


上から 「フォントの色」 「サイズ」 「太さ」 「種類」 となります。
私は色を変えなかったので、以下のようにしました。

#contents #postlist a{
font-size:110%;
font-weight:bold;
font-family:"メイリオ";
}


そしたら…

画像


やったーー
連動して 「ブログ気持ち玉」 「トラックバック」 「コメント」 の文字も変わっちゃいますが、これは致し方なし

ブログ気持玉

クリックして気持ちを伝えよう!

ログインしてクリックすれば、自分のブログへのリンクが付きます。

→ログインへ

なるほど(納得、参考になった、ヘー)
驚いた
面白い
ナイス
ガッツ(がんばれ!)
かわいい

気持玉数 : 0

この記事へのコメント

この記事へのトラックバック