WDPスキン・SKY青

※HTML化したサンプルなので、リンク先へは飛べません。

画像について

背景の「縦グラデーション」がやりたくて作りました。

ヘッダ画像は入れ替え可能です。
カレンダー下地の半透明部分は、大抵のモダンブラウザ（Safari、IE7、もじら系等）では半透明PNG。WinのIE6以下でアクセスするとフィルターがかかります。

MacIEは半透明PNG対応してるそうですが綺麗に透けないので、個人的拘りにより透過GIFを適用（MacIEで見るとこんな感じ）。

ヘッダ画像の入れ替えは容易ですが、ヘッダ部分の「高さ」を変更すると、他にも色々と調整が必要になるのでおすすめしません。

色違いも作る予定ですが、予定は未定。
あとどうでもいいけど写真は関空で撮りました。

とても重要なお知らせ

管理ページ＞環境設定＞「ナビゲーションの表示設定」で、
「ナビゲーションの表示位置」を「記事の前に出力」にすること。「記事の後に出力」のままだと激しく不都合です(^^; よろしくー。

また、ナビゲーションを非表示にしているページでは、カレンダーも同様に表示されません（カレンダー背景の透過部分はアクセントとして出ます）。個別ページでのナビゲーションはJavaScriptで書き出されますが、JavaScript OFFのブラウザで閲覧した場合も、もちろん表示されません。

画像をUPするとこうなります。

画像回り込みのテストです。画像回り込みのテストです。画像回り込みのテストです。画像回り込みのテストです。画像回り込みのテストです。画像回り込みのテストです。画像回り込みのテストです。画像回り込みのテストです。画像回り込みのテストです。画像回り込みのテストです。画像回り込みのテストです。画像回り込みのテストです。

本文内に記述するタグの表示例です。

小見出しの表示例（これはh4）

WebDiaryProの場合、記事内の小見出しはh4から始めます。
h1〜h3は、ブログ自体の見出し等に使われているので、記事部分にはh4以下しか書かない。

小見出しの表示例（これはh5）

h5は↑のような感じで。

小見出しの表示例（これはh6）

h6は↑のような感じで。このへんの見栄えに関しては好みなので、お好きに変更して下さい。

preタグの表示例

preタグと言えばアスキーアート。等幅フォントで表示しないと崩れる・空白等もそのまま表示したい時に使います。はみ出た部分にはスクロールバーが出ます。
大昔のパソコン通信時代、ネットの書き込みがテキストベースで画像を添える事が出来なかったので、普通にテキストでこんな地図書いて、オフの待ち合わせとかしてました。

┃┃　　　　　　　　┃┃↑△△駅へ
┃┃　　　　　花屋■┃┃
┃┗━━━━━━━━┛┗━━━━━━━━━━━━━━━━━━━　
┃┏━━┓┏━━━━━━┓┏━━━━　┏━━━━━┓┏━━━━　
┃┃　■┃┃　　　　　　┃┃※ココ／／　　　　　　┃┃
┃┃　〒┃┃　　　　　　┃┃　　／／　　　　　　　┃┃
┃┃　　┃┃　　　ＧＳ■┃┃　／／　　　　　銀行■┃┃
┃┗━━┛┗━━━━━━┛┗／　┗━━━━━━━━┛┗━━━━　
┃┏━━━━━━━━━━┓┏━━━━━━━━┓┏━━━━━━━　
〜〜　　　　　　　○○橋〜〜　　　　　　　　〜〜　　○○駅へ→　
〜〜　　　　　　　　　　〜〜　　　　　　　　〜〜
┃┃　　　　　　　　　　┃┃■本屋　　　　　┃┃
┃┗━━━━━━━━━━┛┗━━━━━━━━┛┗━━━━━━━　
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━　

引用（blockquoteタグ）の表示例

これは引用です。これは引用です。これは引用です。これは引用です。これは引用です。これは引用です。これは引用です。これは引用です。これは引用です。これは引用です。これは引用です。これは引用です。これは引用です。これは引用です。これは引用です。これは引用です。これは引用です。これは引用です。これは引用です。これは引用です。これは引用です。これは引用です。これは引用です。

テスト投稿です