Commit MetaInfo
Log Message
Change Summary
Diff
| | @@ -5,7 +5,7 @@ | | 5 | 5 | Name="fb" | | 6 | 6 | Depends=Legacy_RenderSystem,legacy | | 7 | 7 | Url="http://xoops123.com/" | | 8 | | -Version="0.01" | | 8 | +Version="0.8" | | 9 | 9 | | | 10 | 10 | [Theme] | | 11 | 11 | RenderSystem=Legacy_RenderSystem |
| | @@ -1,22 +1,22 @@ | | 1 | | -【テーマ名 】 basic5 | | 2 | | -【バージョン】 0.04 | | 1 | +【テーマ名 】 fb | | 2 | +【バージョン】 0.8 | | 3 | 3 | 【作 成 者】 marine / mistgreen | | 4 | 4 | 【動作 環境】 XOOPS Cube Legacy 2.1x (HD1.04)、2.2 | | 5 | 5 | 【ライセンス】 MIT | | 6 | | -【公 開 日 】 2011-11-13 | | 6 | +【公 開 日 】 2012-5-20 | | 7 | 7 | | | 8 | 8 | ====================================================== | | 9 | 9 | 説明(概要) | | 10 | 10 | ====================================================== | | 11 | 11 | | | 12 | | - PCでもiPhone 等のスマートフォンでも使える XCL2.1x(HD1.04)・XCL2.2用テーマです。HTML5で作っています。 | | 13 | | - 閲覧環境に応じて、柔軟にページレイアウトを切り替えるレスポンシブ・ウェブデザイン(Responsive Web Design )を採用しました。 | | 12 | + XCL2.1x(HD1.04)・XCL2.2用テーマです。某F○cebook似のデザインを採用してみました。 | | 13 | + 基本構造をHTML5で作っていますが、IE対策のため少し工夫を加えています。 | | 14 | 14 | Xoops Cube Legacy 2.2 で動作確認しました。 | | 15 | 15 | | | 16 | | - 下記サイトのテンプレートを流用して、Xoops用のテーマとしてみました。 | | 16 | + 下記サイトのテンプレートを流用してXoops用のテーマとした basic5 をベースとしていますが、デザインの関係上、横幅固定のテーマとなっています。基本、3カラム構成として作成しており、左カラムは固定で表示されますが、右カラムを利用しない場合は、2カラム表示も可能となっています。 | | 17 | 17 | http://www.onextrapixel.com/2011/09/12/create-a-responsive-web-design-template/ | | 18 | 18 | | | 19 | | - ヘッダーには、xugj_assign プラグインを利用して、インストールされたモジュールに対応するメニューを自動表示するようにしています。 | | 19 | + 左カラム上部には、xugj_assign プラグインを利用して、インストールされたモジュールに対応するメニューを自動表示するようにしています。 | | 20 | 20 | また、フッターにユーザーメニュー項目も自動表示するので、xoopsの互換モジュールである「メインメニュー」「ユーザーメニュー」を利用しない運用が可能となっています。 | | 21 | 21 | | | 22 | 22 | このテーマについては MIT ライセンスとさせていただきます。 |
| | @@ -32,7 +32,7 @@ | | 32 | 32 | 通常のメインメニューに表示されるのと同じ項目が自動で表示されるので、メニューの項目を編集する必要もありません。 | | 33 | 33 | http://www.xugj.org/modules/d3forum/index.php?topic_id=125 | | 34 | 34 | | | 35 | | - なお、同封しているものは、オリジナルの xugj_assign.php から少し変更しているので、xugj_assign_basic.php という名称に変更しています。 | | 35 | + なお、同封しているものは、オリジナルの xugj_assign.php から少し変更しているので、xugj_assign_fb.php という名称に変更しています。 | | 36 | 36 | | | 37 | 37 | jQuery.js + jquery.jgrowlプラグインを利用して、画面遷移せずにリダイレクト表示できるので、スピーディーでセンスの良い表示が可能となっています。 なお、本テーマには、domifaraさん作成のphpファイルによるインクルード方法を用いております。 | | 38 | 38 | domifaraさん、ありがとうございます。(javascriptオフ時には、リダイレクトの文字などがボックス表示されます。) |
| | @@ -42,24 +42,22 @@ | | 42 | 42 | | | 43 | 43 | 【画面表示について】 | | 44 | 44 | | | 45 | | - このテーマでは、メディア・クエリ(Media Queries)を利用して、表示するデバイス(ブラウザ)の画面幅によりスタイル(CSS)の切替を行います。 | | 45 | + 基本は、左カラム、中央メイン・右カラムの3カラム表示となっており、表示幅は990pxです。 | | 46 | + 右カラムを表示しない設定とすると、2カラム表示となります。 | | 46 | 47 | | | 47 | | - 基本は、左メイン・右サイドカラムの2カラム表示となっており、最大表示幅は980pxでブラウザの幅を縮めるとそれに応じて横幅が狭まり、デバイスの幅が480px以下になると1カラム表示に切り替わります。 | | 48 | | - | | 49 | | - なお、中央・中央カラムについては、表示順設定に応じて、トップとボットムに幅一杯にボックス表示することができます。 | | 50 | | - | | 51 | | - ■ 中央中央カラム 表示順 0 (トップカラム) | | 52 | | - ■ 中央中央カラム 表示順500以上 (ボットムカラム) | | 48 | + 画面上部のヘッダー部には、F○cebookに似た色合いで横一杯のバーが表示され、サイト名と検索窓が表示されるようになっています。 | | 49 | + 左カラムの上部には、ユーザーのアバターとユーザ名が表示され、その下にxugj_assignを用いたメインメニュー項目が表示されるようになっています。 | | 53 | 50 | | | 54 | 51 | | | 55 | 52 | ====================================================== | | 56 | 53 | インストール | | 57 | 54 | ====================================================== | | 58 | 55 | | | 59 | | - インストールは通常テーマと同じですが、主要モジュールのテンプレートを本テーマに最適化させ、テーマ下テンプレートとして利用する設定が可能ですので、その場合+αの作業が必要となります。 | | 56 | + インストールは通常テーマと同じですが、主要モジュールのテンプレートを本テーマに最適化させ、テーマ下テンプレートとして利用する設定が可能ですので、その場合+αの作業が必要となります。(+αの作業をしないと、エラーとなりますので、ご注意ください。) | | 57 | + | | 58 | + まずは、解凍してできあがったフォルダ「fb」をFTPにてサイトのテーマ・ディレクトリへコピーしてください。(場合によっては、解凍したフォルダの階層が深くなっていることもありますので、ご注意ください。) | | 60 | 59 | | | 61 | | - まずは、解凍してできあがったフォルダ「basic」をFTPにてサイトのテーマ・ディレクトリへコピーしてください。 | | 62 | | - 次に、次の手順でテーマ下テンプレート利用のための作業行ってください。 | | 60 | + 次に、以下の手順でテーマ下テンプレート利用のための作業とプラグインの追加作業を行ってください。 | | 63 | 61 | | | 64 | 62 | 完了したら通常のテーマと同様、管理画面の「互換モジュール」「テーマの管理」でこのテーマを使用する設定としてください。 | | 65 | 63 | |
| | @@ -67,18 +65,20 @@ | | 67 | 65 | 【テーマ下テンプレートが利用可能な場合】 | | 68 | 66 | | | 69 | 67 | ご利用になっている xoops がテーマ下テンプレート利用可能な場合は、本テーマディレクトリ下にある 「templates」ディレクトリに収納されたカスタマイズ済みのテンプレートを利用するようになります。 | | 68 | + XOOPS X(Pack2011〜)の場合、既にpreloadに「HypXoopsTplHook.class.php」が入っていますので、テーマ下テンプレートが利用可能となっています。 | | 70 | 69 | | | 71 | | - この場合、xugj_date や xugj_block を利用しますので、本テーマ下の「up/plugin」フォルダに収納されている modifier.xugj_date.php と function.xugj_block.php をFTPにてサイトの「plugin」ディレクトリにコピーしてください。(既に存在する場合は不要) | | 70 | + テーマ下テンプレートを利用する場合、xugj_date や xugj_block を利用しますので、本テーマ下の「up/plugin」フォルダに収納されている modifier.xugj_date.php と function.xugj_block.php をFTPにてサイトの「plugin」ディレクトリにコピーしてください。(既に存在する場合は不要) | | 72 | 71 | | | 73 | 72 | 「plugin」ディレクトリは、XCL2.1x と XCL2.2 では場所が違うのでご注意ください。 | | 74 | 73 | XCL2.1xの場合 /XOOPS_ROOT_PATH/class/smarty/plugins/ | | 75 | 74 | XCL2.2の場合 /XOOPS_TRUST_PATH/libs/smarty/plugins/ または | | 76 | | - /XOOPS_TRUST_PATH/libs/smartyplugins/ (preload「HdXoopsTplHook.class.php」を使っている場合) | | 75 | + /XOOPS_TRUST_PATH/libs/smartyplugins/ (preload「HdXoopsTplHook.class.php」または「HypXoopsTplHook.class.php」を使っている場合、このディレクトリが優先となります。) | | 77 | 76 | | | 78 | 77 | | | 79 | 78 | 【テーマ下テンプレートが利用できない場合】 | | 80 | 79 | | | 81 | 80 | もし、テーマ下テンプレートを利用できない環境の場合、本テーマ下の「up/preload」フォルダにある HdXoopsTplHook.class.php をFTPにてサイトの「preload」ディレクトリに、本テーマ下の「up/plugin」フォルダにある resource.db.php をサイトの「plugin」ディレクトリにそれぞれコピーしてください。 | | 81 | + なお、XOOPS X(Pack2011〜)の場合、既にpreloadに「HypXoopsTplHook.class.php」が入っていますので、この作業は不要です。(「HypXoopsTplHook.class.php」は、「HdXoopsTplHook.class.php」の機能を最新版にしたものです。) | | 82 | 82 | | | 83 | 83 | 詳細はこちらを参照して下さい。 | | 84 | 84 | http://xoops.peak.ne.jp/md/news/index.php?page=article&storyid=450 |
| | @@ -86,15 +86,14 @@ | | 86 | 86 | | | 87 | 87 | 【テーマ下テンプレート利用可能だが、本テーマのテーマ下テンプレートを使いたくない場合】 | | 88 | 88 | | | 89 | | - 逆に、ご利用になっている xoops がテーマ下テンプレート利用可能な状態であって、本テーマ下のテンプレートを使いたくない場合は、テーマ下にある「templates」ディレクトリを削除してください。(当該ディレクトリ内の個別のテンプレートを削除するのも良いでしょう。) | | 90 | | - ただし、webphotoモジュール使用時のギャラリー表示などはできなくなります。 | | 89 | + 逆に、本テーマ下のテンプレートを使いたくない場合は、テーマ下にある「templates」ディレクトリを削除してください。ただし、webphotoモジュール使用時のギャラリー表示などはできなくなります。 | | 91 | 90 | | | 92 | | -■理由:テーマ下テンプレート利用可能なxoops(HDなど)では、次の優先順位でテンプレートを読み込むため | | 91 | +■理由:テーマ下テンプレート利用可能なxoops(HDやXOOPS X(Pack2011〜)など)では、次の優先順位でテンプレートを読み込むため | | 93 | 92 | 1 テーマ下テンプレート | | 94 | 93 | 2 現在ActiveなDBテンプレート | | 95 | 94 | 3 Default(DB)テンプレート | | 96 | 95 | | | 97 | | - つまり、テンプレートを変更しようとして、Altsysで「現在ActiveなDBテンプレート」をいくら修正しても、テーマ下テンプレートがある場合はそちらが優先されてしまうのです。 | | 96 | +テンプレートを変更しようとして、Altsysで「現在ActiveなDBテンプレート」をいくら修正しても、テーマ下テンプレートがある場合はそちらが優先されてしまうということに注意が必要です。 | | 98 | 97 | | | 99 | 98 | | | 100 | 99 | 【prettyPhotoを利用する場合】 |
| | @@ -128,8 +127,7 @@ | | 128 | 127 | | | 129 | 128 | 従って、モジュールの管理にてモジュールの表示名を変えたり、並び順を「0」として非表示指定した場合でも、テーマのメニュー表示は以前作成したキャッシュファイルを利用することから、変更した表示となりません。 | | 130 | 129 | | | 131 | | - そのような場合、FTPソフトを使って、cacheディレクトリ内の theme_basic_menus_****.php を削除してください。 | | 132 | | - 再度、サイトを表示した際に、新しくメニュー用のキャッシュファイルが自動生成されます。 | | 130 | + そのような場合、FTPソフトを使って、cacheディレクトリ内の theme_fb_menus_****.php を削除してください。再度、サイトを表示した際に、新しくメニュー用のキャッシュファイルが自動生成されます。 | | 133 | 131 | | | 134 | 132 | なお、domifaraさん作成の「xugjメニューキャッシュリフレシュ 管理画面モジュール」を利用すると、FTPソフトを使わずにキャッシュファイルの削除ができるので、便利だと思います。(domifaraさん、ありがとうございます。) | | 135 | 133 | http://xodomifara.lolipop.jp/doxo/modules/d3downloads/index.php?cid=2 |
| | @@ -145,40 +143,13 @@ | | 145 | 143 | 連絡先:http://xoops123.com/modules/liaise/ | | 146 | 144 | | | 147 | 145 | | | 148 | | - | | 149 | 146 | ====================================================== | | 150 | 147 | バージョンアップ履歴 | | 151 | 148 | ====================================================== | | 152 | 149 | | | 153 | | -2011-11-13 ver0.01 | | 150 | +2011-5-20 ver0.8 | | 154 | 151 | とりあえず公開してみる。 | | 155 | 152 | | | 156 | | -2011-11-13 ver0.02 | | 157 | | - 480px以下のブラウザ表示の場合、CenterL、R をフロートさせて、下に回り込む設定とした。 | | 158 | | - | | 159 | | -2011-11-13 ver0.03 | | 160 | | - 各所を調整してみた。ナビの下にサブメニューを表示するようにした。 | | 161 | | - | | 162 | | -2011-11-15 ver0.03a | | 163 | | - 画面幅調整の説明などを追記 | | 164 | | - | | 165 | | -2011-12-05 ver0.04 | | 166 | | - xugj_already_js.php を新版に差し替えた。 | | 167 | | - jquery.jgrowl.js を最小版に差し替えた。 | | 168 | | - jGrowlの動作を中央上に表示するようにし、横幅を広げて透過度変更、boxshadowを表示するようにした。 | | 169 | | - テーマ下言語ファイルに english を追加。 | | 170 | | - style.cssにつき、次の記述間違いを修正 | | 171 | | - | | 172 | | - 間違い | | 173 | | - -webkit-transition-timing function: linear, ease-in; | | 174 | | - -moz-transition-timing function: linear, ease-in; | | 175 | | - transition-timing function: linear, ease-in; | | 176 | | - | | 177 | | - 正解(functionの前にハイフンあり) | | 178 | | - -webkit-transition-timing-function: linear, ease-in; | | 179 | | - -moz-transition-timing-function: linear, ease-in; | | 180 | | - transition-timing-function: linear, ease-in; | | 181 | | - | | 182 | 153 | | | 183 | 154 | ====================================================== | | 184 | 155 | お願い |
| | @@ -5,7 +5,14 @@ CSS for Theme trend | | 5 | 5 | ::-moz-selection { background-color: #91D8f7; color: #fff; } | | 6 | 6 | ::selection { background-color: #91D8f7; color: #fff; } | | 7 | 7 | | | 8 | | -a { outline: 0; color: #000080; } | | 8 | +a , | | 9 | +li a , | | 10 | +dd a , | | 11 | +dl a, | | 12 | +dt a { | | 13 | + outline: 0; | | 14 | + color: #003f8e; | | 15 | +} | | 9 | 16 | a:hover { color: #0000ff; } | | 10 | 17 | p a:hover { color: #27B3CF; } | | 11 | 18 | a:active { outline: none; position: relative; top: 2px; } |
| | @@ -31,132 +38,170 @@ body { | | 31 | 38 | font-size:85%; | | 32 | 39 | } | | 33 | 40 | | | 41 | +h1 {font-size:1.6em; } | | 42 | +h1 a { text-decoration: none; color:#222;} | | 43 | +h1 a:hover { text-decoration: none; color: #27B3CF; } | | 44 | + | | 45 | +h2 {font-size:1.4em; } | | 46 | +h2 a { text-decoration: none;} | | 47 | +h3 { font-family: 'Droid Serif', serif; font-size: 30px; } | | 48 | +h4 { font-family: 'Droid Serif', serif; padding: 3px; margin: 5px 0 0 0; } | | 49 | +h4 a { text-decoration: underline; } | | 50 | +h4 a:hover { } | | 51 | + | | 52 | +p { padding: 0 5px 0 5px; } | | 53 | + | | 54 | +ul { list-style: none; } | | 55 | +ul li { margin: 0 5px; } | | 56 | + | | 34 | 57 | #wrapper { | | 35 | 58 | position:relative; | | 36 | | - width: 960px; | | 59 | + width: 990px; | | 37 | 60 | margin: 0px auto 0; | | 38 | | - padding: 20px 0 10px; | | 61 | + padding: 20px 0 0; | | 39 | 62 | } | | 40 | 63 | | | 41 | | -header { | | 64 | +#header { | | 42 | 65 | position: fixed; | | 43 | 66 | top: 0; | | 44 | 67 | left: 0; | | 45 | 68 | width: 100%; | | 46 | | - height:40px; | | 69 | + height:39px; | | 47 | 70 | margin:0; | | 48 | 71 | padding:0; | | 49 | 72 | background: #3C56A0; | | 50 | 73 | z-index:10; | | 51 | 74 | } | | 52 | 75 | | | 53 | | -#sitename { | | 54 | | - padding-top:3px; | | 55 | | - font-size:16px; | | 56 | | - font-weight:bold; | | 57 | | - line-height:16px; | | 58 | | -} | | 59 | | - | | 60 | | -h1 {font-size:1.6em; } | | 61 | | -h1 a { text-decoration: none; color:#222;} | | 62 | | -h1 a:hover { text-decoration: none; color: #27B3CF; } | | 63 | | - | | 64 | | -h2 {font-size:1.4em; } | | 65 | | -h2 a { text-decoration: none;} | | 66 | | -h3 { font-family: 'Droid Serif', serif; font-size: 30px; } | | 67 | | -h4 { font-family: 'Droid Serif', serif; padding: 3px; margin: 5px 0 0 0; } | | 68 | | -h4 a { text-decoration: underline; } | | 69 | | -h4 a:hover { } | | 70 | | - | | 71 | | -.nav { | | 72 | | - width: 960px; | | 76 | +#navi { | | 77 | + position:relative; | | 78 | + width: 990px; | | 79 | + height:39px; | | 73 | 80 | margin: 0 auto; | | 74 | 81 | padding: 0; | | 75 | | - margin: 0 auto 20px; | | 76 | 82 | font-size: 85%; | | 77 | 83 | } | | 78 | | -.nav a { color: #F9F9F9; display: block; float: left; padding: 10px; text-decoration: none;} | | 79 | | -.nav a:visited { color: #f9f9f9; } | | 80 | | -.nav a:hover { text-decoration: none; background: #27B3CF; } | | 81 | | -.nav a:active { position: relative; top: 0; } | | 82 | | -.nav li { | | 83 | | - list-style: none; | | 84 | | - float: left; | | 84 | + | | 85 | +#navi #sitename { | | 86 | + position:relative; | | 87 | + float:left; | | 88 | + font-size:24px; | | 89 | + font-weight:bold; | | 90 | + width:180px; | | 91 | + height:39px; | | 92 | + line-height:16px; | | 93 | +} | | 94 | +#navi #sitename a{ | | 95 | + line-height:39px; | | 96 | + font-size:24px; | | 97 | + color:#fafafa; | | 98 | + text-decoration:none; | | 99 | +} | | 100 | +#navi #headerSearch { | | 101 | + position:relative; | | 102 | + float:left; | | 103 | + width:350px; | | 104 | + height:39px; | | 105 | + line-height:19px; | | 106 | + margin:0; | | 107 | + padding:9px 0 0 0; | | 85 | 108 | } | | 86 | | -.nav li a { | | 87 | | - text-decoration: none; | | 88 | | - color: #fff; | | 89 | | - padding: 8px 12px; | | 90 | | - display: block; | | 109 | +#headerSearch-searchform { | | 91 | 110 | } | | 92 | | -.nav li a:hover { | | 93 | | - background: #666; | | 111 | +#headerSearch-keywords { | | 112 | + width: 240px; | | 113 | + height: 16px; | | 114 | + padding-left:6px; | | 94 | 115 | } | | 95 | | -.nav li a.act { | | 96 | | - background: #666; | | 116 | +#headerSearch-searchBtn { | | 117 | + position: absolute; | | 118 | + top: 13px; | | 119 | + left: 230px; | | 97 | 120 | } | | 98 | 121 | | | 99 | | -.left-col { width: 700px; float: left; } | | 100 | | -#left-column { | | 122 | +#right-col { | | 101 | 123 | float: left; | | 102 | | - width:180px; | | 124 | + width:770px; | | 125 | + padding:10px; | | 126 | + border-right:1px solid #ccc; | | 127 | + border-left:1px solid #ccc; | | 128 | + border-bottom:1px solid #ccc; | | 129 | +} | | 130 | + | | 131 | +/* #right-col div , #sidebar div {*/ | | 132 | +#right-col>div ,#sidebar div { | | 133 | + padding-bottom:20px; | | 134 | +} | | 135 | +#right-col div h3 , #sidebar div h4 { | | 136 | + color:#a9a9a9; | | 137 | + padding-bottom:7px; | | 138 | +} | | 139 | + | | 140 | +#latest { | | 141 | + padding: 20px 0; | | 142 | + margin:0; | | 143 | +} | | 144 | + | | 145 | + | | 146 | +#right-column { | | 147 | + float: right; | | 148 | + width:230px; | | 103 | 149 | margin:0; | | 104 | 150 | padding:10px 0 0; | | 105 | 151 | font-size:85%; | | 106 | 152 | } | | 107 | | -#left-column div { | | 153 | + | | 154 | +#right-column div { | | 108 | 155 | margin-bottom:10px; | | 109 | 156 | } | | 110 | | -#left-column h4 { | | 157 | +#right-column h4 { | | 111 | 158 | color:#8f8f8f; | | 112 | 159 | } | | 113 | 160 | #center-column { | | 114 | 161 | float: left; | | 115 | | - width:510px; | | 116 | | - padding:10px 0 0; | | 117 | | - border-left:1px solid #ccc; | | 118 | | -} | | 119 | | -#center-column div { | | 120 | | - padding:5px 10px; | | 162 | + width:760px; | | 163 | + padding:10px; | | 121 | 164 | } | | 122 | 165 | #center-column h3 { | | 123 | 166 | font-size:14px; | | 124 | 167 | color:navy; | | 125 | 168 | } | | 126 | | -.sidebar { | | 127 | | - width: 219px; float: right; margin-bottom: 10px; | | 128 | | - padding:10px 0 0; | | 129 | | - border-right:1px solid #ccc; | | 169 | +#center-column #cc_wrap { | | 170 | + width:755px; | | 130 | 171 | } | | 131 | | - | | 132 | | -/*.left-col div , .sidebar div {*/ | | 133 | | -.left-col>div ,.sidebar div { | | 134 | | - padding-bottom:20px; | | 172 | +body.L1R0 #center-column { | | 173 | + width:760px; | | 174 | + padding:10px; | | 135 | 175 | } | | 136 | | -.left-col div h3 , .sidebar div h4 { | | 137 | | - padding-bottom:10px; | | 176 | +body.L1R0 #center-column #cc_wrap { | | 177 | + width:755px; | | 138 | 178 | } | | 139 | | -.sidebar div li { | | 140 | | - margin-bottom:6px; | | 141 | | -} | | 142 | | - | | 143 | | -#featured { padding: 0 20px;} | | 144 | | -#latest { padding: 20px; } | | 145 | | -#about { padding: 20px; } | | 146 | 179 | | | 147 | | -#featured div { | | 148 | | - line-height: 1.5; | | 149 | | - padding-bottom:20px; | | 180 | +body.L1R1 #center-column { | | 181 | + width:520px; | | 182 | +} | | 183 | +body.L1R1 #center-column #cc_wrap { | | 184 | + width:520px; | | 150 | 185 | } | | 151 | 186 | | | 152 | | - | | 153 | | -body.L0R0 .sidebar { | | 154 | | - display:none; | | 187 | +#sidebar { | | 188 | + width: 180px; | | 189 | + float: left; | | 190 | + margin-bottom: 10px; | | 191 | + padding:10px 0 0; | | 192 | + font-size:85%; | | 193 | +} | | 194 | +#sidebar .sidebar_div { | | 195 | + width: 180px; | | 196 | + padding:0 0 8px 0; | | 155 | 197 | } | | 156 | | -body.L0R0 .left-col { | | 157 | | - width:100%; | | 198 | + | | 199 | +#sidebar .sidebar_div form { | | 200 | + line-height:1.5; | | 201 | + padding:0 0 7px 7px; | | 158 | 202 | } | | 159 | 203 | | | 204 | + | | 160 | 205 | /* Center LR Column */ | | 161 | 206 | #CenterLColumn { float: left; width: 49%;} | | 162 | 207 | #CenterRColumn { float: right; width: 49%;} |
| | @@ -167,51 +212,22 @@ body.L0R0 .left-col { | | 167 | 212 | clear: both; | | 168 | 213 | } | | 169 | 214 | | | 170 | | -p { padding: 0 5px 0 5px; } | | 171 | | - | | 172 | | -ul { list-style: none; } | | 173 | | -ul li { margin: 0 5px; } | | 174 | | - | | 175 | 215 | footer { | | 176 | 216 | width: 100%; | | 177 | | - min-height:50px; | | 178 | 217 | padding: 5px 0; | | 179 | 218 | text-align:center; | | 180 | | - line-height:50px; | | 219 | + line-height:30px; | | 181 | 220 | color:#fafafa; | | 182 | 221 | font-size: 80%; | | 183 | 222 | background: transparent; | | 184 | 223 | } | | 185 | 224 | footer a { | | 186 | | - color:#000; | | 225 | + color:#4c6cb3; | | 187 | 226 | text-decoration:none; | | 188 | 227 | } | | 189 | 228 | | | 190 | 229 | pre {overflow: auto; font-size: 12px; } | | 191 | 230 | | | 192 | | -/* basic5 headerSearch */ | | 193 | | -#headerSearch { | | 194 | | - margin:5px 15px 0 10px; | | 195 | | - padding:0px; | | 196 | | - padding-top:2px; | | 197 | | - height:30px; | | 198 | | - width:350px; | | 199 | | - z-index:100; | | 200 | | -} | | 201 | | -#headerSearch-searchform { | | 202 | | - width: 340px; | | 203 | | - background: transparent; | | 204 | | - display: block; | | 205 | | - height: 30px; | | 206 | | -} | | 207 | | -#headerSearch-keywords { | | 208 | | - width: 240px; | | 209 | | - height: 20px; | | 210 | | - padding-left:6px; | | 211 | | - border:1px solid #AFAFAF; | | 212 | | -} | | 213 | | -#headerSearch-searchBtn { | | 214 | | -} | | 215 | 231 | .floatleft { | | 216 | 232 | float:left; | | 217 | 233 | } |
| | @@ -242,34 +258,138 @@ pre {overflow: auto; font-size: 12px; } | | 242 | 258 | word-wrap: break-word; /* IE 5.5+ */ | | 243 | 259 | } | | 244 | 260 | | | 245 | | -#mainmenu li , | | 261 | +#avatar { | | 262 | + height:50px; | | 263 | + width:180px; | | 264 | + margin:0; | | 265 | + font-size:120%; | | 266 | +} | | 267 | +#avatar .avatar_img { | | 268 | + float:left; | | 269 | + width:50px; | | 270 | + height:50px; | | 271 | +} | | 272 | +#avatar .uname { | | 273 | + float:left; | | 274 | + width:110px; | | 275 | + height:50px; | | 276 | + line-height:44px; | | 277 | + font-weight:bold; | | 278 | + color:#003f8e; | | 279 | + padding-left:10px; | | 280 | +} | | 281 | +#menu_m { | | 282 | + width:180px; | | 283 | +} | | 284 | + | | 285 | +ul.mm li { | | 286 | + padding:4px; | | 287 | + line-height:0.8; | | 288 | + margin:0; | | 289 | + background:url(images/ctrl_next.png) no-repeat 5px 3px; | | 290 | +} | | 291 | +ul.mm li a { | | 292 | + display:block; | | 293 | + padding:2px 0 2px 22px; | | 294 | +} | | 295 | +#sidebar ul li a:hover { | | 296 | + background: url(images/shine.gif) no-repeat right center; | | 297 | +} | | 298 | +ul.mm li.mm_home , | | 299 | +ul.mm li.mm_homes { | | 300 | + background:url(images/house.gif) no-repeat 5px 1px; | | 301 | +} | | 302 | +ul.mm li.bulletin { | | 303 | + background:url(images/clover.gif) no-repeat 5px 1px; | | 304 | +} | | 305 | +ul.mm li.d3diary { | | 306 | + background:url(images/bud.gif) no-repeat 5px 1px; | | 307 | +} | | 308 | +ul.mm li.wordpress , | | 309 | +ul.mm li.xpress { | | 310 | + background:url(images/memo.gif) no-repeat 5px 1px; | | 311 | +} | | 312 | +ul.mm li.pico { | | 313 | + background:url(images/book.gif) no-repeat 5px 1px; | | 314 | +} | | 315 | +ul.mm li.webphoto , | | 316 | +ul.mm li.gnavi { | | 317 | + background:url(images/camera.gif) no-repeat 5px 1px; | | 318 | +} | | 319 | +ul.mm li.xpwiki { | | 320 | + background:url(images/chick.gif) no-repeat 5px 1px; | | 321 | +} | | 322 | +ul.mm li.d3forum { | | 323 | + background:url(images/cafe.gif) no-repeat 5px 1px; | | 324 | +} | | 325 | +ul.mm li.d3download { | | 326 | + background:url(images/down.gif) no-repeat 5px 1px; | | 327 | +} | | 328 | +ul.mm li.liaise { | | 329 | + background:url(images/mail.gif) no-repeat 5px 1px; | | 330 | +} | | 331 | + | | 332 | +ul.mm li.bulletin_selected { | | 333 | + background:#dfe0f2 url(images/clover.gif) no-repeat 5px 1px; | | 334 | +} | | 335 | +ul.mm li.d3diary_selected { | | 336 | + background:#dfe0f2 url(images/bud.gif) no-repeat 5px 1px; | | 337 | +} | | 338 | +ul.mm li.wordpress_selected , | | 339 | +ul.mm li.xpress_selected { | | 340 | + background:#dfe0f2 url(images/memo.gif) no-repeat 5px 1px; | | 341 | +} | | 342 | +ul.mm li.pico_selected { | | 343 | + background:#dfe0f2 url(images/book.gif) no-repeat 5px 1px; | | 344 | +} | | 345 | +ul.mm li.webphoto_selected , | | 346 | +ul.mm li.gnavi_selected { | | 347 | + background:#dfe0f2 url(images/camera.gif) no-repeat 5px 1px; | | 348 | +} | | 349 | +ul.mm li.xpwiki_selected { | | 350 | + background:#dfe0f2 url(images/chick.gif) no-repeat 5px 1px; | | 351 | +} | | 352 | +ul.mm li.d3forum_selected { | | 353 | + background:#dfe0f2 url(images/cafe.gif) no-repeat 5px 1px; | | 354 | +} | | 355 | +ul.mm li.d3download_selected { | | 356 | + background:#dfe0f2 url(images/down.gif) no-repeat 5px 1px; | | 357 | +} | | 358 | +ul.mm li.liaise_selected { | | 359 | + background:#dfe0f2 url(images/mail.gif) no-repeat 5px 1px; | | 360 | +} | | 361 | + | | 362 | + | | 246 | 363 | #usermenu li { | | 247 | 364 | line-height:1; | | 365 | + padding-left:20px; | | 366 | + margin:0 0 0 7px; | | 248 | 367 | } | | 249 | 368 | #usermenu li.userMenuTop { | | 250 | | - padding-left:14px; | | 251 | 369 | background:url(images/virgo.gif) no-repeat; | | 252 | 370 | } | | 253 | 371 | #usermenu li.userMenuEdit { | | 254 | | - padding-left:14px; | | 255 | 372 | background:url(images/memo.gif) no-repeat; | | 256 | 373 | } | | 257 | 374 | #usermenu li.userMenuComments { | | 258 | | - padding-left:14px; | | 259 | 375 | background:url(images/note.gif) no-repeat; | | 260 | 376 | } | | 261 | 377 | #usermenu li.userMenuLogout { | | 262 | | - padding-left:14px; | | 263 | 378 | background:url(images/run.gif) no-repeat; | | 264 | 379 | } | | 265 | 380 | #usermenu li.userMenuEmail { | | 266 | | - padding-left:14px; | | 267 | 381 | background:url(images/mail.gif) no-repeat; | | 268 | 382 | } | | 269 | 383 | #usermenu li.userMenuAdmin { | | 270 | | - padding-left:14px; | | 271 | 384 | background:url(images/clover.gif) no-repeat; | | 272 | 385 | } | | 386 | +#privatemessages , | | 387 | +#mainmenu li { | | 388 | + line-height:1; | | 389 | + padding-left:0px; | | 390 | + margin:0 0 0 7px; | | 391 | +} | | 392 | + | | 273 | 393 | #mainmenu li a.menuTop { | | 274 | 394 | padding-left:18px; | | 275 | 395 | background:url(images/house.gif) no-repeat; |
| | @@ -289,3 +409,15 @@ pre {overflow: auto; font-size: 12px; } | | 289 | 409 | margin-left:5px; | | 290 | 410 | color:glay; | | 291 | 411 | } | | 412 | + | | 413 | +#ModuleContents { | | 414 | + line-height:1.5; | | 415 | +} | | 416 | + | | 417 | +#theme_login_block_div , | | 418 | +#theme_login_block { | | 419 | + width:220px; | | 420 | + height:220px; | | 421 | +} | | 422 | + | | 423 | + |
| | @@ -31,7 +31,6 @@ | | 31 | 31 | <{include file="`$xoops_theme`/theme_redirect_js.html"}> | | 32 | 32 | <script type="text/javascript" src="<{$xoops_imageurl}>js/jquery.easing.compatibility.js"></script> | | 33 | 33 | <link rel="stylesheet" type="text/css" href="<{$xoops_imageurl}>modules.css" /> | | 34 | | -<link rel="stylesheet" type="text/css" href="<{$xoops_imageurl}>media-queries.css" /> | | 35 | 34 | <script type="text/javascript" src="<{$xoops_imageurl}>js/fancybox/jquery.mousewheel-3.0.4.pack.js" charset="utf-8"></script> | | 36 | 35 | <script type="text/javascript" src="<{$xoops_imageurl}>js/fancybox/jquery.fancybox-1.3.4.pack.js" charset="utf-8"></script> | | 37 | 36 | <link rel="stylesheet" href="<{$xoops_imageurl}>js/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" charset="utf-8"/> |
| | @@ -61,7 +60,7 @@ jQuery(document).ready(function() { | | 61 | 60 | }); | | 62 | 61 | </script> | | 63 | 62 | <script type="text/javascript"> | | 64 | | - var GuideSentence = '<{$smarty.const._BASIC_SEARCH}>'; | | 63 | + var GuideSentence = '<{$smarty.const._THEME_LANGUAGE_SEARCH}>'; | | 65 | 64 | function ShowFormGuide(obj) { | | 66 | 65 | if( obj.value == '' ) { | | 67 | 66 | obj.value = GuideSentence; |
| | @@ -106,49 +105,83 @@ jQuery(function(){ | | 106 | 105 | <{/if}> | | 107 | 106 | <{/if}> | | 108 | 107 | "><{/strip}> | | 109 | | - <header id="header"> | | 110 | | - | | 108 | + | | 109 | +<header id="header"> | | 111 | 110 | <nav> | | 112 | | - <div class="nav clearfix"> | | 113 | | - <div id="sitename" class="floatleft"><a href="<{$xoops_url}>/"><{$xoops_sitename}></a></div> | | 114 | | - <div id="headerSearch" class="floatleft"> | | 111 | + <div id="navi"> | | 112 | + <div id="sitename"><a href="<{$xoops_url}>/"><{$xoops_sitename}></a></div> | | 113 | + <div id="headerSearch"> | | 115 | 114 | <form id="headerSearch-searchform" name="searchform" action="<{$xoops_url}>/search.php" method="get" class="searchform"> | | 116 | | - <input id="headerSearch-keywords" type="text" name="query" value="<{$smarty.const._BASIC_SEARCH}>" style="color: #808080;" onFocus="HideFormGuide(this);" onBlur="ShowFormGuide(this);" class="textbox" /> | | 115 | + <input id="headerSearch-keywords" type="text" name="query" value="<{$smarty.const._THEME_LANGUAGE_SEARCH}>" style="color: #808080;" onFocus="HideFormGuide(this);" onBlur="ShowFormGuide(this);" class="textbox" /> | | 117 | 116 | <input type="hidden" name="action" value="results" /> | | 118 | | - <input type="image" src="<{$xoops_imageurl}>images/search-icon.png" name="searchSubmit" alt="<{$smarty.const._BASIC_SEARCH}>" title="<{$smarty.const._BASIC_SEARCH}>" id="headerSearch-searchBtn" class="button" /> | | 117 | + <input type="image" src="<{$xoops_imageurl}>images/search-icon.png" name="searchSubmit" alt="<{$smarty.const._THEME_LANGUAGE_SEARCH}>" title="<{$smarty.const._THEME_LANGUAGE_SEARCH}>" id="headerSearch-searchBtn" class="button" /> | | 119 | 118 | </form> | | 120 | 119 | </div> | | 121 | 120 | </div> | | 122 | 121 | </nav> | | 123 | | - | | 124 | | - </header> | | 122 | +</header> | | 125 | 123 | | | 126 | 124 | <div id="wrapper"> | | 127 | 125 | | | 128 | 126 | <section id="main-content"> | | 129 | 127 | | | 130 | | - <div id="featured"> | | 131 | | - </div> <!-- END Featured --> | | 132 | | - | | 133 | 128 | <div id="latest"> | | 134 | | - <section class="left-col"> | | 135 | | - <div id="left-column"> | | 129 | + | | 130 | + <div id="sidebar"> | | 131 | + <aside> | | 132 | + <div id="avatar"> | | 133 | + <{if $xoops_isuser}> | | 134 | + <{if $photo.uid|xoops_user:user_avatar!="blank.gif"}> | | 135 | + <div class="avatar_img"><img src="<{$smarty.const.XOOPS_URL}>/modules/user/images/no_avatar.gif" title="Avatar" alt="Avatar" width="50" height="50" align="middle"></div> | | 136 | + <{else}> | | 137 | + <div class="avatar_img"><img src="<{$smarty.const.XOOPS_URL}>/modules/user/images/no_avatar.gif" alt="No Avatar" title="No Avatar" /></div> | | 138 | + <{/if}> | | 139 | + <div class="uname"><{1|xoops_user:'uname'}></div> | | 140 | + <{else}> | | 141 | + <div class="avatar_img"><img src="<{$smarty.const.XOOPS_URL}>/modules/user/images/no_avatar.gif" title="No Avatar" alt="Avatar" width="50" height="50" align="middle"></div><div class="uname"><{$smarty.const._THEME_LANGUAGE_LANGUAGE_GUEST}></div> | | 142 | + <{/if}> | | 143 | + </div> | | 144 | + <div id="menu_m"> | | 145 | + <h4><{$smarty.const._THEME_LANGUAGE_MAIN_MENU}></h4> | | 146 | + <ul class="mm"> | | 147 | + <{if $menu0.dirname == $xoops_dirname}> | | 148 | + <li class="mm_homes"><a href="<{$xoops_url}>/"><{$smarty.const._THEME_LANGUAGE_HOME_NAME}></a></li> | | 149 | + <{else}> | | 150 | + <li class="mm_home"><a href="<{$xoops_url}>/"><{$smarty.const._THEME_LANGUAGE_HOME_NAME}></a></li> | | 151 | + <{/if}> | | 152 | + <{foreach from=$xugj_menus item="menu0"}> | | 153 | + <{if $menu0.dirname == $xoops_dirname}> | | 154 | + <{assign var="xugj_menus1" value=$menu0.sub}> | | 155 | + <{assign var="menu0_class" value="_selected"}> | | 156 | + <{else}> | | 157 | + <{assign var="menu0_class" value=""}> | | 158 | + <{/if}> | | 159 | + <li class="<{$menu0.dirname}><{if $menu0.dirname == $xoops_dirname}><{$menu0_class}><{/if}>"><a href="<{$xoops_url}>/modules/<{$menu0.dirname}>/<{$menu0.url}>"><{$menu0.name}></a> | | 160 | + </li> | | 161 | + <{/foreach}> | | 162 | + </ul> | | 163 | + </div> | | 136 | 164 | <{if $xoops_showlblock == 1}> | | 137 | 165 | <{foreach item=block from=$xoops_lblocks name=lbloop}> | | 138 | | - <div> | | 166 | + <div class="sidebar_div"> | | 139 | 167 | <{if ! $block.title|strstr:"none"}><h4><{$block.title}></h4><{/if}> | | 140 | 168 | <{$block.content}> | | 141 | 169 | </div> | | 142 | 170 | <{/foreach}> | | 143 | 171 | <{/if}> | | 144 | | - </div> | | 172 | + </aside> | | 173 | + </div><{* sidebar *}> | | 174 | + | | 175 | + <div id="right-col"> | | 176 | + <section> | | 145 | 177 | <div id="center-column"> | | 146 | | - <{* CenterColumn BlockWeight>0 *}><{include file="`$xoops_theme`/theme_centercolumn.html"}> | | 178 | + <div id="cc_wrap"> | | 179 | + <{* CenterColumn BlockWeight>0 *}><{include file="`$xoops_theme`/theme_centercolumn.html"}> | | 180 | + </div> | | 147 | 181 | </div> | | 148 | | - </section> <!-- END Left Column --> | | 149 | 182 | | | 150 | | - <aside class="sidebar"> | | 151 | 183 | <{if $xoops_showrblock == 1}> | | 184 | + <div id="right-column"> | | 152 | 185 | <{foreach item=block from=$xoops_rblocks name=rbloop}> | | 153 | 186 | <div> | | 154 | 187 | <{if ! $block.title|strstr:"none"}><h4><{$block.title}></h4><{/if}> |
| | @@ -156,14 +189,15 @@ jQuery(function(){ | | 156 | 189 | </div> | | 157 | 190 | <{/foreach}> | | 158 | 191 | <{/if}> | | 159 | | - </aside> | | 192 | + </div> | | 193 | + </section> <!-- END right-col --> | | 194 | + </div><{* right-col *}> | | 160 | 195 | | | 161 | 196 | </div> <!-- END Latest --> | | 162 | 197 | | | 163 | 198 | <div class="clearfix"></div> | | 164 | 199 | | | 165 | | - <div id="about"> | | 166 | | - <{if $xoops_ccblocks}><{* Start bottom Column BlockWeight >= 500 *}> | | 200 | + <{if $xoops_ccblocks}><{* Start bottom Column BlockWeight >= 500 *}> | | 167 | 201 | <{foreach item=block from=$xoops_ccblocks name=ccloop}> | | 168 | 202 | <{if $block.weight >= 500 }> | | 169 | 203 | <hr/> |
| | @@ -173,12 +207,16 @@ jQuery(function(){ | | 173 | 207 | </div> | | 174 | 208 | <{/if}> | | 175 | 209 | <{/foreach}> | | 176 | | - <{/if}> | | 177 | | - </div> | | 178 | | - </section> | | 210 | + <{/if}> | | 211 | + </section><!-- END main-content --> | | 179 | 212 | | | 180 | 213 | </div> <!-- END Wrapper --> | | 181 | 214 | | | 215 | +<{* login block *}> | | 216 | +<{* <{include file="$xoops_theme/theme_cubelogin_block.html"}> *}> | | 217 | +<{include file="$xoops_theme/theme_cubelogin_block.html"}> | | 218 | +<{* End login block *}> | | 219 | + | | 182 | 220 | <footer> | | 183 | 221 | <{include file="`$xoops_theme`/theme_footer.html"}> | | 184 | 222 | </footer> |
| | @@ -0,0 +1,27 @@ | | 1 | +<div id="theme_login_block_div" style="display:none;"> | | 2 | +<div id="theme_login_block"> | | 3 | + | | 4 | +<form action="<{$xoops_url}>/user.php" method="post" style="margin-top: 0px;"> | | 5 | + <{$smarty.const._THEME_LANGUAGE_USER_NAME}><br /> | | 6 | + <{xoops_input type=text name=uname size=12 value=$block.unamevalue maxlength=25 id="`$smarty.const.XOOPS_INPUT_DEFID_PREFIX`block_uname"}><br /> | | 7 | + <{$smarty.const._THEME_LANGUAGE_PWORD}><br /> | | 8 | + <{xoops_input type=password name=pass size=12 maxlength=32 id="`$smarty.const.XOOPS_INPUT_DEFID_PREFIX`block_pass"}><br /> | | 9 | + <label><{xoops_input type=checkbox name=rememberme value=On class=formButton}><{$smarty.const._MB_USER_REMEMBERME}></label><br /> | | 10 | + <input type="hidden" name="xoops_redirect" value="<{$xoops_requesturi}>" /> | | 11 | + <{xoops_input type=hidden name=op value=login id="`$smarty.const.XOOPS_INPUT_DEFID_PREFIX`block_op"}> | | 12 | + <{xoops_input type=submit name=submit value=$smarty.const._THEME_LANGUAGE_LOGIN id="`$smarty.const.XOOPS_INPUT_DEFID_PREFIX`block_submit"}><br /> | | 13 | +</form> | | 14 | +<{* cubeUtils doesn't have default const of secure login *}> | | 15 | +<{* | | 16 | +<{if $block.use_ssl == '1'}> | | 17 | + <a href="javascript:openWithSelfMain('<{$block.sslloginlink}>', 'ssllogin', 300, 200);">SSL</a> | | 18 | +<{/if}> | | 19 | +*}> | | 20 | +<a href="<{$xoops_url}>/lostpass.php"><{$smarty.const._THEME_LANGUAGE_LOST_PASS}></a> | | 21 | +<br /><br /> | | 22 | +<{if $block.allow_register == '1'}> | | 23 | + <a href="<{$xoops_url}>/register.php"><{$smarty.const._THEME_LANGUAGE_RESISTER}></a> | | 24 | +<{/if}> | | 25 | + | | 26 | +</div> | | 27 | +</div> |
| | @@ -1,14 +1,15 @@ | | 1 | 1 | <{if !$xoops_isuser}> | | 2 | 2 | <a href="http://xoops123.com/">Theme designed by marine/mistgreen</a> | | | 3 | | - <a href="<{$xoops_url}>/user.php"><{$smarty.const._BASIC_LOGIN_FORM}></a> | | 4 | | -<{else}> | | 5 | | - <a href="<{$xoops_url}>/user.php"><{$smarty.const._BASIC_USER_ACCOUNT}></a> | | | 6 | | - <a href="<{$xoops_url}>/edituser.php"><{$smarty.const._BASIC_EDIT_ACCOUNT}></a> | | | 7 | | - <a href="<{$xoops_url}>/notifications.php"><{$smarty.const._BASIC_NORTIFICATION}></a> | | | 8 | | - <a href="<{$xoops_url}>/viewpmsg.php" <{if $pm.new_messages}>class="new1"<{/if}>><{$smarty.const._BASIC_VIEWPMSG}><{if $pm.new_messages}>(<{/if}><{$pm.new_messages}><{if $pm.new_messages}>)<{/if}></a> | | | 9 | | - <a href="<{$xoops_url}>/user.php?op=logout"><{$smarty.const._BASIC_LOGOUT}></a> | | | 3 | + <noscript><a href="<{$xoops_url}>/user.php">login(noscript)</a> | </noscript> | | 4 | + <a class="fancybox" href="#theme_login_block" title="<{$smarty.const._THEME_LANGUAGE_LOGIN}>"><{$smarty.const._THEME_LANGUAGE_LOGIN}></a> | | 5 | + <{else}> | | 6 | + <a href="<{$xoops_url}>/user.php"><{$smarty.const._THEME_LANGUAGE_USER_ACCOUNT}></a> | | | 7 | + <a href="<{$xoops_url}>/edituser.php"><{$smarty.const._THEME_LANGUAGE_EDIT_ACCOUNT}></a> | | | 8 | + <a href="<{$xoops_url}>/notifications.php"><{$smarty.const._THEME_LANGUAGE_NORTIFICATION}></a> | | | 9 | + <a href="<{$xoops_url}>/viewpmsg.php" <{if $pm.new_messages}>class="new1"<{/if}>><{$smarty.const._THEME_LANGUAGE_VIEWPMSG}>(<{$pm.new_messages}>)</a> | | | 10 | + <a href="<{$xoops_url}>/user.php?op=logout"><{$smarty.const._THEME_LANGUAGE_LOGOUT}></a> | | | 10 | 11 | <{if $xoops_isadmin}> | | 11 | | - <a href="<{$xoops_url}>/admin.php"><{$smarty.const._BASIC_ADMIN_PAGE}></a> | | | 12 | + <a href="<{$xoops_url}>/admin.php"><{$smarty.const._THEME_LANGUAGE_ADMIN_PAGE}></a> | | | 12 | 13 | <{/if}> | | 13 | 14 | <a href="http://xoops123.com/">Theme designed by marine/mistgreen</a> | | 14 | 15 | <{/if}> |
| | @@ -5,7 +5,7 @@ | | 5 | 5 | Name="trend2012" | | 6 | 6 | Depends=Legacy_RenderSystem,legacy | | 7 | 7 | Url="http://xoops123.com/" | | 8 | | -Version="0.01" | | 8 | +Version="0.8" | | 9 | 9 | | | 10 | 10 | [Theme] | | 11 | 11 | RenderSystem=Legacy_RenderSystem |
| | @@ -1,22 +1,21 @@ | | 1 | | -【テーマ名 】 basic5 | | 2 | | -【バージョン】 0.04 | | 1 | +【テーマ名 】 trend2012 | | 2 | +【バージョン】 0.8 | | 3 | 3 | 【作 成 者】 marine / mistgreen | | 4 | 4 | 【動作 環境】 XOOPS Cube Legacy 2.1x (HD1.04)、2.2 | | 5 | 5 | 【ライセンス】 MIT | | 6 | | -【公 開 日 】 2011-11-13 | | 6 | +【公 開 日 】 2012-5-20 | | 7 | 7 | | | 8 | 8 | ====================================================== | | 9 | 9 | 説明(概要) | | 10 | 10 | ====================================================== | | 11 | 11 | | | 12 | 12 | PCでもiPhone 等のスマートフォンでも使える XCL2.1x(HD1.04)・XCL2.2用テーマです。HTML5で作っています。 | | 13 | | - 閲覧環境に応じて、柔軟にページレイアウトを切り替えるレスポンシブ・ウェブデザイン(Responsive Web Design )を採用しました。 | | 14 | | - Xoops Cube Legacy 2.2 で動作確認しました。 | | 13 | + 閲覧環境に応じて、柔軟にページレイアウトを切り替えるレスポンシブ・ウェブデザイン(Responsive Web Design )を採用しました。Xoops Cube Legacy 2.2 で動作確認しました。 | | 15 | 14 | | | 16 | | - 下記サイトのテンプレートを流用して、Xoops用のテーマとしてみました。 | | 15 | + 下記サイトのテンプレートを流用してXoops用のテーマとした basic5 をベースに作成しました。 | | 17 | 16 | http://www.onextrapixel.com/2011/09/12/create-a-responsive-web-design-template/ | | 18 | 17 | | | 19 | | - ヘッダーには、xugj_assign プラグインを利用して、インストールされたモジュールに対応するメニューを自動表示するようにしています。 | | 18 | + ヘッダー画像下には、xugj_assign プラグインを利用して、インストールされたモジュールに対応するメニューバーを自動表示するようにしています。 | | 20 | 19 | また、フッターにユーザーメニュー項目も自動表示するので、xoopsの互換モジュールである「メインメニュー」「ユーザーメニュー」を利用しない運用が可能となっています。 | | 21 | 20 | | | 22 | 21 | このテーマについては MIT ライセンスとさせていただきます。 |
| | @@ -32,7 +31,7 @@ | | 32 | 31 | 通常のメインメニューに表示されるのと同じ項目が自動で表示されるので、メニューの項目を編集する必要もありません。 | | 33 | 32 | http://www.xugj.org/modules/d3forum/index.php?topic_id=125 | | 34 | 33 | | | 35 | | - なお、同封しているものは、オリジナルの xugj_assign.php から少し変更しているので、xugj_assign_basic.php という名称に変更しています。 | | 34 | + なお、同封しているものは、オリジナルの xugj_assign.php から少し変更しているので、xugj_assign_trend.php という名称に変更しています。 | | 36 | 35 | | | 37 | 36 | jQuery.js + jquery.jgrowlプラグインを利用して、画面遷移せずにリダイレクト表示できるので、スピーディーでセンスの良い表示が可能となっています。 なお、本テーマには、domifaraさん作成のphpファイルによるインクルード方法を用いております。 | | 38 | 37 | domifaraさん、ありがとうございます。(javascriptオフ時には、リダイレクトの文字などがボックス表示されます。) |
| | @@ -51,15 +50,20 @@ | | 51 | 50 | ■ 中央中央カラム 表示順 0 (トップカラム) | | 52 | 51 | ■ 中央中央カラム 表示順500以上 (ボットムカラム) | | 53 | 52 | | | 53 | + 詳しい表示ロジックについては、同封の trend2012.jpg をご覧下さい。 | | 54 | + | | 55 | + ヘッダー画像下のメニューバーは、スクロールすると自動でトップにFIXするようにしています。また、検索窓をクリックするとキーワード入力部が横に広がるギミックも装備してみました。(jQuery利用) | | 56 | + | | 54 | 57 | | | 55 | 58 | ====================================================== | | 56 | 59 | インストール | | 57 | 60 | ====================================================== | | 58 | 61 | | | 59 | | - インストールは通常テーマと同じですが、主要モジュールのテンプレートを本テーマに最適化させ、テーマ下テンプレートとして利用する設定が可能ですので、その場合+αの作業が必要となります。 | | 62 | + インストールは通常テーマと同じですが、主要モジュールのテンプレートを本テーマに最適化させ、テーマ下テンプレートとして利用する設定が可能ですので、その場合+αの作業が必要となります。(+αの作業をしないと表示エラーが出る場合があります。) | | 63 | + | | 64 | + まずは、解凍してできあがったフォルダ「trend2012」をFTPにてサイトのテーマ・ディレクトリへコピーしてください。(場合によっては、解凍したフォルダの階層が深くなっていることもありますので、ご注意ください。) | | 60 | 65 | | | 61 | | - まずは、解凍してできあがったフォルダ「basic」をFTPにてサイトのテーマ・ディレクトリへコピーしてください。 | | 62 | | - 次に、次の手順でテーマ下テンプレート利用のための作業行ってください。 | | 66 | + 次に、以下の手順でテーマ下テンプレート利用のための作業とプラグインの追加作業を行ってください。 | | 63 | 67 | | | 64 | 68 | 完了したら通常のテーマと同様、管理画面の「互換モジュール」「テーマの管理」でこのテーマを使用する設定としてください。 | | 65 | 69 | |
| | @@ -67,18 +71,20 @@ | | 67 | 71 | 【テーマ下テンプレートが利用可能な場合】 | | 68 | 72 | | | 69 | 73 | ご利用になっている xoops がテーマ下テンプレート利用可能な場合は、本テーマディレクトリ下にある 「templates」ディレクトリに収納されたカスタマイズ済みのテンプレートを利用するようになります。 | | 74 | + XOOPS X(Pack2011〜)の場合、既にpreloadに「HypXoopsTplHook.class.php」が入っていますので、テーマ下テンプレートが利用可能となっています。 | | 70 | 75 | | | 71 | | - この場合、xugj_date や xugj_block を利用しますので、本テーマ下の「up/plugin」フォルダに収納されている modifier.xugj_date.php と function.xugj_block.php をFTPにてサイトの「plugin」ディレクトリにコピーしてください。(既に存在する場合は不要) | | 76 | + テーマ下テンプレートを利用する場合、xugj_date や xugj_block を利用しますので、本テーマ下の「up/plugin」フォルダに収納されている modifier.xugj_date.php と function.xugj_block.php をFTPにてサイトの「plugin」ディレクトリにコピーしてください。(既に存在する場合は不要) | | 72 | 77 | | | 73 | 78 | 「plugin」ディレクトリは、XCL2.1x と XCL2.2 では場所が違うのでご注意ください。 | | 74 | 79 | XCL2.1xの場合 /XOOPS_ROOT_PATH/class/smarty/plugins/ | | 75 | 80 | XCL2.2の場合 /XOOPS_TRUST_PATH/libs/smarty/plugins/ または | | 76 | | - /XOOPS_TRUST_PATH/libs/smartyplugins/ (preload「HdXoopsTplHook.class.php」を使っている場合) | | 81 | + /XOOPS_TRUST_PATH/libs/smartyplugins/ (preload「HdXoopsTplHook.class.php」または「HypXoopsTplHook.class.php」を使っている場合、このディレクトリが優先となります。) | | 77 | 82 | | | 78 | 83 | | | 79 | 84 | 【テーマ下テンプレートが利用できない場合】 | | 80 | 85 | | | 81 | 86 | もし、テーマ下テンプレートを利用できない環境の場合、本テーマ下の「up/preload」フォルダにある HdXoopsTplHook.class.php をFTPにてサイトの「preload」ディレクトリに、本テーマ下の「up/plugin」フォルダにある resource.db.php をサイトの「plugin」ディレクトリにそれぞれコピーしてください。 | | 87 | + なお、XOOPS X(Pack2011〜)の場合、既にpreloadに「HypXoopsTplHook.class.php」が入っていますので、この作業は不要です。(「HypXoopsTplHook.class.php」は、「HdXoopsTplHook.class.php」の機能を最新版にしたものです。) | | 82 | 88 | | | 83 | 89 | 詳細はこちらを参照して下さい。 | | 84 | 90 | http://xoops.peak.ne.jp/md/news/index.php?page=article&storyid=450 |
| | @@ -86,15 +92,14 @@ | | 86 | 92 | | | 87 | 93 | 【テーマ下テンプレート利用可能だが、本テーマのテーマ下テンプレートを使いたくない場合】 | | 88 | 94 | | | 89 | | - 逆に、ご利用になっている xoops がテーマ下テンプレート利用可能な状態であって、本テーマ下のテンプレートを使いたくない場合は、テーマ下にある「templates」ディレクトリを削除してください。(当該ディレクトリ内の個別のテンプレートを削除するのも良いでしょう。) | | 90 | | - ただし、webphotoモジュール使用時のギャラリー表示などはできなくなります。 | | 95 | + 逆に、本テーマ下のテンプレートを使いたくない場合は、テーマ下にある「templates」ディレクトリを削除してください。ただし、webphotoモジュール使用時のギャラリー表示などはできなくなります。 | | 91 | 96 | | | 92 | | -■理由:テーマ下テンプレート利用可能なxoops(HDなど)では、次の優先順位でテンプレートを読み込むため | | 97 | +■理由:テーマ下テンプレート利用可能なxoops(HDやXOOPS X(Pack2011〜)など)では、次の優先順位でテンプレートを読み込むため | | 93 | 98 | 1 テーマ下テンプレート | | 94 | 99 | 2 現在ActiveなDBテンプレート | | 95 | 100 | 3 Default(DB)テンプレート | | 96 | 101 | | | 97 | | - つまり、テンプレートを変更しようとして、Altsysで「現在ActiveなDBテンプレート」をいくら修正しても、テーマ下テンプレートがある場合はそちらが優先されてしまうのです。 | | 102 | +テンプレートを変更しようとして、Altsysで「現在ActiveなDBテンプレート」をいくら修正しても、テーマ下テンプレートがある場合はそちらが優先されてしまうということに注意が必要です。 | | 98 | 103 | | | 99 | 104 | | | 100 | 105 | 【prettyPhotoを利用する場合】 |
| | @@ -128,8 +133,7 @@ | | 128 | 133 | | | 129 | 134 | 従って、モジュールの管理にてモジュールの表示名を変えたり、並び順を「0」として非表示指定した場合でも、テーマのメニュー表示は以前作成したキャッシュファイルを利用することから、変更した表示となりません。 | | 130 | 135 | | | 131 | | - そのような場合、FTPソフトを使って、cacheディレクトリ内の theme_basic_menus_****.php を削除してください。 | | 132 | | - 再度、サイトを表示した際に、新しくメニュー用のキャッシュファイルが自動生成されます。 | | 136 | + そのような場合、FTPソフトを使って、cacheディレクトリ内の theme_trend_menus_****.php を削除してください。再度、サイトを表示した際に、新しくメニュー用のキャッシュファイルが自動生成されます。 | | 133 | 137 | | | 134 | 138 | なお、domifaraさん作成の「xugjメニューキャッシュリフレシュ 管理画面モジュール」を利用すると、FTPソフトを使わずにキャッシュファイルの削除ができるので、便利だと思います。(domifaraさん、ありがとうございます。) | | 135 | 139 | http://xodomifara.lolipop.jp/doxo/modules/d3downloads/index.php?cid=2 |
| | @@ -150,35 +154,9 @@ | | 150 | 154 | バージョンアップ履歴 | | 151 | 155 | ====================================================== | | 152 | 156 | | | 153 | | -2011-11-13 ver0.01 | | 157 | +2012-5-20 ver0.8 | | 154 | 158 | とりあえず公開してみる。 | | 155 | 159 | | | 156 | | -2011-11-13 ver0.02 | | 157 | | - 480px以下のブラウザ表示の場合、CenterL、R をフロートさせて、下に回り込む設定とした。 | | 158 | | - | | 159 | | -2011-11-13 ver0.03 | | 160 | | - 各所を調整してみた。ナビの下にサブメニューを表示するようにした。 | | 161 | | - | | 162 | | -2011-11-15 ver0.03a | | 163 | | - 画面幅調整の説明などを追記 | | 164 | | - | | 165 | | -2011-12-05 ver0.04 | | 166 | | - xugj_already_js.php を新版に差し替えた。 | | 167 | | - jquery.jgrowl.js を最小版に差し替えた。 | | 168 | | - jGrowlの動作を中央上に表示するようにし、横幅を広げて透過度変更、boxshadowを表示するようにした。 | | 169 | | - テーマ下言語ファイルに english を追加。 | | 170 | | - style.cssにつき、次の記述間違いを修正 | | 171 | | - | | 172 | | - 間違い | | 173 | | - -webkit-transition-timing function: linear, ease-in; | | 174 | | - -moz-transition-timing function: linear, ease-in; | | 175 | | - transition-timing function: linear, ease-in; | | 176 | | - | | 177 | | - 正解(functionの前にハイフンあり) | | 178 | | - -webkit-transition-timing-function: linear, ease-in; | | 179 | | - -moz-transition-timing-function: linear, ease-in; | | 180 | | - transition-timing-function: linear, ease-in; | | 181 | | - | | 182 | 160 | | | 183 | 161 | ====================================================== | | 184 | 162 | お願い |
| | @@ -356,4 +356,10 @@ pre {overflow: auto; font-size: 12px; } | | 356 | 356 | #mainmenu li a.menuMain { | | 357 | 357 | } | | 358 | 358 | | | 359 | +#theme_login_block_div , | | 360 | +#theme_login_block { | | 361 | + width:220px; | | 362 | + height:220px; | | 363 | +} | | 364 | + | | 359 | 365 | |
| | @@ -79,7 +79,7 @@ jQuery(function() { | | 79 | 79 | <script type="text/javascript"> | | 80 | 80 | jQuery(function() { | | 81 | 81 | var headerSearch = jQuery('#headerSearch'); | | 82 | | -var GuideSentence = '<{$smarty.const._BASIC_SEARCH}>'; | | 82 | +var GuideSentence = '<{$smarty.const._THEME_LANGUAGE_SEARCH}>'; | | 83 | 83 | var long = '200px'; | | 84 | 84 | var short = '156px'; | | 85 | 85 | jQuery('input#headerSearch-keywords').focus(function(){ |
| | @@ -141,9 +141,9 @@ jQuery(function(){ | | 141 | 141 | <div class="nav"> | | 142 | 142 | <ul class="clearfix"> | | 143 | 143 | <{if $menu0.dirname == $xoops_dirname}> | | 144 | | - <li><a href="<{$xoops_url}>/" class="act"><{$smarty.const._BASIC_HOME_NAME}></a></li> | | 144 | + <li><a href="<{$xoops_url}>/" class="act"><{$smarty.const._THEME_LANGUAGE_HOME_NAME}></a></li> | | 145 | 145 | <{else}> | | 146 | | - <li><a href="<{$xoops_url}>/"><{$smarty.const._BASIC_HOME_NAME}></a></li> | | 146 | + <li><a href="<{$xoops_url}>/"><{$smarty.const._THEME_LANGUAGE_HOME_NAME}></a></li> | | 147 | 147 | <{/if}> | | 148 | 148 | <{foreach from=$xugj_menus item="menu0"}> | | 149 | 149 | <{if $menu0.dirname == $xoops_dirname}> |
| | @@ -242,6 +242,11 @@ jQuery(function(){ | | 242 | 242 | | | 243 | 243 | </div> <!-- END Wrapper --> | | 244 | 244 | | | 245 | +<{* login block *}> | | 246 | +<{* <{include file="$xoops_theme/theme_cubelogin_block.html"}> *}> | | 247 | +<{include file="$xoops_theme/theme_cubelogin_block.html"}> | | 248 | +<{* End login block *}> | | 249 | + | | 245 | 250 | <footer> | | 246 | 251 | <div id="footer"> | | 247 | 252 | <{include file="`$xoops_theme`/theme_footer.html"}> |
| | @@ -250,9 +255,9 @@ jQuery(function(){ | | 250 | 255 | | | 251 | 256 | <div id="headerSearch"> | | 252 | 257 | <form id="headerSearch-searchform" name="searchform" action="<{$xoops_url}>/search.php" method="get" class="searchform"> | | 253 | | - <input id="headerSearch-keywords" type="text" name="query" value="<{$smarty.const._BASIC_SEARCH}>" class="textbox" /> | | 258 | + <input id="headerSearch-keywords" type="text" name="query" value="<{$smarty.const._THEME_LANGUAGE_SEARCH}>" class="textbox" /> | | 254 | 259 | <input type="hidden" name="action" value="results" /> | | 255 | | - <input type="image" src="<{$xoops_imageurl}>images/search-icon.png" name="searchSubmit" alt="<{$smarty.const._BASIC_SEARCH}>" title="<{$smarty.const._BASIC_SEARCH}>" id="headerSearch-searchBtn" class="button" /> | | 260 | + <input type="image" src="<{$xoops_imageurl}>images/search-icon.png" name="searchSubmit" alt="<{$smarty.const._THEME_LANGUAGE_SEARCH}>" title="<{$smarty.const._THEME_LANGUAGE_SEARCH}>" id="headerSearch-searchBtn" class="button" /> | | 256 | 261 | </form> | | 257 | 262 | </div> | | 258 | 263 | |
| | @@ -0,0 +1,27 @@ | | 1 | +<div id="theme_login_block_div" style="display:none;"> | | 2 | +<div id="theme_login_block"> | | 3 | + | | 4 | +<form action="<{$xoops_url}>/user.php" method="post" style="margin-top: 0px;"> | | 5 | + <{$smarty.const._THEME_LANGUAGE_USER_NAME}><br /> | | 6 | + <{xoops_input type=text name=uname size=12 value=$block.unamevalue maxlength=25 id="`$smarty.const.XOOPS_INPUT_DEFID_PREFIX`block_uname"}><br /> | | 7 | + <{$smarty.const._THEME_LANGUAGE_PWORD}><br /> | | 8 | + <{xoops_input type=password name=pass size=12 maxlength=32 id="`$smarty.const.XOOPS_INPUT_DEFID_PREFIX`block_pass"}><br /> | | 9 | + <label><{xoops_input type=checkbox name=rememberme value=On class=formButton}><{$smarty.const._MB_USER_REMEMBERME}></label><br /> | | 10 | + <input type="hidden" name="xoops_redirect" value="<{$xoops_requesturi}>" /> | | 11 | + <{xoops_input type=hidden name=op value=login id="`$smarty.const.XOOPS_INPUT_DEFID_PREFIX`block_op"}> | | 12 | + <{xoops_input type=submit name=submit value=$smarty.const._THEME_LANGUAGE_LOGIN id="`$smarty.const.XOOPS_INPUT_DEFID_PREFIX`block_submit"}><br /> | | 13 | +</form> | | 14 | +<{* cubeUtils doesn't have default const of secure login *}> | | 15 | +<{* | | 16 | +<{if $block.use_ssl == '1'}> | | 17 | + <a href="javascript:openWithSelfMain('<{$block.sslloginlink}>', 'ssllogin', 300, 200);">SSL</a> | | 18 | +<{/if}> | | 19 | +*}> | | 20 | +<a href="<{$xoops_url}>/lostpass.php"><{$smarty.const._THEME_LANGUAGE_LOST_PASS}></a> | | 21 | +<br /><br /> | | 22 | +<{if $block.allow_register == '1'}> | | 23 | + <a href="<{$xoops_url}>/register.php"><{$smarty.const._THEME_LANGUAGE_RESISTER}></a> | | 24 | +<{/if}> | | 25 | + | | 26 | +</div> | | 27 | +</div> |
| | @@ -1,14 +1,15 @@ | | 1 | 1 | <{if !$xoops_isuser}> | | 2 | 2 | <a href="http://xoops123.com/">Theme designed by marine/mistgreen</a> | | | 3 | | - <a href="<{$xoops_url}>/user.php"><{$smarty.const._BASIC_LOGIN_FORM}></a> | | 4 | | -<{else}> | | 5 | | - <a href="<{$xoops_url}>/user.php"><{$smarty.const._BASIC_USER_ACCOUNT}></a> | | | 6 | | - <a href="<{$xoops_url}>/edituser.php"><{$smarty.const._BASIC_EDIT_ACCOUNT}></a> | | | 7 | | - <a href="<{$xoops_url}>/notifications.php"><{$smarty.const._BASIC_NORTIFICATION}></a> | | | 8 | | - <a href="<{$xoops_url}>/viewpmsg.php" <{if $pm.new_messages}>class="new1"<{/if}>><{$smarty.const._BASIC_VIEWPMSG}><{if $pm.new_messages}>(<{/if}><{$pm.new_messages}><{if $pm.new_messages}>)<{/if}></a> | | | 9 | | - <a href="<{$xoops_url}>/user.php?op=logout"><{$smarty.const._BASIC_LOGOUT}></a> | | | 3 | + <noscript><a href="<{$xoops_url}>/user.php">login(noscript)</a> | </noscript> | | 4 | + <a class="fancybox" href="#theme_login_block" title="<{$smarty.const._THEME_LANGUAGE_LOGIN}>"><{$smarty.const._THEME_LANGUAGE_LOGIN}></a> | | 5 | + <{else}> | | 6 | + <a href="<{$xoops_url}>/user.php"><{$smarty.const._THEME_LANGUAGE_USER_ACCOUNT}></a> | | | 7 | + <a href="<{$xoops_url}>/edituser.php"><{$smarty.const._THEME_LANGUAGE_EDIT_ACCOUNT}></a> | | | 8 | + <a href="<{$xoops_url}>/notifications.php"><{$smarty.const._THEME_LANGUAGE_NORTIFICATION}></a> | | | 9 | + <a href="<{$xoops_url}>/viewpmsg.php" <{if $pm.new_messages}>class="new1"<{/if}>><{$smarty.const._THEME_LANGUAGE_VIEWPMSG}>(<{$pm.new_messages}>)</a> | | | 10 | + <a href="<{$xoops_url}>/user.php?op=logout"><{$smarty.const._THEME_LANGUAGE_LOGOUT}></a> | | | 10 | 11 | <{if $xoops_isadmin}> | | 11 | | - <a href="<{$xoops_url}>/admin.php"><{$smarty.const._BASIC_ADMIN_PAGE}></a> | | | 12 | + <a href="<{$xoops_url}>/admin.php"><{$smarty.const._THEME_LANGUAGE_ADMIN_PAGE}></a> | | | 12 | 13 | <{/if}> | | 13 | 14 | <a href="http://xoops123.com/">Theme designed by marine/mistgreen</a> | | 14 | 15 | <{/if}> |
| | @@ -5,7 +5,7 @@ | | 5 | 5 | Name="trendy" | | 6 | 6 | Depends=Legacy_RenderSystem,legacy | | 7 | 7 | Url="http://xoops123.com/" | | 8 | | -Version="0.01" | | 8 | +Version="0.8" | | 9 | 9 | | | 10 | 10 | [Theme] | | 11 | 11 | RenderSystem=Legacy_RenderSystem |
| | @@ -1,22 +1,21 @@ | | 1 | | -【テーマ名 】 basic5 | | 2 | | -【バージョン】 0.04 | | 1 | +【テーマ名 】 trendy | | 2 | +【バージョン】 0.8 | | 3 | 3 | 【作 成 者】 marine / mistgreen | | 4 | 4 | 【動作 環境】 XOOPS Cube Legacy 2.1x (HD1.04)、2.2 | | 5 | 5 | 【ライセンス】 MIT | | 6 | | -【公 開 日 】 2011-11-13 | | 6 | +【公 開 日 】 2012-5-20 | | 7 | 7 | | | 8 | 8 | ====================================================== | | 9 | 9 | 説明(概要) | | 10 | 10 | ====================================================== | | 11 | 11 | | | 12 | 12 | PCでもiPhone 等のスマートフォンでも使える XCL2.1x(HD1.04)・XCL2.2用テーマです。HTML5で作っています。 | | 13 | | - 閲覧環境に応じて、柔軟にページレイアウトを切り替えるレスポンシブ・ウェブデザイン(Responsive Web Design )を採用しました。 | | 14 | | - Xoops Cube Legacy 2.2 で動作確認しました。 | | 13 | + 閲覧環境に応じて、柔軟にページレイアウトを切り替えるレスポンシブ・ウェブデザイン(Responsive Web Design )を採用しました。Xoops Cube Legacy 2.2 で動作確認しました。 | | 15 | 14 | | | 16 | | - 下記サイトのテンプレートを流用して、Xoops用のテーマとしてみました。 | | 15 | + 下記サイトのテンプレートを流用してXoops用のテーマとした basic5 をベースに作成しました。 | | 17 | 16 | http://www.onextrapixel.com/2011/09/12/create-a-responsive-web-design-template/ | | 18 | 17 | | | 19 | | - ヘッダーには、xugj_assign プラグインを利用して、インストールされたモジュールに対応するメニューを自動表示するようにしています。 | | 18 | + ヘッダー画像下には、xugj_assign プラグインを利用して、インストールされたモジュールに対応するメニューバーを自動表示するようにしています。 | | 20 | 19 | また、フッターにユーザーメニュー項目も自動表示するので、xoopsの互換モジュールである「メインメニュー」「ユーザーメニュー」を利用しない運用が可能となっています。 | | 21 | 20 | | | 22 | 21 | このテーマについては MIT ライセンスとさせていただきます。 |
| | @@ -32,7 +31,7 @@ | | 32 | 31 | 通常のメインメニューに表示されるのと同じ項目が自動で表示されるので、メニューの項目を編集する必要もありません。 | | 33 | 32 | http://www.xugj.org/modules/d3forum/index.php?topic_id=125 | | 34 | 33 | | | 35 | | - なお、同封しているものは、オリジナルの xugj_assign.php から少し変更しているので、xugj_assign_basic.php という名称に変更しています。 | | 34 | + なお、同封しているものは、オリジナルの xugj_assign.php から少し変更しているので、xugj_assign_trend.php という名称に変更しています。 | | 36 | 35 | | | 37 | 36 | jQuery.js + jquery.jgrowlプラグインを利用して、画面遷移せずにリダイレクト表示できるので、スピーディーでセンスの良い表示が可能となっています。 なお、本テーマには、domifaraさん作成のphpファイルによるインクルード方法を用いております。 | | 38 | 37 | domifaraさん、ありがとうございます。(javascriptオフ時には、リダイレクトの文字などがボックス表示されます。) |
| | @@ -51,15 +50,20 @@ | | 51 | 50 | ■ 中央中央カラム 表示順 0 (トップカラム) | | 52 | 51 | ■ 中央中央カラム 表示順500以上 (ボットムカラム) | | 53 | 52 | | | 53 | + 詳しい表示ロジックについては、同封の trend2012.jpg をご覧下さい。 | | 54 | + | | 55 | + ヘッダー画像下のメニューバーは、スクロールすると自動でトップにFIXするようにしています。また、検索窓をクリックするとキーワード入力部が横に広がるギミックも装備してみました。(jQuery利用) | | 56 | + | | 54 | 57 | | | 55 | 58 | ====================================================== | | 56 | 59 | インストール | | 57 | 60 | ====================================================== | | 58 | 61 | | | 59 | | - インストールは通常テーマと同じですが、主要モジュールのテンプレートを本テーマに最適化させ、テーマ下テンプレートとして利用する設定が可能ですので、その場合+αの作業が必要となります。 | | 62 | + インストールは通常テーマと同じですが、主要モジュールのテンプレートを本テーマに最適化させ、テーマ下テンプレートとして利用する設定が可能ですので、その場合+αの作業が必要となります。(+αの作業をしないと表示エラーが出る場合があります。) | | 63 | + | | 64 | + まずは、解凍してできあがったフォルダ「trendy」をFTPにてサイトのテーマ・ディレクトリへコピーしてください。(場合によっては、解凍したフォルダの階層が深くなっていることもありますので、ご注意ください。) | | 60 | 65 | | | 61 | | - まずは、解凍してできあがったフォルダ「basic」をFTPにてサイトのテーマ・ディレクトリへコピーしてください。 | | 62 | | - 次に、次の手順でテーマ下テンプレート利用のための作業行ってください。 | | 66 | + 次に、以下の手順でテーマ下テンプレート利用のための作業とプラグインの追加作業を行ってください。 | | 63 | 67 | | | 64 | 68 | 完了したら通常のテーマと同様、管理画面の「互換モジュール」「テーマの管理」でこのテーマを使用する設定としてください。 | | 65 | 69 | |
| | @@ -67,18 +71,20 @@ | | 67 | 71 | 【テーマ下テンプレートが利用可能な場合】 | | 68 | 72 | | | 69 | 73 | ご利用になっている xoops がテーマ下テンプレート利用可能な場合は、本テーマディレクトリ下にある 「templates」ディレクトリに収納されたカスタマイズ済みのテンプレートを利用するようになります。 | | 74 | + XOOPS X(Pack2011〜)の場合、既にpreloadに「HypXoopsTplHook.class.php」が入っていますので、テーマ下テンプレートが利用可能となっています。 | | 70 | 75 | | | 71 | | - この場合、xugj_date や xugj_block を利用しますので、本テーマ下の「up/plugin」フォルダに収納されている modifier.xugj_date.php と function.xugj_block.php をFTPにてサイトの「plugin」ディレクトリにコピーしてください。(既に存在する場合は不要) | | 76 | + テーマ下テンプレートを利用する場合、xugj_date や xugj_block を利用しますので、本テーマ下の「up/plugin」フォルダに収納されている modifier.xugj_date.php と function.xugj_block.php をFTPにてサイトの「plugin」ディレクトリにコピーしてください。(既に存在する場合は不要) | | 72 | 77 | | | 73 | 78 | 「plugin」ディレクトリは、XCL2.1x と XCL2.2 では場所が違うのでご注意ください。 | | 74 | 79 | XCL2.1xの場合 /XOOPS_ROOT_PATH/class/smarty/plugins/ | | 75 | 80 | XCL2.2の場合 /XOOPS_TRUST_PATH/libs/smarty/plugins/ または | | 76 | | - /XOOPS_TRUST_PATH/libs/smartyplugins/ (preload「HdXoopsTplHook.class.php」を使っている場合) | | 81 | + /XOOPS_TRUST_PATH/libs/smartyplugins/ (preload「HdXoopsTplHook.class.php」または「HypXoopsTplHook.class.php」を使っている場合、このディレクトリが優先となります。) | | 77 | 82 | | | 78 | 83 | | | 79 | 84 | 【テーマ下テンプレートが利用できない場合】 | | 80 | 85 | | | 81 | 86 | もし、テーマ下テンプレートを利用できない環境の場合、本テーマ下の「up/preload」フォルダにある HdXoopsTplHook.class.php をFTPにてサイトの「preload」ディレクトリに、本テーマ下の「up/plugin」フォルダにある resource.db.php をサイトの「plugin」ディレクトリにそれぞれコピーしてください。 | | 87 | + なお、XOOPS X(Pack2011〜)の場合、既にpreloadに「HypXoopsTplHook.class.php」が入っていますので、この作業は不要です。(「HypXoopsTplHook.class.php」は、「HdXoopsTplHook.class.php」の機能を最新版にしたものです。) | | 82 | 88 | | | 83 | 89 | 詳細はこちらを参照して下さい。 | | 84 | 90 | http://xoops.peak.ne.jp/md/news/index.php?page=article&storyid=450 |
| | @@ -86,15 +92,14 @@ | | 86 | 92 | | | 87 | 93 | 【テーマ下テンプレート利用可能だが、本テーマのテーマ下テンプレートを使いたくない場合】 | | 88 | 94 | | | 89 | | - 逆に、ご利用になっている xoops がテーマ下テンプレート利用可能な状態であって、本テーマ下のテンプレートを使いたくない場合は、テーマ下にある「templates」ディレクトリを削除してください。(当該ディレクトリ内の個別のテンプレートを削除するのも良いでしょう。) | | 90 | | - ただし、webphotoモジュール使用時のギャラリー表示などはできなくなります。 | | 95 | + 逆に、本テーマ下のテンプレートを使いたくない場合は、テーマ下にある「templates」ディレクトリを削除してください。ただし、webphotoモジュール使用時のギャラリー表示などはできなくなります。 | | 91 | 96 | | | 92 | | -■理由:テーマ下テンプレート利用可能なxoops(HDなど)では、次の優先順位でテンプレートを読み込むため | | 97 | +■理由:テーマ下テンプレート利用可能なxoops(HDやXOOPS X(Pack2011〜)など)では、次の優先順位でテンプレートを読み込むため | | 93 | 98 | 1 テーマ下テンプレート | | 94 | 99 | 2 現在ActiveなDBテンプレート | | 95 | 100 | 3 Default(DB)テンプレート | | 96 | 101 | | | 97 | | - つまり、テンプレートを変更しようとして、Altsysで「現在ActiveなDBテンプレート」をいくら修正しても、テーマ下テンプレートがある場合はそちらが優先されてしまうのです。 | | 102 | +テンプレートを変更しようとして、Altsysで「現在ActiveなDBテンプレート」をいくら修正しても、テーマ下テンプレートがある場合はそちらが優先されてしまうということに注意が必要です。 | | 98 | 103 | | | 99 | 104 | | | 100 | 105 | 【prettyPhotoを利用する場合】 |
| | @@ -128,8 +133,7 @@ | | 128 | 133 | | | 129 | 134 | 従って、モジュールの管理にてモジュールの表示名を変えたり、並び順を「0」として非表示指定した場合でも、テーマのメニュー表示は以前作成したキャッシュファイルを利用することから、変更した表示となりません。 | | 130 | 135 | | | 131 | | - そのような場合、FTPソフトを使って、cacheディレクトリ内の theme_basic_menus_****.php を削除してください。 | | 132 | | - 再度、サイトを表示した際に、新しくメニュー用のキャッシュファイルが自動生成されます。 | | 136 | + そのような場合、FTPソフトを使って、cacheディレクトリ内の theme_trend_menus_****.php を削除してください。再度、サイトを表示した際に、新しくメニュー用のキャッシュファイルが自動生成されます。 | | 133 | 137 | | | 134 | 138 | なお、domifaraさん作成の「xugjメニューキャッシュリフレシュ 管理画面モジュール」を利用すると、FTPソフトを使わずにキャッシュファイルの削除ができるので、便利だと思います。(domifaraさん、ありがとうございます。) | | 135 | 139 | http://xodomifara.lolipop.jp/doxo/modules/d3downloads/index.php?cid=2 |
| | @@ -150,35 +154,9 @@ | | 150 | 154 | バージョンアップ履歴 | | 151 | 155 | ====================================================== | | 152 | 156 | | | 153 | | -2011-11-13 ver0.01 | | 157 | +2012-5-20 ver0.8 | | 154 | 158 | とりあえず公開してみる。 | | 155 | 159 | | | 156 | | -2011-11-13 ver0.02 | | 157 | | - 480px以下のブラウザ表示の場合、CenterL、R をフロートさせて、下に回り込む設定とした。 | | 158 | | - | | 159 | | -2011-11-13 ver0.03 | | 160 | | - 各所を調整してみた。ナビの下にサブメニューを表示するようにした。 | | 161 | | - | | 162 | | -2011-11-15 ver0.03a | | 163 | | - 画面幅調整の説明などを追記 | | 164 | | - | | 165 | | -2011-12-05 ver0.04 | | 166 | | - xugj_already_js.php を新版に差し替えた。 | | 167 | | - jquery.jgrowl.js を最小版に差し替えた。 | | 168 | | - jGrowlの動作を中央上に表示するようにし、横幅を広げて透過度変更、boxshadowを表示するようにした。 | | 169 | | - テーマ下言語ファイルに english を追加。 | | 170 | | - style.cssにつき、次の記述間違いを修正 | | 171 | | - | | 172 | | - 間違い | | 173 | | - -webkit-transition-timing function: linear, ease-in; | | 174 | | - -moz-transition-timing function: linear, ease-in; | | 175 | | - transition-timing function: linear, ease-in; | | 176 | | - | | 177 | | - 正解(functionの前にハイフンあり) | | 178 | | - -webkit-transition-timing-function: linear, ease-in; | | 179 | | - -moz-transition-timing-function: linear, ease-in; | | 180 | | - transition-timing-function: linear, ease-in; | | 181 | | - | | 182 | 160 | | | 183 | 161 | ====================================================== | | 184 | 162 | お願い |
| | @@ -366,4 +366,8 @@ pre {overflow: auto; font-size: 12px; } | | 366 | 366 | #mainmenu li a.menuMain { | | 367 | 367 | } | | 368 | 368 | | | 369 | | - | | 369 | +#theme_login_block_div , | | 370 | +#theme_login_block { | | 371 | + width:220px; | | 372 | + height:220px; | | 373 | +} |
| | @@ -79,7 +79,7 @@ jQuery(function() { | | 79 | 79 | <script type="text/javascript"> | | 80 | 80 | jQuery(function() { | | 81 | 81 | var headerSearch = jQuery('#headerSearch'); | | 82 | | -var GuideSentence = '<{$smarty.const._BASIC_SEARCH}>'; | | 82 | +var GuideSentence = '<{$smarty.const._THEME_LANGUAGE_SEARCH}>'; | | 83 | 83 | var long = '200px'; | | 84 | 84 | var short = '156px'; | | 85 | 85 | jQuery('input#headerSearch-keywords').focus(function(){ |
| | @@ -143,9 +143,9 @@ jQuery(function(){ | | 143 | 143 | <div class="nav"> | | 144 | 144 | <ul class="clearfix"> | | 145 | 145 | <{if $menu0.dirname == $xoops_dirname}> | | 146 | | - <li><a href="<{$xoops_url}>/" class="act"><{$smarty.const._BASIC_HOME_NAME}></a></li> | | 146 | + <li><a href="<{$xoops_url}>/" class="act"><{$smarty.const._THEME_LANGUAGE_HOME_NAME}></a></li> | | 147 | 147 | <{else}> | | 148 | | - <li><a href="<{$xoops_url}>/"><{$smarty.const._BASIC_HOME_NAME}></a></li> | | 148 | + <li><a href="<{$xoops_url}>/"><{$smarty.const._THEME_LANGUAGE_HOME_NAME}></a></li> | | 149 | 149 | <{/if}> | | 150 | 150 | <{foreach from=$xugj_menus item="menu0"}> | | 151 | 151 | <{if $menu0.dirname == $xoops_dirname}> |
| | @@ -244,6 +244,11 @@ jQuery(function(){ | | 244 | 244 | | | 245 | 245 | </div> <!-- END Wrapper --> | | 246 | 246 | | | 247 | +<{* login block *}> | | 248 | +<{* <{include file="$xoops_theme/theme_cubelogin_block.html"}> *}> | | 249 | +<{include file="$xoops_theme/theme_cubelogin_block.html"}> | | 250 | +<{* End login block *}> | | 251 | + | | 247 | 252 | <footer> | | 248 | 253 | <div id="footer"> | | 249 | 254 | <{include file="`$xoops_theme`/theme_footer.html"}> |
| | @@ -252,9 +257,9 @@ jQuery(function(){ | | 252 | 257 | | | 253 | 258 | <div id="headerSearch"> | | 254 | 259 | <form id="headerSearch-searchform" name="searchform" action="<{$xoops_url}>/search.php" method="get" class="searchform"> | | 255 | | - <input id="headerSearch-keywords" type="text" name="query" value="<{$smarty.const._BASIC_SEARCH}>" class="textbox" /> | | 260 | + <input id="headerSearch-keywords" type="text" name="query" value="<{$smarty.const._THEME_LANGUAGE_SEARCH}>" class="textbox" /> | | 256 | 261 | <input type="hidden" name="action" value="results" /> | | 257 | | - <input type="image" src="<{$xoops_imageurl}>images/search-icon.png" name="searchSubmit" alt="<{$smarty.const._BASIC_SEARCH}>" title="<{$smarty.const._BASIC_SEARCH}>" id="headerSearch-searchBtn" class="button" /> | | 262 | + <input type="image" src="<{$xoops_imageurl}>images/search-icon.png" name="searchSubmit" alt="<{$smarty.const._THEME_LANGUAGE_SEARCH}>" title="<{$smarty.const._THEME_LANGUAGE_SEARCH}>" id="headerSearch-searchBtn" class="button" /> | | 258 | 263 | </form> | | 259 | 264 | </div> | | 260 | 265 | |
| | @@ -0,0 +1,27 @@ | | 1 | +<div id="theme_login_block_div" style="display:none;"> | | 2 | +<div id="theme_login_block"> | | 3 | + | | 4 | +<form action="<{$xoops_url}>/user.php" method="post" style="margin-top: 0px;"> | | 5 | + <{$smarty.const._THEME_LANGUAGE_USER_NAME}><br /> | | 6 | + <{xoops_input type=text name=uname size=12 value=$block.unamevalue maxlength=25 id="`$smarty.const.XOOPS_INPUT_DEFID_PREFIX`block_uname"}><br /> | | 7 | + <{$smarty.const._THEME_LANGUAGE_PWORD}><br /> | | 8 | + <{xoops_input type=password name=pass size=12 maxlength=32 id="`$smarty.const.XOOPS_INPUT_DEFID_PREFIX`block_pass"}><br /> | | 9 | + <label><{xoops_input type=checkbox name=rememberme value=On class=formButton}><{$smarty.const._MB_USER_REMEMBERME}></label><br /> | | 10 | + <input type="hidden" name="xoops_redirect" value="<{$xoops_requesturi}>" /> | | 11 | + <{xoops_input type=hidden name=op value=login id="`$smarty.const.XOOPS_INPUT_DEFID_PREFIX`block_op"}> | | 12 | + <{xoops_input type=submit name=submit value=$smarty.const._THEME_LANGUAGE_LOGIN id="`$smarty.const.XOOPS_INPUT_DEFID_PREFIX`block_submit"}><br /> | | 13 | +</form> | | 14 | +<{* cubeUtils doesn't have default const of secure login *}> | | 15 | +<{* | | 16 | +<{if $block.use_ssl == '1'}> | | 17 | + <a href="javascript:openWithSelfMain('<{$block.sslloginlink}>', 'ssllogin', 300, 200);">SSL</a> | | 18 | +<{/if}> | | 19 | +*}> | | 20 | +<a href="<{$xoops_url}>/lostpass.php"><{$smarty.const._THEME_LANGUAGE_LOST_PASS}></a> | | 21 | +<br /><br /> | | 22 | +<{if $block.allow_register == '1'}> | | 23 | + <a href="<{$xoops_url}>/register.php"><{$smarty.const._THEME_LANGUAGE_RESISTER}></a> | | 24 | +<{/if}> | | 25 | + | | 26 | +</div> | | 27 | +</div> |
| | @@ -1,14 +1,15 @@ | | 1 | 1 | <{if !$xoops_isuser}> | | 2 | 2 | <a href="http://xoops123.com/">Theme designed by marine/mistgreen</a> | | | 3 | | - <a href="<{$xoops_url}>/user.php"><{$smarty.const._BASIC_LOGIN_FORM}></a> | | 4 | | -<{else}> | | 5 | | - <a href="<{$xoops_url}>/user.php"><{$smarty.const._BASIC_USER_ACCOUNT}></a> | | | 6 | | - <a href="<{$xoops_url}>/edituser.php"><{$smarty.const._BASIC_EDIT_ACCOUNT}></a> | | | 7 | | - <a href="<{$xoops_url}>/notifications.php"><{$smarty.const._BASIC_NORTIFICATION}></a> | | | 8 | | - <a href="<{$xoops_url}>/viewpmsg.php" <{if $pm.new_messages}>class="new1"<{/if}>><{$smarty.const._BASIC_VIEWPMSG}><{if $pm.new_messages}>(<{/if}><{$pm.new_messages}><{if $pm.new_messages}>)<{/if}></a> | | | 9 | | - <a href="<{$xoops_url}>/user.php?op=logout"><{$smarty.const._BASIC_LOGOUT}></a> | | | 3 | + <noscript><a href="<{$xoops_url}>/user.php">login(noscript)</a> | </noscript> | | 4 | + <a class="fancybox" href="#theme_login_block" title="<{$smarty.const._THEME_LANGUAGE_LOGIN}>"><{$smarty.const._THEME_LANGUAGE_LOGIN}></a> | | 5 | + <{else}> | | 6 | + <a href="<{$xoops_url}>/user.php"><{$smarty.const._THEME_LANGUAGE_USER_ACCOUNT}></a> | | | 7 | + <a href="<{$xoops_url}>/edituser.php"><{$smarty.const._THEME_LANGUAGE_EDIT_ACCOUNT}></a> | | | 8 | + <a href="<{$xoops_url}>/notifications.php"><{$smarty.const._THEME_LANGUAGE_NORTIFICATION}></a> | | | 9 | + <a href="<{$xoops_url}>/viewpmsg.php" <{if $pm.new_messages}>class="new1"<{/if}>><{$smarty.const._THEME_LANGUAGE_VIEWPMSG}>(<{$pm.new_messages}>)</a> | | | 10 | + <a href="<{$xoops_url}>/user.php?op=logout"><{$smarty.const._THEME_LANGUAGE_LOGOUT}></a> | | | 10 | 11 | <{if $xoops_isadmin}> | | 11 | | - <a href="<{$xoops_url}>/admin.php"><{$smarty.const._BASIC_ADMIN_PAGE}></a> | | | 12 | + <a href="<{$xoops_url}>/admin.php"><{$smarty.const._THEME_LANGUAGE_ADMIN_PAGE}></a> | | | 12 | 13 | <{/if}> | | 13 | 14 | <a href="http://xoops123.com/">Theme designed by marine/mistgreen</a> | | 14 | 15 | <{/if}> |
旧リポジトリブラウザで表示
|