サンプルページ  トップナビバー 36  top_navbar36.htm

< ご使用方法 >

ここから<<ダウンロード>>

これらのファイルを同じフォルダ内に入れて使用してください。

 

(*1) top_navbar36a.htm (例)         挿入先の  <head> 〜 </head> の、 部分にペーストします。

 HTMLの編集方法   (*1) をテキストエディターで開き、下記↓のHTMLを挿入先ファイルにペースト、太字部分を編集し使用。
〔この必ず入れる〕

シフトJIS使用(削除不可)

 



付属のスタイルシートjava呼び代出し






ここは既存のページに合わす

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "./xhtml1-transitional.dtd">
<!-- ☆ ----------- ↑ この上ををコピー&ペーストします。 ------------ -->

<head>
<title>サンプルページ トップナビバー </title>

<!-- ☆ ----------- ↓ この間をコピー&ペーストします。 ------------ -->

<link rel="stylesheet" type="text/css" href="0144100.css" />
<script type="text/javascript" src="0144100.js">

</script>
<!-- ☆ ----------- ↑ この間をコピー&ペーストします。 ------------ -->

</head>
<body bgcolor="#F8F5F5" link="#54006C" vlink="#62000D" alink="#00FFFF">

<!-- ■ ---- 表(テーブル)有りは、 ↓ この間をコピー&ペーストします。 -->
<div align="center">
<table width="600" border="1" cellspacing="0" cellpadding="2" bgcolor="#FFFFF4" style="border-collapse: collapse" bordercolorlight="#F9F9FA" bordercolordark="#E8E6EB">
<tr>
<td bgcolor="#FFFFFF" valign="top" align="center">
<!-- ★ ---------- ↓ この間をコピー、編集、ペーストします。 ---------- -->
<div id="chromemenu">
<ul>
<li><a href="https://www.ryuumu.co.jp/ryuumu/create/index.html" onMouseover="cssdropdown.dropit(this,event,'dropmenu1')" title="ホームページ作成">ホームページ作成</a></li>
<li><a href="https://www.ryuumu.co.jp/ryuumu/create/design.html" onMouseover="cssdropdown.dropit(this,event,'dropmenu2')"title="各種デザイン">各種デザイン</a></li>
<li><a href="http://www./……/xxx.html" onMouseover="cssdropdown.dropit(this,event,'dropmenu3')">メニュー 3</a></li>
<li><a href="http://www./……/xxx.html" onMouseover="cssdropdown.dropit(this,event,'dropmenu4')">メニュー 4</a></li>
<li><a href="http://www./……/xxx.html" onMouseover="cssdropdown.dropit(this,event,'dropmenu5')">メニュー 5</a></li>
</ul>
</div>

<!--1st drop down menu -->
<div id="dropmenu1" class="dropmenudiv" style="width: 114px;">
<a href="https://www.ryuumu.co.jp/ryuumu/create/7000.html" target="_blank" title="価格破壊">価格破壊</a>
<a href="https://www.ryuumu.co.jp/ryuumu/create/pack.html" target="_blank" title="パッケージサービス">パッケージサービス</a>
<a href="https://www.ryuumu.co.jp/ryuumu/create/pro_1.html" target="_blank" title="プロフッショナルコース">プロフッショナルコース</a>
<a href="https://www.ryuumu.co.jp/ryuumu/create/spo_1.html" target="_blank" title="サポートサービス">サポートサービス</a>
</div>

<!--2nd drop down menu -->
<div id="dropmenu2" class="dropmenudiv" style="width: 114px;">
<a href="http://www./……/xxx.html" target="_blank" title="デザイン">デザイン</a>
<a href="http://www./……/xxx.html" target="_blank" title="プランニング">プランニング</a>
<a href="http://www./……/xxx.html" target="_blank" title="プリンティング">プリンティング</a>
<a href="http://www./……/xxx.html" target="_blank" title="メディア">メディア</a>

</div>

<!--3rd anchor link and menu -->
<div id="dropmenu3" class="dropmenudiv" style="width: 114px;">
<a href="http://www./……/xxx.html" target="_blank" title="メニュー 31">メニュー 31</a>
<a href="http://www./……/xxx.html" target="_blank" title="メニュー 32">メニュー 32</a>
<a href="http://www./……/xxx.html" target="_blank" title="メニュー 33">メニュー 33</a>
<a href="http://www./……/xxx.html" target="_blank" title="メニュー 34">メニュー 34</a>

</div>

<!--4th anchor link and menu -->
<div id="dropmenu4" class="dropmenudiv" style="width: 114px;">
<a href="http://www./……/xxx.html">サイト 41</a>
<a href="http://www./……/xxx.html">サイト 42</a>
<a href="http://www./……/xxx.html">サイト 43</a>
<a href="http://www./……/xxx.html">サイト 44</a>
<a href="http://www./……/xxx.html">サイト 45</a>
<a href="http://www./……/xxx.html">サイト 46</a>
<a href="http://www./……/xxx.html">サイト 47</a>
</div>

<!--5th anchor link and menu -->
<div id="dropmenu5" class="dropmenudiv" style="width: 114px;">
<a href="http://www./……/xxx.html">サイト 51</a>
<a href="http://www./……/xxx.html">サイト 52</a>
<a href="http://www./……/xxx.html">サイト 53</a>
<a href="http://www./……/xxx.html">サイト 54</a>
<a href="http://www./……/xxx.html">サイト 55</a>
<a href="http://www./……/xxx.html">サイト 56</a>
<a href="http://www./……/xxx.html">サイト 57</a>
</div>
<!-- ★ ---------- ↑ この間をコピー、編集、ペーストします。 ---------- -->
</td>
</tr>
</table>
<!-- ■ ---- 表(テーブル)有りは、 ↑ この間をコピー&ペーストします。 -->

<!-- ■ ---- 表(テーブル)有りは、 ↑ この間をコピー&ペーストします。 -->

</div>

</body>
</html>