TOP

プルダウンメニュー左に現れる丸ボッチの削除

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

 

 

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

 

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

 

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

 

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

 

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

 

どうすりゃいいのか?

 

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

 

 

 

 

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

 

丸ボッチは、HTMlのナビ要素 <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というちっちゃな画像があるんです

 

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

 

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

 

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

 

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

 

 

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

 

 

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

 

<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

 

 

 

ナビゲーション左サイドに現れるli 丸ボッチの障害について関連解説
CSSで簡単にグローバルナビを作成する方法
シリウスのグローバルナビをCSS記述で簡単に設定するカスタマイズする方法のご案内です...初心者向け解説
CSSプルダウン構造基礎|HTML要素設定
シリウスのMTML内にプルダウン化する要素の基礎コード詳細と構造の理解を説明しますので、導入のカスタマイズをされたい方は、コピペしてお使いください
プルダウンナビゲーションCSS形成|標準タイプ
シリウスのグローバルナビゲーションをCSS記述のみで標準タイプのプルダウンスタイルへ形成する手順のカスタマイズ方法
CSS形成プルダウンナビゲーション各種スタイルの指定
シリウスに導入するCSS形成のプルダウンナビゲーションは、CSS指定で各種の可変が簡単に設定可能です
プルダウンで開いたメニューを拡張するCSS指定
シリウスへ導入したプルダウンメニューをクリックして開いた際、テキストを理解しやすくするためにBOXを拡張するCSS記述の指定カスタマイズです
一つのサイトで複数のグローバルナビスタイルを設定する指定法
シリウスデフォルトでは、統一されたグローバルナビで指定されますが、CSS形成の場合は、好みに合わせ複数のデザイン指定が可能です
シリウスのデフォルトナビスタイルそのままでCSS形成のプルダウン
シリウスのグローバルナビスタイルは、デフォルトそのままで、CSS指定によりプルダウン作動を実施させる構築法のカスタマイズのご案内です
枠線.boxで、見出し.メニューを囲むデザインスタイルの設定
シリウスに外部CSS追加で形成されるナビ見出しや 下りメニューは枠線boxでか組むことができイメージを変えることができます
CSS形成ナビ スマートフォン閲覧障害対処法
シリウスのHTMl、スタイルシートに組み込み設定したCSS構築のナビは、PCでは視覚上効果的ですがスマートフォンでは視野範囲を狭めてしまうという障害が見られるのです..対処法はこちらで.....