2009年2月18日

ウェブページの見出しを画像化

3つあるウェブページ(携帯写真ギャラリー、リンク集、プロフィール)の見出しをテキストから画像に変えてみました。
Movable Typeを4.2にアップグレードする前の記事「ウェブページタイトルの画像化」と基本的には同じことをしました。画像もまったく同じです。
違うのは、見出し要素がh1→h2に変わっていること、各ページに付けられたエントリー番号(という言い方が正しいかどうか分かりませんが)、若干の調整等です。
一応、リンク集のスタイルシートのみを以下に記載します(他の2つのページと異なる部分にアンダーラインを引きました)。

/*リンク集*/
#entry-51 h2.entry-header{
      width: auto;
      height: 30px;
      margin-top:10px;
      padding:0;
      border:none;
      text-indent: -9999px;
      background: url(images/title/link.gif) no-repeat left center;
}

コメントする

ページの先頭に戻る