ABOUT THIS HOMEPAGE

サンプルページです。
トップのコンテンツを増やす場合には、下記の赤字下線部の数値を増やします。

<P class="t0" onmouseover="this.className='t1'" onmouseout="this.className='t0'">
  <A href="page1.htm">ABOUT THIS HOMEPAGE</A>
</P>

つまりこれはt0というクラスの段落の「上にマウスが来たとき」(onmouseover)、t1というクラスに変えて、
「マウスが上から外れたとき」(onmouseout)、t0というクラスに戻しますよ、
という意味のタグです。
この場合、変わっているのは罫線の色だけ。

.t0{
border-right : 39px solid #cccccc;
letter-spacing : 3px;
font-size : xx-small;
text-align : right;
padding-right : 11px;
}
.t1{
border-right : 39px solid #aa363d;
letter-spacing : 3px;
font-size : xx-small;
text-align : right;
padding-right : 11px;
}

デフォルトではt6まで作成していますので、 増やす場合にはコピペでt7を作成して変化する色を指定してください。
BACK