一歩先を行く　QHMユーザのためのTips

画像で見出し(方法2)

方法２のサンプル
【作成方法】

1. 見出しの背景にする画像を作成し、SWFUでアップする。
   以下の例では、midashi1_h2_n.jpg　と　midashi2_h3_n.jpg　をアップする。
   midashi1_h2_n.jpg　は大見出し用（* のおまじない）。
   midashi1_h3_n.jpg　は中見出し用（** のおまじない）。
2. 以下のコードのように見出しのおまじないを書く。
3. 以下のスクリプトをコンテンツ領域内に入れる。以下の例では背景色を変更している。
   CSSの指定に　!important が付いているのがミソ。
4. 後は、普通におまじないで見出しを書くだけです。

【コード】

*見出し1(h2)
**見出し2(h3)

#beforescript{{
<style type="text/css">
#body h2 {
  background-image: url("swfu/d/midashi1_h2_n.jpg") !important;
  background-color: #FFFFFF !important;
}
#body h3 {
  background-image: url("swfu/d/midashi2_h3_n.jpg") !important;
  border: none !important;
}
</style>
}}

見出し1(h2)

見出し2(h3)

⇒　方法１のサンプルはこちらへ

ご意見箱

皆様のご意見をお待ちします。

• ありがとうございます。 -- sai 2012-10-13 (土) 19:08:08
• たいへん役に立っています。ありがとうございます。 -- マングー 2012-12-21 (金) 15:27:02

当ページは役に立ちましたか？