シリウスにjquery採用で、またはCSS形成のプルダウンナビゲーションを
導入した際、メニューの左サイドに丸ボッチが現れて、せっかくの
良いデザインでも、それだけでイメージダウンになってしまうのですね

 

 

すべての要素で現れることではありません

 

現れることのないスクリプトもあります

 

...が、サイトの状況により現れる可能性があるのです

 

当サポートへ
そんな事情で、一度はシリウスに組み込んだナビを外された方から

 

どんな手段を用いても消せない

 

どうすりゃいいのか？

 

と、ご質問もあり対処法をご案内します

 

 

 

 

丸ボッチが現れるのは、シリウスに限って現れる障害です

 

丸ボッチは、HTMｌのナビ要素　<li>が自動で読み込んでしまうのです

 

<li><a href="#">menu</a>
<ul>
<li><a href="#">submenu</a></li>
<li><a href="#">submenu</a></li>
<li><a href="#">submenu</a></li>
<li><a href="#">submenu</a></li>
</ul>
</li>

 

 

<li>を読み込むとは、どんなことか？

 

 

私も同障害に過去っぶち当たった経緯はあるので....

 

 

シリウスのサイトテンプレート内に画像ingフォルダがありますが

 

その中をよく見ると

 

liingというちっちゃな画像があるんです

 

私は、その画像がどこで使われるかは全然知りませんし

 

サイト上で見たこともない？？・

 

ｈ５要素で囲むと現れるかもしれませんが

 

ｈ４までしか使わんし..必要ないだろうと....

 

 

で、削除しましたら、その後は現れませんね

 

 

ナビゲーションを作る構成記述の

 

<li>要素は、なぜかシリウス画像フォルダのliingを読み込み
表示させてしまう....

 

で、削除すれば.....

 

 

無いものは呼び出せない...となります

 

この段階で、シリウスのプレビューでは丸ボッチの出現は確認できますが
アップロード以降では、出現してしまう事情があります

 

 

で、もう一つ、スタイルシートで指定解除をします

 

スタイルシートの以下項目に到達してください

 

ul li {
list-style-type: none;
list-style-image: url(./img/li.gif);　ここが変更箇所
}

 

 

p {
width: auto;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
}

 

 

 

/* 基本レイアウト */

 

 

項目内で

 

 

list-style-image: url(./img/li.gif);の記載を削除するか

 

./img/li.gifを削除します

 

書き換え記載
list-style-image: url();

 

で、完了します

 

 

スポンサーリンク

 

 

 

ページトップ
ナビゲーション左サイドに現れるli 丸ボッチの障害について
グローバルナビをCSS形成で組み込むカスタマイズまとめ
シリウスカスタマイズTOP