1: 2015-04-17 (Fri) 23:22:54 nao-pon With "attach" plugin. (Created empty) |
Cur: 2015-04-17 (Fri) 23:30:56 nao-pon Deleted an attach file: style.css at 2015-04-17 (金) 23:35:44 at 2015-04-17 (金) 23:40:45, Deleted an attach file: theme_ext_js.html at 2015-04-18 (土) 11:45:05, Deleted an attach file: snowland.diff at 2015-04-18 (土) 11:45:14 |
||
---|---|---|---|
Line 1: | Line 1: | ||
+ | #navi | ||
+ | RIGHT:&rsslink(../); | ||
+ | #boxdate | ||
+ | * [XCL:テーマ] marine さんの Snowland をちょっと改造 [#dc8ee40a] | ||
+ | RIGHT:&tag(XOOPS,XCL,テーマ,Theme,jQuery,JavaScript,CSS); | ||
+ | |||
+ | &ref(site://modules/xelfinder/index.php/view/1915/xc_legacy.jpg,right,og); | ||
+ | PHP 5.6 系での動作確認のため、Raspberry Pi 2 に XOOPS X を入れて快調に動いている [[Raspoops:http://pi2.hypweb.net/xoopsx/]] ですが、[[XOOPS 123:http://xoops123.com/]] marine さん作のテーマも全部入れて、その中から Snowland をデフォルトテーマにしています。 | ||
+ | |||
+ | Snowland は、画面上方に各モジュールへのメニューが表示され、画面を下にスクロールして隠れそうになると position: fixed に切り替わり、常に場面上部に表示されるのでとても使い勝手がいいです。 | ||
+ | |||
+ | 当初、数個のモジュールを入れた状態では問題なかったのですが、動作検証ということで X-update でどんどん入れたら、メニュー部がど〜ん!って感じになってしまいました。 :-P | ||
+ | |||
+ | #ref(site://modules/xelfinder/index.php/view/1916/2bc506da.png,left,mw:200,mh:200) | ||
+ | |||
+ | まあ、こんなに節操もなく数多くのモジュールを入れる人は、そうはいないでしょうからね。まったく、イレギュラーの状況だと思います。 | ||
+ | |||
+ | そこで、ちょっとだけ手を入れさせて頂きました。 | ||
+ | |||
+ | - position: fixed で場面上部に張り付く時は1行分だけ表示 | ||
+ | - その表示範囲は、カレントモジュールのメニューが表示される位置 | ||
+ | - 1行表示の時にマウスオーバーすると、ちょっと間を置いて広げて全部表示 | ||
+ | - マウスカーソルを外すと、ちょっと間を置いて1行表示に戻る | ||
+ | - 検索ボックスの下にメニューが隠れないように | ||
+ | - メニューボックスが、上部固定モードに切り替わる時、メニューボックスの高さ分 body 要素の表示位置が上へずれるのを防止 | ||
+ | |||
+ | と、だいたいこんな感じです。 | ||
+ | |||
+ | #ref(site://modules/xelfinder/index.php/view/1917/9181360d.png,left,mw:200,mh:200) | ||
+ | |||
+ | すっきりして、本文表示部が広くなりました (∩´∀`)∩ワーイ | ||
+ | |||
+ | 素敵なテーマを数多く公開されている marine さんに、感謝感激です。 :shy: | ||
+ | |||
+ | ---- | ||
+ | |||
+ | 自分自身へのメモ書きとして、今回改造した内容の diff を置いておきます。 | ||
+ | 手を入れたファイルは、&ref(_style.css); と &ref(theme_ext_js.html); の2つです。(_style.css は style.css です。style.css を添付するとこのページのスタイルシートとして使用されてしまうのでリネームしています。) | ||
+ | |||
+ | #code(snowland.diff) | ||
+ | |||
+ | RIGHT:&font(90%){&page_comments;}; | ||
+ | #navi |
Page Info | |
---|---|
Page Name : | nao-pon/blog/2015-04-17-1 |
Page aliases : | None |
Page owner : | nao-pon |
Can Read | |
Groups : | All visitors |
Users : | All visitors |
Can Edit | |
Groups : | No one |
Users : | ゲスト |