2012年10月24日水曜日

Bloggerのテンプレート、「h2」タグ使うと大文字になる原因。


Macbook Pro caps lock LED


わたしの使っているBloggerテンプレート、h2タグを使うと全て大文字で表示されてしまっているのが気になっていました。

sc_1


今まで見て見ぬふりをしていたHTMLソースをこわごわ見てみることに。
ダッシュボードの「テンプレート」メニューから、「HTMLの編集」をクリックします。

sc_6



警告が出ますが、「続行」をクリック。 sc_7

h2要素のtext-transformプロパティ(大文字・小文字表示の指定)が「uppercase(全て大文字)」になっています。 sc_2


「uppercase」から「none」に変更。

sc_3


入力したとおりに表示されるようになりました。 sc_5

ソースの中から変更する部分を見つけるのが大変ですが、「⌘+F」で検索するとすぐに見つけられます。

sc_4


もっとカスタマイズしたい箇所がたくさんあるので、これを機にHTMLもっと勉強します。

HTMLクイックリファレンス
参考サイト。リファレンス持っていないのでお世話になっています。

0 件のコメント:

コメントを投稿