メニューの増減について

2011/11/17

各テンプレートのメニューはデフォルトで5つとなっておりますが、 増減することも可能です。

メニューを増減した際、自動的にメニューの幅が変わります。

追加前

[html]
<div id="Menu">
<ul>
<li><a href="./page1.html">ページ1</a>
<ol><!–プルダウンメニュー–>
<li><a href="./page1.html#category_a">ページ1A</a></li>
<li><a href="./page1.html#category_b">ページ1B</a></li>
<li><a href="./page1.html#category_c">ページ1C</a></li>
</ol>
</li>
<li><a href="./page2.html">ページ2</a></li>
<li><a href="./page3.html">ぺージ3</a></li>
<li><a href="./page4.html">ぺージ4</a></li>
<li><a href="./page5.html">各種サンプル</a></li>
</ul>
</div><!–#Menu –>
[/html]

追加後

[html]
<div id="Menu">
<ul>
<li><a href="./page1.html">ページ1</a>
<ol><!–プルダウンメニュー–>
<li><a href="./page1.html#category_a">ページ1A</a></li>
<li><a href="./page1.html#category_b">ページ1B</a></li>
<li><a href="./page1.html#category_c">ページ1C</a></li>
</ol>
</li>
<li><a href="./page2.html">ページ2</a></li>
<li><a href="./page3.html">ぺージ3</a></li>
<li><a href="./page4.html">ぺージ4</a></li>
<li><a href="./page5.html">各種サンプル</a></li>
<li><a href="./page6.html">追加するページの名</a></li>
</ul>
</div><!–#Menu –>
[/html]

ダウンロード方法

2011/11/11

当サイトの左メニューの「イメージで選ぶ」または「色で選ぶ」から
テンプレートを検索してください。

「詳細」でテンプレートの詳細ページが開きます。
サンプルサイトを見たい場合は、画像か「Sample」をクリックしてください。

お気に入りのテンプレートが見つかりましたら、
「Download」でダウンロードしてください。

説明-ダウンロード~解凍01

ダウンロードできたら、解凍します。

解凍するには「圧縮・解凍ソフト」が必要です。

圧縮・解凍ソフトをパソコンにインストールしていない場合はこちら

デザインの変更方法

2011/11/10

テンプレートのリニューアルを検討中のため、当機能(デザインの差し替え機能)は終了する予定です。
申し訳ございません。

変更したいテンプレートの詳細ページを開きます。
「デザインのみのダウンロードはこちら」をクリックして
デザインファイルをダウンロードします。

ダウンロード後、解凍してください。

解凍すると[design]というフォルダが作成されるので、
[design]をダブルクリックで開きます。

反映先のホームページのフォルダを開きます。
[design]フォルダを開きます。

開いたらダウンロードした新しいデザインを、反映先の[design]フォルダへ移動(またはコピー)します。

次に、反映先の

開いたら、[import.css]というファイルがあるので、メモ帳などのテキストエディタで開いてください。

メモ帳での開き方

  • 右クリック→プログラムから開く→メモ帳を選択して開く
    プログラから開くでメモ帳がない場合は、「既定のプログラムを選択」をクリックしてメモ帳を追加してください。
  • または、あらかじめメモ帳を開いておいて、その上にファイルをドラッグ&ドロップしても開くことができます。

[import.css]をテキストエディタで開いたら13行目の読込先のフォルダを
新しく追加したフォルダ名に変更してください。

@import url(“../design/t004_white/style.css”);

赤文字のところを変更

例:@import url(“../design/t004_white/style.css”); → @import url(“../design/t006_blue/style.css”);

変更できたら、上書き保存して、[index.html]を開いて確認してください。
新しいデザインに変わっていたら成功です。