以下の内容はhttp://10plate.blog44.fc2.com///blog-entry-54.htmlより取得しました。


タイトルを画像にする

タイトルを画像にする方法を紹介します。
ヘッダ背景を画像にして更にタイトルを画像にすることも可能です。

HTMLを編集します。

<!--▼▼▼▼ ヘッダー(タイトル部分)▼▼▼▼-->

<h1><a href="<%url>"><%blog_name></a></h1>

<!--▲▲▲▲ ヘッダー(タイトル部分)▲▲▲▲-->


これを次のように書き換えます。

<!--▼▼▼▼ ヘッダー(タイトル部分)▼▼▼▼-->

<h1><a href="<%url>" title="<%blog_name>" alt="<%blog_name>"><img src="画像URL" border="0" /></a></h1>

<!--▲▲▲▲ ヘッダー(タイトル部分)▲▲▲▲-->


これでタイトルを画像にすることが出来ます。

【2010/01/13 追記】サイト幅一杯の画像を使う場合はスタイルシートの末尾に以下を加えてください。

h1 {
margin-top: 0px; /* 上の余白 */
margin-left: 0px; /* 左の余白 */
margin-right: 0px; /* 右の余白 */
margin-bottom: 0px; /* 下の余白 */
}


上下の余白等はお好みに合わせて数値を設定してください。
関連記事



以上の内容はhttp://10plate.blog44.fc2.com///blog-entry-54.htmlより取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14