タイトルを画像にしたいの変更点

追加された行はこの色です。
削除された行はこの色です。
タイトルを画像にしたいへ行く。
タイトルを画像にしたいの差分を削除
#author("2024-04-14T22:47:33+09:00","default:massy","massy")
#author("2024-04-14T23:02:48+09:00","default:massy","massy")
#menu(Menu-title)
#norelated
*　　　　　　　　　pukiwiki設置覚書 [#b67cbe76]
+pukiwikiを設置して、ＷＥＢを運営したい
+pukiwiki1.5.2をダウンロードしたい
+
+
RIGHT:&counter;


** 　　　　　　　　　設置・改変例 [#y0bb1675]

- [[オリジナル　→>http://0o0d.com/pukiwiki/pukiwiki_1_5_2/]]
- [[adminパス　→>http://0o0d.com/pukiwiki/pukiwiki_admin/]]

*** 　　　　　その他の覚書 [#k55b4fbb]
-一部のページだけレイアウトを変更したい
- wikiの幅を変更したい

#html{{
<h2 class="test">タイトルを画像にしたい</h2>
}}
ページのアクセントとして、または、関連ページごとにタイトルの表示に画像を使用して、装飾したい。

#html{{
<h3 class="test">スタイルシートをページに書き込む</h3>
}}
変更したいページに、cssを書き込む。


&color(black,){#html{{};
&color(black,){<style type="text/css">};
&color(black,){<!--};
&color(black,){h2 {};　　　　　　　　　　　　　　　　　　　　　　←大タイトル
&color(black,){ background-image: url("./image/big.png");};　　←画像のURL
&color(black,){ background-size:  cover; };　　　　　　　　　　　←画像を指定要素に合うよう調整
&color(black,){}};
&color(black,){h3 { };　　　　　　　　　　　　　　　　　　　　　　←中タイトル
&color(black,){ background-image: url("./image/middle.png");};　←画像のURL
&color(black,){ background-size:  90%;};　　　　　　　　　　　　　←画像のサイズ指定
&color(black,){ background-repeat: no-repeat;  };　　　　　　　　←背景の繰り返しなし
&color(black,){}};
&color(black,){h4 { };　　　　　　　　　　　　　　　　　　　　　　←小タイトル
&color(black,){ background-image: url("./image/small.png"); };　←画像のURL
&color(black,){ background-size:  65%;};　　　　　　　　　　　　　←画像のサイズ指定
&color(black,){ background-repeat: no-repeat;  };　　　　　　　　←背景の繰り返しなし
&color(black,){}};
&color(black,){-->};
&color(black,){</style>};
&color(black,){}}};


#html{{
<h4 class="test">4</h4>
<h4 class="test">pukiwiki.cssを修正する</h4>
}}
pukiwiki.cssのh2,h3,h4の箇所に、上記同様の設定を追加する。
※　wuki全体に反映されるので、クラス設定をする等、工夫が必要。

#html{{
<style type="text/css">	<!--
h2.test {
  background:white;
  font-family:verdana, arial, helvetica, Sans-Serif;
  color:inherit;
  background-color:#DDEEFF;
  padding:.3em;
  border:0px;
  margin:0px 0px .5em 0px;
}
h3.test {
  background:white;
  font-family:verdana, arial, helvetica, Sans-Serif;
  border-bottom:3px solid #DDEEFF;
  border-top:1px solid #DDEEFF;
  border-left:10px solid #DDEEFF;
  border-right:5px solid #DDEEFF;

  color:inherit;
  background-color:#FFFFFF;
  padding:.3em;
  margin:0px 0px .5em 0px;
}
h4.test {
  background:white;
  font-family:verdana, arial, helvetica, Sans-Serif;
  border-left:18px solid #DDEEFF;

  color:inherit;
  background-color:#FFFFFF;
  padding:.3em;
  margin:0px 0px .5em 0px;
}

-->
</style>
}}
タイトルを画像にしたい の変更点

タイトルを画像にしたいの変更点
