1: 2015-04-17 (金) 23:22:54 nao-pon  With "attach" plugin. (Created empty) |
現: 2015-04-17 (金) 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 |
| | + | #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 |
ページへ戻る
リンク元
メインメニュー
