Crimson_Line

▼READ MORE

最初はイメージカラーは赤じゃなくてグレーの予定でした。

ですが、いままでのテンプレがモノクロづくしだったので(笑)変更しました。

そしてただの赤だと物足りないと感じて蜘蛛を足した。という具合で出来上がりました。


BOX_BOXと同様のスクロールバー付きのボックスがメインスペースですが、BOX_BOXより若干広く、背景も白なので見易いと思います。


前置きはこの辺で、ここではメニュー部分のカスタマイズについて説明したいと思います。



今回もページ内ジャンプを使うものですが、【Crimson_Line】では初期状態でジャンプ位置を指定してありますので、以前より簡単になるはずです。

まず、HTML内の


<!--プラグイン1の表示開始-->
<!--plugin_first-->

<div class="plugin_title"><a name="<%plugin_first_no>"><%plugin_first_title></a></div>


<div class="plugin_text"><%plugin_first_content></div>

<div class="plugin_text"><%plugin_first_description></div>

<div class="plugin_text"><%plugin_first_description2></div>

<div class="entry_state2"><a href="#pagetop">Page top↑</a></div>
<br>

<!--/plugin_first-->
<!--プラグイン1の表示終了-->


を


<!--プラグイン1の表示開始-->
<!--plugin_first-->

<div class="plugin_title"><a name="<%plugin_first_no>"><%plugin_first_no><%plugin_first_title></a></div>


<div class="plugin_text"><%plugin_first_content></div>

<div class="plugin_text"><%plugin_first_description></div>

<div class="plugin_text"><%plugin_first_description2></div>

<div class="entry_state2"><a href="#pagetop">Page top↑</a></div>
<br>

<!--/plugin_first-->
<!--プラグイン1の表示終了-->


と書き換えて、プレビューを押してプラグインの部分を見ます。




このようにタイトルの横に数字が表示されるはずです。

この数字がジャンプ先の名前になります。


そしてメニュー部分の作成です。

HTML内の


<!--メニュー部分開始-->
<div class="menu">xxMENUxx</div>
<a href="#plugin">Plugin</a><br>

<!--/メニュー部分終了-->


に追加します。

上のSSを例にして、メニューに「プロフィール」を追加するには、


<!--メニュー部分開始-->
<div class="menu">xxMENUxx</div>
<a href="#plugin">Plugin</a><br>
<a href="#973">プロフ</a>
<!--/メニュー部分終了-->


このように書き換えればおｋです。


あとは最初に行った、番号を表示させるための作業を逆に行えば完了です。


他に分からないことや不具合などがございましたら連絡くださいm(_ _)m
▲CLOSE