ナビメニューについて

メニューのタイトルとリンク先を変更する場合はフリースペースの編集、タイトル数の数を変更する場合はCSS編集の追加が必要となります。

現在佐藤様のフリースペース内のタグになります。
５つのメニューを設置してます。
青文字はタイトル、名赤文字はリンク先となります。

<!-- これより下はアメブロカスタマイズ消さないようにご注意下さい -->

<div class="nav-wrap"><nav><ul class="nav-body">

<li><a href="http://ameblo.jp/writing-education/"><span>ホーム</span></a></li>

<li><a href="http://profile.ameba.jp/writing-education"><span>プロフィール</span></a></li>

<li><a href="http://ameblo.jp/writing-education/"><span>無料メール講座</span></a></li>

<li><a href="http://ameblo.jp/writing-education/"><span>体験セッション</span></a></li>

<li><a href="http://ameblo.jp/writing-education/"><span>お問い合わせ</span></a></li>

数を増やす場合は<li></il>で囲んだタイトルとリンク先を指定する行を追加してください。

<!-- これより下はアメブロカスタマイズ消さないようにご注意下さい -->

<div class="nav-wrap"><nav><ul class="nav-body">

<li><a href="http://ameblo.jp/writing-education/"><span>ホーム</span></a></li>

<li><a href="http://profile.ameba.jp/writing-education"><span>プロフィール</span></a></li>

<li><a href="http://ameblo.jp/writing-education/"><span>無料メール講座</span></a></li>

<li><a href="http://ameblo.jp/writing-education/"><span>体験セッション</span></a></li>

<li><a href="URL"><span>メニュー６</span></a></li>

</ul></nav></div></ul></nav></div>



メニューの数を増やしたらCSS編集の一番下にメニュー横幅に関するタグを追加してください。


ナビメニューの数が５つの場合

.nav-body li a {

  width: 224px; /* ボタンの横幅 */

  line-height: 45px; /* ボタンの高さ */

}

ナビメニューの数が6つの場合

.nav-body li a {

  width: 186px; /* ボタンの横幅 */

  line-height: 45px; /* ボタンの高さ */

}

ナビメニューの数が７つの場合

.nav-body li a {

  width: 260x; /* ボタンの横幅 */

  line-height: 45px; /* ボタンの高さ */

}