fixed に設定したナビゲーションと管理システムツールバーが重なってしまいます。
- » takamura > fixed に設定したナビゲーションと管理システムツールバーが重なってしまいます。 @ 2016/5/14 0:39
- tecking > Re: fixed に設定したナビゲーションと管理システムツールバーが重なってしまいます。 @ 2016/5/14 8:38
- takamura > Re: fixed に設定したナビゲーションと管理システムツールバーが重なってしまいます。 @ 2016/5/15 18:39
- takamura > Re: fixed に設定したナビゲーションと管理システムツールバーが重なってしまいます。 @ 2016/5/23 9:20
- GUSSAN > Re: fixed に設定したナビゲーションと管理システムツールバーが重なってしまいます。 @ 2016/12/19 9:33
- GUSSAN > Re: fixed に設定したナビゲーションと管理システムツールバーが重なってしまいます。 @ 2016/12/19 12:35
takamura > fixed に設定したナビゲーションと管理システムツールバーが重なってしまいます。 @ 2016/5/14 0:39 |
---|
はじめまして、takamura と申します。
当社が属している商店街の Web サイトを、baserCMS を利用して更新しようと考えております。 そのまえに、baserCMS の学習も兼ねて、個人ブログサイトを構築しながら、実験中です。 さて、表題の現象が発生して悩んでいるので、アドバイス頂けたら幸いです。 よろしくお願い致します。 状況説明が長くなってしまいましたが、一番最後が[質問]です。 ■ bootstrap を利用しています。 下記のように画面上部に、bootstrap の navbar-fixed-top を使って、 ナビゲーションを表示させました。 (上部に固定表示され、スクロールしても動かない。) <nav class="navbar navbar-default navbar-fixed-top"> : (メニューを配置) </nav> ところが、baserCMS の管理システムツールバーが同じ場所に表示されて、 重なってます。 それぞれの css を確認したところ、どちらのプロパティとも top: 0; position: fixed; でした。ただし、z-index の設定値が異なり、baserCMSツールバーの方が大きい 数値が設定されていたので、上に重なっています。 ■ 一般の訪問者さまが閲覧する際には、管理システムツールバーが表示されて いないので問題ないと考えられますが、管理者自身や投稿担当者がログイン状態に あると、サイトのナビゲーションが隠れてしまいます。 管理システムツールバーの高さが、31px でしたので、とりあえずの対策として ナビゲーション側の css を後読み込みで上書きしました。 下記のように、別ファイルを用意して最後にロードするようにしました。 .navbar-fixed-top { top: 31px; } これで、"重なる"ことは避けることができたのですが、ログアウトした状態、 つまり、一般の閲覧時に top 31px の不自然な隙間が空いてしまいます。 ■ 管理システムツールバーが表示されていることを検出する関数や、 ログイン状態を確認する関数などで、表示されているときだけ ナビゲーションを下げることを考え、いろいろ調べました。 ツールバーエレメント出力処理に関連して、 BcBaserHelper.php public function func() の中を見たところ、諸々の条件を判断してツールバーエレメントを出力 するという判断を行っており、その条件判断部分のみは関数として定義 されていませんでした。 [質問] ログイン状態を知る関数を教えて下さい。 また、別の方法で"重なる"ことを回避するアイデアがあれば、教えて下さい。 よろしくお願い致します。 ----------------------------------------------- ■ BaserCMSのバージョン:3.0.9 ■ レンタルサーバー名: 開発中は、Raspberry Pi 3 に各環境をセットアップ 運用は、ロリポップ、SAKURA INTERNET などの予定。 ■ スマートURLの利用:ON 3.0.8 からデフォルトONになっていますね! ■ 設置フォルダ:サブフォルダ ■ 利用しているデータベース:MySQL ■ PHPスキル(自己評価):C ■ OSの種類:Raspbian Jessie(debian系) ■ PHPのバージョン:5.6.20 ■ データベース種類・バージョン:MySQL 14.14 |