看板の間

バナーなどを作ってみました。

その壱

以下三つは縦52ピクセル横210ピクセル。

jpegバナー12.8kb

使用法

  1. src属性で"http://www7.plala.or.jp/yatonokami/burner/banner01.jpg"を指定する
  2. http://www7.plala.or.jp/yatonokami/burner/banner01.jpgをダウンロードして使う

長所

  1. 古いブラウザでも見える
  2. 虎と文字の発色がよい。

短所

  1. 重い
  2. 犬の発色が変

その弐

gifバナー7.20kb

使用法

  1. src属性で"http://www7.plala.or.jp/yatonokami/burner/banner02.gif"を指定する
  2. http://www7.plala.or.jp/yatonokami/burner/banner02.gifをダウンロードして使う

長所

  1. 古いブラウザでも見える
  2. 軽い
  3. 犬の発色がよい

短所

  1. 米ウニ死すに見つかると大変
  2. 虎が目に痛い

その三

pngバナー7.06kb

使用法

  1. src属性で"http://www7.plala.or.jp/yatonokami/burner/banner03.png"を指定する
  2. http://www7.plala.or.jp/yatonokami/burner/banner03.pngをダウンロードして使う

長所

  1. gifより軽い
  2. 犬の発色がよい

短所

  1. 古いブラウザでは見えない
  2. 虎が目に痛い

その四

虎狼庵

使用法

バナーを置くところにこのように記述する。
<span style="color: #f44; background-color: #ddd; width: 4.5em; text-align: center; font-family: ＤＨＰ行書体, HG行書体, ＤＦＰ行書体, cursive;font-size: large; padding: 2px; border-color: #080; border-style: groove; border-width: 4px;">虎狼庵</span>
かつ、HEAD内にこのように記述する。
<META http-equiv="Content-Style-Type" content="text/css">

基本スタイル言語がJavaScriptStylesheetの場合は、head内に
<sytle type="text/css">
<!--span.banner{ color: #f44; background-color: #ddd; width: 4.5em; text-align: center; font-family: ＤＨＰ行書体, HG行書体, ＤＦＰ行書体, cursive;font-size: large; padding: 2px; border-color: #080; border-style: groove; border-width: 4px; }-->
</style>
として、body内に <span class="banner">虎狼庵</span>とすると良い。

長所

  1. とても軽い
  2. 画像が表示されない環境でも表示される

短所

  1. CSS非対応の環境ではただのテキストである
  2. ＮＣ４系が落ちる可能性がある
  3. ていうか行書体?

その五

タコバナー三つ。いずれも縦56ピクセル横330ピクセル。

その六

svg版

将来的には普通に表示されるかも知れない。木目の画像は相対リンクで貼ってあるので持ち帰る際にはご注意。

入り口に戻る