main見出し<h2>
【画像使用方法】
メイン部分では画像にclassを指定することで左寄せ、右寄せが出来ます。 class="img"なら左、 class="img2"なら右寄せになります。
サイドに画像を掲載する場合は、幅200px以内の画像を使用してください。
また、<h1>がある看板部分は背景にフォルダ「images」の1.jpgが設定されています。変更する場合は700×150pxの画像を使ってください。
お知らせや更新状況を記述するためのスクロールです。外部CSSファイル内の.div.scroll で設定されています。
便宜的にこの位置に配置していますが<div class="scroll">は何度でも配置可能です。
勿論数種類の設定を作成することも可能ですし、ボックスの背景に画像も設定できます。色々変更してみてください。
リンクなしの見出しはこのカラーです
サイドとメインの位置を左右入れ替えるには・・・
<head>と</head>の間にある外部CSSの読み込み部分、
<link href="left.css" rel="stylesheet" type="text/css">の
"left.css"を"right.css"に変更します。leftはメイン本文が左、rightは右側に配置されます。
このテンプレートは文字コードUTF-8、W3Cweb標準、HTML4.01、CSS2.1で記述されています。
-
カテゴリー1<h3>
サイドのテキストは、
<div class="sidetext"></div>で囲むと、このようにボックスタイプになります。枠線や文字の大きさなどは外部CSSの#side .sidetextをいじってみて下さい。 -
カテゴリー2
-
カテゴリー3
上のサイドカテゴリーは<uL>リストタグの中にさらに<ul>を使っています。カテゴリー１の順序はこうなります。
<ul>
<li>
<h3></h3>
<ul>
<li>link</li>
</ul>
<div class="sidetext"></div>
</li>
</ul>
カテゴリー２では上述<div>タグの部分に画像を入れています。
<ul>
<li>
<h3></h3>
<ul>
<li>link</li>
</ul>
<div class="sidetext"></div>
</li>
</ul>
カテゴリー２では上述<div>タグの部分に画像を入れています。
