タイトルや簡単なコメント(見出しタグ<H1>〜</H1>奨励1行)

ホームページのサブタイトル(見出しタグ2<H2>〜</H2>)


この場所に、TOPコメントやイメージ画像などで、TOPバーとして装飾してください。
このアクアバー・プレートをご使用になる場合は、下の説明文をご参照ください。

TOP
MENU1
MENU2
MENU3
掲 示 板
LINK集
問 合 せ
リストタグ<UL><LI>使用時の文字色
■ 新着情報 ■
  • 2004年XX月XX日 △△△をリニューアルしました。
  • 2004年XX月XX日 BBSを設置しました。
  • 2004年XX月XX日 ホームページ立ち上げ。
MENU用ボタンのLINK装飾(全5種類)は
<A class="色指定" href="XXX">〜</A>の記述で表示されます。
class="pink" マゼンダ  class="green"
class="orange"オレンジ  class="gray" グレー  class="blue" 水色(横幅は、140pxで固定になります)
classを指定しない場合、LINK文字の基本装飾はこんな感じです。
仕切り線表示は、仕切りたい文章・画像全体を
<DIV class="XXX">〜</DIV>で、くくります。
仕切り線を表示させたい場所に応じて、class 内を記述します。
class="linet"(上)、class="liner"(右)、class="lineb"(下)
class="linel"(左)、class="linea"(全体) のように設定します。
:                 :                   :
縦横のサイズ固定になりますが、アクア・プレート(グレー)の表示もできます。
同じく<DIV class="XXX">〜</DIV>で設定します。
class="plate25"(横800px 縦25px)、class="plate50"(横800px 縦50px)
class="plate75"(横800px 縦75px)、class="plate100"(横800px 縦100px)
class="plate150"(横800px 縦150px)  ※以上の5種類を用意しました。

以上が「aqua.css」のスタイルシート概要となります。

この薄枠は<DIV>内の
classの指定なしで表示
することができます。

JAVAでのロールオーバー
は一切使用してません。
(CSSにて全て設定)

左のスクロールバーは、
薄グレー色を基調に設定
しています。

© 2003 MAD.inc All rights reserved
ダウンロード
x 閉じる