当サイトでは、自作のXOOPS(XOOPS Cube Legacy 2.2)用テーマの無料配布を行っています。

機能をちょっとアップするプリロードなどもあるので、是非ともご利用くださいませ。

新着ダウンロード

テーマ選択

screenshot

(59 テーマ)

 このカテゴリには 21 件のファイルがあります  |  表示数   |  

Old Themes Old Themes  (2)  [RSS] [一覧]

ソート順  タイトル () 掲載日 () 評価 () ダウンロード数 ()
現在のソート順: ヒット数(少ないものから)
パソコン表示用テーマです。

カテゴリ PC用
クリスマスらしいテーマ x-mas 人気ダウンロード情報
バージョン: 0.83   掲載日:  2017/3/31
説明
x-mas

【テーマ名 】 x-mas
【作 成 者】 marine / mistgreen
【動作 環境】 XOOPS Cube Legacy 2.2
【ライセンス】 MIT
【公 開 日 】 2012-12-15

===================================
説明(概要)
===================================

 クリスマスに相応しいデザインで、PCでもiPhone 等のスマートフォンでも使える XCL2.2用テーマです。HTML5で作ったbasic5・trend2012 をベースに作成しました。
 閲覧環境に応じて、柔軟にページレイアウトを切り替えるレスポンシブ・ウェブデザイン(Responsive Web Design )を採用。Xoops Cube Legacy 2.2 で動作確認しました。

 

 ヘッダー画像下には、xugj_assign プラグインを利用して、インストールされたモジュールに対応するメニューバーを自動表示するようにしています。
 また、フッターにユーザーメニュー項目も自動表示するので、xoopsの互換モジュールである「メインメニュー」「ユーザーメニュー」を利用しない運用が可能となっています。

 このテーマについては MIT ライセンスとさせていただきます。

===================================
説明(詳細)
===================================

 とりあえず、utf8とeucのlanguageファイルは用意しましたが、HTML5ということで utf8ベースで動作すると思います。eucでの動作は確認していません。

 メニューは、Xoops Users Group Japan(XUGJ) で GIJOEさんが提唱された xugj_assign.php を利用したメニューを採用しています。
 通常のメインメニューに表示されるのと同じ項目が自動で表示されるので、メニューの項目を編集する必要もありません。
  http://www.xugj.org/modules/d3forum/index.php?topic_id=125

 なお、同封しているものは、オリジナルの xugj_assign.php から少し変更しているので、xugj_assign_theme.php という名称に変更しています。

 jQuery.js + jquery.jgrowlプラグインを利用して、画面遷移せずにリダイレクト表示できるので、スピーディーでセンスの良い表示が可能となっています。 なお、本テーマには、domifaraさん作成のphpファイルによるインクルード方法を用いております。domifaraさん、ありがとうございます。(javascriptオフ時には、リダイレクトの文字などがボックス表示されます。)

 jQueryについては、domifaraさんによるXCL2.2対応措置がとられており、jQueryの二重読み込み防止や他のjavascriptとのバッティングを可能な限り避ける仕組みが用いられております。 (xugj_already_js.php をXCL2.1対応版に差し替えております。)

【画面表示について】

 このテーマでは、メディア・クエリ(Media Queries)を利用して、表示するデバイス(ブラウザ)の画面幅によりスタイル(CSS)の切替を行います。

 基本は、左メイン・右サイドカラムの2カラム表示となっており、最大表示幅は980pxでブラウザの幅を縮めるとそれに応じて横幅が狭まり、デバイスの幅が480px以下になると1カラム表示に切り替わります。

 なお、中央・中央カラムについては、表示順設定に応じて、トップとボットムに幅一杯にボックス表示することができます。:hammer:

にっ :-D

 ■  中央中央カラム 表示順 0 (トップカラム)
 ■  中央中央カラム 表示順500以上 (ボットムカラム)

 詳しい表示ロジックについては、同封の layout2012.jpg をご覧下さい。
layout.jpg

 ヘッダー画像下のメニューバーは、スクロールすると自動でトップにFIXするようにしています。また、検索窓をクリックするとキーワード入力部が横に広がるギミックも装備してみました。(jQuery利用)

===================================
インストール
===================================

 インストールは通常テーマと同じです。
 プラスアルファとして、テーマ下テンプレートを利用して、主要モジュールのテンプレートを本テーマに最適化させ、テーマ下テンプレートとして利用する設定を行っています。

 まずは、解凍してできあがったフォルダ「x-mas」をFTPにてサイトのテーマ・ディレクトリへコピーしてください。(場合によっては、解凍したフォルダの階層が深くなっていることもありますので、ご注意ください。)

 完了したら通常のテーマと同様、管理画面の「互換モジュール」「テーマの管理」でこのテーマを使用する設定としてください。

===================================
カスタマイズ
===================================

【メニュー表示項目の変更】

 このテーマでは、xugj_assign_phpを用いたメニュー表示を行いますが、インストールして初回表示した時に、メインメニュー表示する設定となっているメニュー項目を自動で引用してきます。(表示用のキャッシュファイルを自動作成して利用)

 従って、モジュールの管理にてモジュールの表示名を変えたり、並び順を「0」として非表示指定した場合でも、テーマのメニュー表示は以前作成したキャッシュファイルを利用することから、変更した表示となりません。

 そのような場合、FTPソフトを使って、cacheディレクトリ内の theme_****_menus_****.php を削除してください。再度、サイトを表示した際に、新しくメニュー用のキャッシュファイルが自動生成されます。

 なお、domifaraさん作成の「xugjメニューキャッシュリフレシュ 管理画面モジュール」を利用すると、FTPソフトを使わずにキャッシュファイルの削除ができるので、便利だと思います。(domifaraさん、ありがとうございます。)
  http://xoops123.com/modules/d3downloads/index.php?page=singlefile&cid=10&lid=66

===================================
バージョンアップ履歴
===================================

2012-12-15 ver0.81
 とりあえず公開してみる。
2012-12-20 ver0.82

	d3downloads向けcss調整、OGP対応追加

2014-3-29 ver0.83
 テーマディレクトリにreadme.txtを追加

===================================
お願い
===================================

 できましたら、当方のサイト掲示板(ご訪問帳)に何か書き込んでいただけると嬉しいです~m(_ _)m
   http://xoops123.com/modules/d3forum/?forum_id=1


ダウンロード数 173   ファイルサイズ 1.10 MB   利用可能なOS/ソフト等 XOOPS Cube Legacy 2.2x   ライセンス MIT   ホームページ Xoops123

利用について  このテーマは、MIT ライセンスです。ご自由に改変するなどしてご利用ください。

 なお、雑誌・書籍への掲載の場合には、あらかじめ当サイト管理人へご一報いただけると嬉しいです。
  連絡先:http://xoops123.com/modules/liaise/
| ファイル破損/リンク切れを報告 |  友達に伝える |  コメント (0)

カテゴリ PC用
Twitter Bootstrap 採用テーマ tw_responsive , 色合いを簡単変更できるよ! 人気ダウンロード情報
バージョン: 0.15   掲載日:  2017/3/31
説明
【テーマ名 】 tw_responsive
【作 成 者】 marine / mistgreen
【動作 環境】 XOOPS Cube Legacy 2.1x (HD1.04)、2.2
【ライセンス】 MIT
【公 開 日 】 2012-10-17

======================================================
説明(概要)
======================================================

 HTML5+TwitterBootstrap採用のXCL2.1x(HD1.04)・XCL2.2用テーマです。PCでもiPhone 等のスマートフォンでも使えます。

 XOOPSらしい3カラムのテーマですが、ブロックの配置により1カラム~3カラムに変化します。また、閲覧環境に応じて柔軟に各カラムの幅が切り替わり、ブラウザの表示幅が480pxより狭くなると1カラムデザインとなるなど、表示環境に応じてページレイアウトを切り替えるレスポンシブ・ウェブデザイン(Responsive Web Design )となっています。
 ヘッダーには、xugj_assign プラグインを利用して、インストールされたモジュールに対応するメニューバーを自動表示するようにしています。(簡単な設定変更で、マルチメニューを表示させることも可能)
 また、フッターにユーザーメニュー項目も自動表示するので、xoopsの互換モジュールである「メインメニュー」「ユーザーメニュー」を利用しない運用が可能となっています。

 色合い設定用のファイルを用意して、簡単に変更できる仕組みを追加してしてみました。

 このテーマについては MIT ライセンスとさせていただきます。(TwitterBootstrapについては、Apache2ライセンス)
 


======================================================
説明(詳細)
======================================================

 とりあえず、utf8とeucのlanguageファイルは用意しましたが、HTML5ということで utf8ベースで動作すると思います。eucでの動作は確認していません。

 メニューは、Xoops Users Group Japan(XUGJ) で GIJOEさんが提唱された xugj_assign.php を利用したメニューを採用しています。
 通常のメインメニューに表示されるのと同じ項目が自動で表示されるので、メニューの項目を編集する必要もありません。
  http://www.xugj.org/modules/d3forum/index.php?topic_id=125

 なお、同封しているものは、オリジナルの xugj_assign.php から少し変更しているので、xugj_assign_theme.php という名称に変更しています。

 XCL2.2では、デフォルトで google code から jQuery を読み込むようになっていますが、ネット環境にない場合などを想定して、 google code から読み込めない場合には、ローカルにある jquery.js を読み込むようにしています。
 domifaraさん、ありがとうございます。


【画面表示について】

 このテーマは、TwitterBootstrapのcssを採用しています。
 また、メディア・クエリ(Media Queries)を利用して、表示するデバイス(ブラウザ)の画面幅によりスタイル(CSS)の切替を行います。最大表示幅は1200pxでブラウザの幅を縮めるとそれに応じて横幅が狭まったりします。


======================================================
インストール
======================================================

 まずは、解凍してできあがったフォルダの最下層にある「tw_responsive」をFTPにてサイトのテーマ・ディレクトリへコピーしてください。(場合によっては、/coffee_time/html/themes/tw_responsive/ のように、解凍したフォルダの階層が深くなっていることもありますので、ご注意ください。html/themes/の下にある tw_responsive フォルダをアップロードしてください。)

 d3pipesの同期ブロックを利用する場合は、xugj_dateプラグインを使いますので、サイトのプラグインディレクトリにコピーしてください。
「plugin」ディレクトリは、XCL2.1x と XCL2.2 では場所が違うのでご注意ください。
   XCL2.1xの場合 /XOOPS_ROOT_PATH/class/smarty/plugins/
   XCL2.2の場合  /XOOPS_TRUST_PATH/libs/smarty/plugins/ または
           /XOOPS_TRUST_PATH/libs/smartyplugins/
(preload「HdXoopsTplHook.class.php」または「HypXoopsTplHook.class.php」を使っている場合、このディレクトリが優先となります。)


======================================================
カスタマイズ
======================================================

【メニュー表示項目の変更】

○xugjメニューの場合
 このテーマでは、xugj_assign_phpを用いたメニュー表示を行いますが、インストールして初回表示した時に、メインメニュー表示する設定となっているメニュー項目を自動で引用してきます。(表示用のキャッシュファイルを自動作成して利用)

 従って、モジュールの管理にてモジュールの表示名を変えたり、並び順を「0」として非表示指定した場合でも、テーマのメニュー表示は以前作成したキャッシュファイルを利用することから、変更した表示となりません。

 そのような場合、FTPソフトを使って、cacheディレクトリ内の theme_trend_menus_****.php を削除してください。再度、サイトを表示した際に、新しくメニュー用のキャッシュファイルが自動生成されます。

 なお、domifaraさん作成の「xugjメニューキャッシュリフレシュ 管理画面モジュール」を利用すると、FTPソフトを使わずにキャッシュファイルの削除ができるので、便利だと思います。(domifaraさん、ありがとうございます。)
  http://xoops123.com/modules/d3downloads/index.php?page=singlefile&cid=10&lid=66


○マルチメニューを利用する場合
 theme.htmlの63行目にメニューに関する記述がありますので、マルチメニューを利用する場合は
  <{include file="`$xoops_theme`/xugj_menu.html"}>
部分の記述を
  <{include file="`$xoops_theme`/multi_menu.html"}>
に変更してください。


【色合いの調整等】

 TwitterBootstrapのcssから、主要な部分に関する記述を抜き出して、color_min.php としてまとめてみました。
 この中の記述を変更すると、色合いの調整を行うことが可能となっています。

 下記の記述のように、phpで色を定義しておりますので、各々色に該当するコードを変更すると必要箇所に反映されるようになっています。(例:基本背景色の #fafafa を #cccccc に変更するなど)

<?php
header('Content-Type: text/css');
//config
//基本色
define('_TC_BG_COLOR','#fafafa'); //基本背景色
define('_TC_BASE_COLOR','#333333'); //基本文字色
define('_TC_NAV_COLOR','#777777'); //navbar 文字色
define('_TC_NAVBG_COLOR','#fafafa'); //navbar background color
define('_TC_NAVBG_IMAGE1','#ede4e1'); //navbar background image color 1
define('_TC_NAVBG_IMAGE2','#e5c1cd'); //navbar background image color 2
define('_TC_BREADCRUMB_BG_COLOR','#f5ecf4'); //パンくずリスト背景色
define('_TC_BREADCRUMB_DIVIDER_COLOR','#8d6449'); //パンくずリスト区切り
define('_TC_BREADCRUMB_ACTIVE_COLOR','#999999'); //パンくずリスト アクティブ
define('_TC_A_COLOR','#c85179'); //基本a
define('_TC_A_HOVER_COLOR','#9a493f'); //基本a hover
?>

 なお、全てを変更する場合は、TwitterBootstrapのcssを修正する必要があります。
 TwitterBootstrapのcssについては、オリジナルをそのまま採用していますので、当該サイトにおけるカスタマイズや関連サイトで紹介されている設定変更方法などを参照してください。



======================================================
バージョンアップ履歴
======================================================

2012-10-7 ver0.1
 とりあえず公開してみる。
2012-10-14 ver0.11
 IEでデザイン崩れが出ていたのを改修。
2012-10-16 ver0.12
 bootstrap.min.js、bootstrap.min.cssを利用する設定とした。
 IEの互換表示アイコンが出ない設定とした。
 xugjメニューとマルチメニューを選択表示可能とした。(デフォルトはxugjメニュー)
 サブメニューをドロップダウンできるようにした。
2012-10-16 ver0.13
style.cssを調整
2012-10-16 ver0.14
style.cssを再調整
 パンくずリストをtwitterbootstrapの様式に合わせた。
 テキストエリアの調整と自動で伸びる機能を付加(jQueryプラグイン)
 d3pipesの同期ブロックのみテーマ下テンプレート付けた(xugj_dateプラグイン同梱)
2014-3-29 ver0.15
 テーマディレクトリにreadme.txtを追加

ダウンロード数 234   ファイルサイズ 0バイト   利用可能なOS/ソフト等 XOOPS Cube Legacy 2.2x   ライセンス MIT   ホームページ Xoops123

利用について  このテーマは、MIT ライセンスです。ご自由に改変するなどしてご利用ください。
 なお、TwitterBootstrapのcssについては、Apache2ライセンスとなっておりますので、留意願います。

 違法行為を行っているサイト、公序良俗に反するサイトでの利用は、お断り申し上げます。

 なお、雑誌・書籍への掲載の場合には、あらかじめ当サイト管理人へご一報いただけると嬉しいです。
  連絡先:http://xoops123.com/modules/liaise/
利用拒否について  違法行為を行っているサイト、公序良俗に反するサイトでの利用は、お断り申し上げます。
連絡先   http://xoops123.com/modules/liaise/
お願い  できましたら、当方のサイト掲示板(ご訪問帳)に何か書き込んでいただけると嬉しいです~m(_ _)m
   http://xoops123.com/modules/d3forum/?forum_id=1
| ファイル破損/リンク切れを報告 |  友達に伝える |  コメント (0)

カテゴリ PC用
2012年のトレンド満載テーマその2 trendy 人気ダウンロード情報
バージョン: 0.81   掲載日:  2017/3/31
説明
【テーマ名 】 trendy
【作 成 者】 marine / mistgreen
【動作 環境】 XOOPS Cube Legacy 2.1x (HD1.04)、2.2
【ライセンス】 MIT
【公 開 日 】 2012-5-20


======================================================
説明(概要)
======================================================

 PCでもiPhone 等のスマートフォンでも使える XCL2.1x(HD1.04)・XCL2.2用テーマです。HTML5で作っています。
 閲覧環境に応じて、柔軟にページレイアウトを切り替えるレスポンシブ・ウェブデザイン(Responsive Web Design )を採用しました。Xoops Cube Legacy 2.2 で動作確認しました。

 下記サイトのテンプレートを流用してXoops用のテーマとした basic5 をベースに作成しました。
http://www.onextrapixel.com/2011/09/12/create-a-responsive-web-design-template/

 ヘッダー画像下には、xugj_assign プラグインを利用して、インストールされたモジュールに対応するメニューバーを自動表示するようにしています。
 また、フッターにユーザーメニュー項目も自動表示するので、xoopsの互換モジュールである「メインメニュー」「ユーザーメニュー」を利用しない運用が可能となっています。

 なお、このテーマでは実験的に機能拡張のためのプラグインを利用する設定としておりますので、解凍してできあがった trendy フォルダ下にある up/plugin フォルダの modifier.xoops_blocktitleclass.php と modifier.xoops_blocktitleclassdel.php をサイトのプラグインディレクトリにコピーしてください。(必須です。)

 このテーマについては MIT ライセンスとさせていただきます。

 


======================================================
説明(詳細)
======================================================

 とりあえず、utf8とeucのlanguageファイルは用意しましたが、HTML5ということで utf8ベースで動作すると思います。eucでの動作は確認していません。

 メニューは、Xoops Users Group Japan(XUGJ) で GIJOEさんが提唱された xugj_assign.php を利用したメニューを採用しています。
 通常のメインメニューに表示されるのと同じ項目が自動で表示されるので、メニューの項目を編集する必要もありません。
  http://www.xugj.org/modules/d3forum/index.php?topic_id=125

 なお、同封しているものは、オリジナルの xugj_assign.php から少し変更しているので、xugj_assign_trend.php という名称に変更しています。

 jQuery.js + jquery.jgrowlプラグインを利用して、画面遷移せずにリダイレクト表示できるので、スピーディーでセンスの良い表示が可能となっています。 なお、本テーマには、domifaraさん作成のphpファイルによるインクルード方法を用いております。
 domifaraさん、ありがとうございます。(javascriptオフ時には、リダイレクトの文字などがボックス表示されます。)

 jQueryについては、domifaraさんによるXCL2.2対応措置がとられており、jQueryの二重読み込み防止や他のjavascriptとのバッティングを可能な限り避ける仕組みが用いられております。 (xugj_already_js.php をXCL2.1対応版に差し替えております。)


【画面表示について】

 このテーマでは、メディア・クエリ(Media Queries)を利用して、表示するデバイス(ブラウザ)の画面幅によりスタイル(CSS)の切替を行います。

 基本は、左メイン・右サイドカラムの2カラム表示となっており、最大表示幅は980pxでブラウザの幅を縮めるとそれに応じて横幅が狭まり、デバイスの幅が480px以下になると1カラム表示に切り替わります。

 なお、中央・中央カラムについては、表示順設定に応じて、トップとボットムに幅一杯にボックス表示することができます。

 ■  中央中央カラム 表示順 0 (トップカラム)
 ■  中央中央カラム 表示順500以上 (ボットムカラム)

 詳しい表示ロジックについては、同封の trend2012.jpg をご覧下さい。

 ヘッダー画像下のメニューバーは、スクロールすると自動でトップにFIXするようにしています。また、検索窓をクリックするとキーワード入力部が横に広がるギミックも装備してみました。(jQuery利用)


======================================================
インストール
======================================================

 インストールは通常テーマと同じですが、主要モジュールのテンプレートを本テーマに最適化させ、テーマ下テンプレートとして利用する設定が可能ですので、その場合+αの作業が必要となります。(+αの作業をしないと表示エラーが出る場合があります。)

 まずは、解凍してできあがったフォルダ「trendy」をFTPにてサイトのテーマ・ディレクトリへコピーしてください。(場合によっては、解凍したフォルダの階層が深くなっていることもありますので、ご注意ください。)

 次に、以下の手順でテーマ下テンプレート利用のための作業とプラグインの追加作業を行ってください。

 完了したら通常のテーマと同様、管理画面の「互換モジュール」「テーマの管理」でこのテーマを使用する設定としてください。


【テーマ下テンプレートが利用可能な場合】

 ご利用になっている xoops がテーマ下テンプレート利用可能な場合は、本テーマディレクトリ下にある 「templates」ディレクトリに収納されたカスタマイズ済みのテンプレートを利用するようになります。
 XOOPS X(Pack2011~)の場合、既にpreloadに「HypXoopsTplHook.class.php」が入っていますので、テーマ下テンプレートが利用可能となっています。

 テーマ下テンプレートを利用する場合、xugj_date や xugj_block を利用しますので、本テーマ下の「up/plugin」フォルダに収納されている modifier.xugj_date.php と function.xugj_block.php をFTPにてサイトの「plugin」ディレクトリにコピーしてください。(既に存在する場合は不要)

 「plugin」ディレクトリは、XCL2.1x と XCL2.2 では場所が違うのでご注意ください。
   XCL2.1xの場合 /XOOPS_ROOT_PATH/class/smarty/plugins/
   XCL2.2の場合  /XOOPS_TRUST_PATH/libs/smarty/plugins/ または
           /XOOPS_TRUST_PATH/libs/smartyplugins/ (preload「HdXoopsTplHook.class.php」または「HypXoopsTplHook.class.php」を使っている場合、このディレクトリが優先となります。)


【テーマ下テンプレートが利用できない場合】

 もし、テーマ下テンプレートを利用できない環境の場合、本テーマ下の「up/preload」フォルダにある HdXoopsTplHook.class.php をFTPにてサイトの「preload」ディレクトリに、本テーマ下の「up/plugin」フォルダにある resource.db.php をサイトの「plugin」ディレクトリにそれぞれコピーしてください。
 なお、XOOPS X(Pack2011~)の場合、既にpreloadに「HypXoopsTplHook.class.php」が入っていますので、この作業は不要です。(「HypXoopsTplHook.class.php」は、「HdXoopsTplHook.class.php」の機能を最新版にしたものです。)

 詳細はこちらを参照して下さい。
  http://xoops.peak.ne.jp/md/news/index.php?page=article&storyid=450


【テーマ下テンプレート利用可能だが、本テーマのテーマ下テンプレートを使いたくない場合】

 逆に、本テーマ下のテンプレートを使いたくない場合は、テーマ下にある「templates」ディレクトリを削除してください。ただし、webphotoモジュール使用時のギャラリー表示などはできなくなります。

■理由:テーマ下テンプレート利用可能なxoops(HDやXOOPS X(Pack2011~)など)では、次の優先順位でテンプレートを読み込むため
 1 テーマ下テンプレート
 2 現在ActiveなDBテンプレート
 3 Default(DB)テンプレート

テンプレートを変更しようとして、Altsysで「現在ActiveなDBテンプレート」をいくら修正しても、テーマ下テンプレートがある場合はそちらが優先されてしまうということに注意が必要です。


【prettyPhotoを利用する場合】
 このテーマでは、jQuery のプラグインである prettyPhoto を利用するとお洒落なポップアップ画像表示ができるように設定しています。

 ご利用になるには、同封している jQuery_Pretty.class.php をサイトのプリロードディレクトリにアップロードしてください。
 xcl2.2の場合は、xoopsのcommonディレクトリに jQuery と一緒に prettyPhoto が入っていると思いますので、それで作動すると思います。もし、commonディレクトリに prettyPhoto がない場合は、このテーマに同封しているものをアップロードしてください。

 利用しているプリロードはdomifaraさん作のもので、最新のものは次のurlとなります。(domifaraさん、感謝します。)
   http://xodomifara.lolipop.jp/doxo/modules/d3downloads/index.php?page=singlefile&cid=3&lid=67


【webphotoの利用について】
 webphotoでprettyPhotoを利用する場合、webphotoの一般設定画面にて、次の設定を行ってください。
  PopBoxを使用する 「いいえ」
LightBoxを使用する「いいえ」

 一般設定画面にて設定する各種画像の大きさはデフォルトを想定しています。
 一覧表示の表示タイプは、「テーブル表示」「説明文付きリスト表示」のいずれでも prettyPhoto が動作するように設定していますが、テーブル表示を選択した場合、テーブルではなく div(ボックス)を利用した表示としており、画面幅に応じてボックスが並ぶように設定していますので、テーブル表示時のカラム数欄の数値は意味をなしません。

 なお、このテーマでは、webphotoモジュールを「webphoto」ディレクトリ名にて利用する場合を想定して、テンプレート等の設定を行っています。もし、違うディレクトリ名でご利用の場合は、別途カスタマイズが必要となりますので、ご了承ください。


======================================================
カスタマイズ
======================================================

【メニュー表示項目の変更】

 このテーマでは、xugj_assign_phpを用いたメニュー表示を行いますが、インストールして初回表示した時に、メインメニュー表示する設定となっているメニュー項目を自動で引用してきます。(表示用のキャッシュファイルを自動作成して利用)

 従って、モジュールの管理にてモジュールの表示名を変えたり、並び順を「0」として非表示指定した場合でも、テーマのメニュー表示は以前作成したキャッシュファイルを利用することから、変更した表示となりません。

 そのような場合、FTPソフトを使って、cacheディレクトリ内の theme_trend_menus_****.php を削除してください。再度、サイトを表示した際に、新しくメニュー用のキャッシュファイルが自動生成されます。

 なお、domifaraさん作成の「xugjメニューキャッシュリフレシュ 管理画面モジュール」を利用すると、FTPソフトを使わずにキャッシュファイルの削除ができるので、便利だと思います。(domifaraさん、ありがとうございます。)
  http://xoops123.com/modules/d3downloads/index.php?page=singlefile&cid=10&lid=66

======================================================
バージョンアップ履歴
======================================================

2012-5-20 ver0.8
 とりあえず公開してみる。
2015-7-26 ver0.81
 nao-ponさんによる改良機能を追加しました。(nao-ponさん、ありがとうございました。)
 ・position: fixed で場面上部に張り付く時は1行分だけ表示
 ・その表示範囲は、カレントモジュールのメニューが表示される位置
 ・1行表示の時にマウスオーバーすると、ちょっと間を置いて広げて全部表示
 ・マウスカーソルを外すと、ちょっと間を置いて1行表示に戻る
 ・検索ボックスの下にメニューが隠れないように
 ・メニューボックスが、上部固定モードに切り替わる時、メニューボックスの高さ分 body 要素の表示位置が上へずれるのを防止  
   http://xoops.hypweb.net/modules/UsersWiki/person/nao-pon/blog/2015-04-17-1

======================================================
お願い
======================================================

 できましたら、当方のサイト掲示板(ご訪問帳)に何か書き込んでいただけると嬉しいです~m(_ _)m
   http://xoops123.com/modules/d3forum/?forum_id=1

ダウンロード数 235   ファイルサイズ 0バイト   利用可能なOS/ソフト等 XOOPS Cube Legacy 2.1x | XOOPS Cube Legacy 2.2x   ライセンス MIT   ホームページ Xoops123

利用について  このテーマは、MIT ライセンスです。ご自由に改変するなどしてご利用ください。

 なお、雑誌・書籍への掲載の場合には、あらかじめ当サイト管理人へご一報いただけると嬉しいです。
  連絡先:http://xoops123.com/modules/liaise/
| ファイル破損/リンク切れを報告 |  友達に伝える |  コメント (0)

カテゴリ PC用
2012年のトレンド満載テーマその1 trend2012 人気ダウンロード情報
バージョン: 0.81   掲載日:  2017/3/31
説明
【テーマ名 】 trend2012
【作 成 者】 marine / mistgreen
【動作 環境】 XOOPS Cube Legacy 2.1x (HD1.04)、2.2
【ライセンス】 MIT
【公 開 日 】 2012-5-20


======================================================
説明(概要)
======================================================

 PCでもiPhone 等のスマートフォンでも使える XCL2.1x(HD1.04)・XCL2.2用テーマです。HTML5で作っています。
 閲覧環境に応じて、柔軟にページレイアウトを切り替えるレスポンシブ・ウェブデザイン(Responsive Web Design )を採用しました。Xoops Cube Legacy 2.2 で動作確認しました。

 下記サイトのテンプレートを流用してXoops用のテーマとした basic5 をベースに作成しました。
http://www.onextrapixel.com/2011/09/12/create-a-responsive-web-design-template/

 ヘッダー画像下には、xugj_assign プラグインを利用して、インストールされたモジュールに対応するメニューバーを自動表示するようにしています。
 また、フッターにユーザーメニュー項目も自動表示するので、xoopsの互換モジュールである「メインメニュー」「ユーザーメニュー」を利用しない運用が可能となっています。

 なお、このテーマでは実験的に機能拡張のためのプラグインを利用する設定としておりますので、解凍してできあがった trend2012 フォルダ下にある up/plugin フォルダの modifier.xoops_blocktitleclass.php と modifier.xoops_blocktitleclassdel.php をサイトのプラグインディレクトリにコピーしてください。(必須です。)

 このテーマについては MIT ライセンスとさせていただきます。

 


======================================================
説明(詳細)
======================================================

 とりあえず、utf8とeucのlanguageファイルは用意しましたが、HTML5ということで utf8ベースで動作すると思います。eucでの動作は確認していません。

 メニューは、Xoops Users Group Japan(XUGJ) で GIJOEさんが提唱された xugj_assign.php を利用したメニューを採用しています。
 通常のメインメニューに表示されるのと同じ項目が自動で表示されるので、メニューの項目を編集する必要もありません。
  http://www.xugj.org/modules/d3forum/index.php?topic_id=125

 なお、同封しているものは、オリジナルの xugj_assign.php から少し変更しているので、xugj_assign_trend.php という名称に変更しています。

 jQuery.js + jquery.jgrowlプラグインを利用して、画面遷移せずにリダイレクト表示できるので、スピーディーでセンスの良い表示が可能となっています。 なお、本テーマには、domifaraさん作成のphpファイルによるインクルード方法を用いております。
 domifaraさん、ありがとうございます。(javascriptオフ時には、リダイレクトの文字などがボックス表示されます。)

 jQueryについては、domifaraさんによるXCL2.2対応措置がとられており、jQueryの二重読み込み防止や他のjavascriptとのバッティングを可能な限り避ける仕組みが用いられております。 (xugj_already_js.php をXCL2.1対応版に差し替えております。)


【画面表示について】

 このテーマでは、メディア・クエリ(Media Queries)を利用して、表示するデバイス(ブラウザ)の画面幅によりスタイル(CSS)の切替を行います。

 基本は、左メイン・右サイドカラムの2カラム表示となっており、最大表示幅は980pxでブラウザの幅を縮めるとそれに応じて横幅が狭まり、デバイスの幅が480px以下になると1カラム表示に切り替わります。

 なお、中央・中央カラムについては、表示順設定に応じて、トップとボットムに幅一杯にボックス表示することができます。

 ■  中央中央カラム 表示順 0 (トップカラム)
 ■  中央中央カラム 表示順500以上 (ボットムカラム)

 詳しい表示ロジックについては、同封の trend2012.jpg をご覧下さい。

 ヘッダー画像下のメニューバーは、スクロールすると自動でトップにFIXするようにしています。また、検索窓をクリックするとキーワード入力部が横に広がるギミックも装備してみました。(jQuery利用)


======================================================
インストール
======================================================

 インストールは通常テーマと同じですが、主要モジュールのテンプレートを本テーマに最適化させ、テーマ下テンプレートとして利用する設定が可能ですので、その場合+αの作業が必要となります。(+αの作業をしないと表示エラーが出る場合があります。)

 まずは、解凍してできあがったフォルダ「trend2012」をFTPにてサイトのテーマ・ディレクトリへコピーしてください。(場合によっては、解凍したフォルダの階層が深くなっていることもありますので、ご注意ください。)

 次に、以下の手順でテーマ下テンプレート利用のための作業とプラグインの追加作業を行ってください。

 完了したら通常のテーマと同様、管理画面の「互換モジュール」「テーマの管理」でこのテーマを使用する設定としてください。


【テーマ下テンプレートが利用可能な場合】

 ご利用になっている xoops がテーマ下テンプレート利用可能な場合は、本テーマディレクトリ下にある 「templates」ディレクトリに収納されたカスタマイズ済みのテンプレートを利用するようになります。
 XOOPS X(Pack2011~)の場合、既にpreloadに「HypXoopsTplHook.class.php」が入っていますので、テーマ下テンプレートが利用可能となっています。

 テーマ下テンプレートを利用する場合、xugj_date や xugj_block を利用しますので、本テーマ下の「up/plugin」フォルダに収納されている modifier.xugj_date.php と function.xugj_block.php をFTPにてサイトの「plugin」ディレクトリにコピーしてください。(既に存在する場合は不要)

 「plugin」ディレクトリは、XCL2.1x と XCL2.2 では場所が違うのでご注意ください。
   XCL2.1xの場合 /XOOPS_ROOT_PATH/class/smarty/plugins/
   XCL2.2の場合  /XOOPS_TRUST_PATH/libs/smarty/plugins/ または
           /XOOPS_TRUST_PATH/libs/smartyplugins/ (preload「HdXoopsTplHook.class.php」または「HypXoopsTplHook.class.php」を使っている場合、このディレクトリが優先となります。)


【テーマ下テンプレートが利用できない場合】

 もし、テーマ下テンプレートを利用できない環境の場合、本テーマ下の「up/preload」フォルダにある HdXoopsTplHook.class.php をFTPにてサイトの「preload」ディレクトリに、本テーマ下の「up/plugin」フォルダにある resource.db.php をサイトの「plugin」ディレクトリにそれぞれコピーしてください。
 なお、XOOPS X(Pack2011~)の場合、既にpreloadに「HypXoopsTplHook.class.php」が入っていますので、この作業は不要です。(「HypXoopsTplHook.class.php」は、「HdXoopsTplHook.class.php」の機能を最新版にしたものです。)

 詳細はこちらを参照して下さい。
  http://xoops.peak.ne.jp/md/news/index.php?page=article&storyid=450


【テーマ下テンプレート利用可能だが、本テーマのテーマ下テンプレートを使いたくない場合】

 逆に、本テーマ下のテンプレートを使いたくない場合は、テーマ下にある「templates」ディレクトリを削除してください。ただし、webphotoモジュール使用時のギャラリー表示などはできなくなります。

■理由:テーマ下テンプレート利用可能なxoops(HDやXOOPS X(Pack2011~)など)では、次の優先順位でテンプレートを読み込むため
 1 テーマ下テンプレート
 2 現在ActiveなDBテンプレート
 3 Default(DB)テンプレート

テンプレートを変更しようとして、Altsysで「現在ActiveなDBテンプレート」をいくら修正しても、テーマ下テンプレートがある場合はそちらが優先されてしまうということに注意が必要です。


【prettyPhotoを利用する場合】
 このテーマでは、jQuery のプラグインである prettyPhoto を利用するとお洒落なポップアップ画像表示ができるように設定しています。

 ご利用になるには、同封している jQuery_Pretty.class.php をサイトのプリロードディレクトリにアップロードしてください。
 xcl2.2の場合は、xoopsのcommonディレクトリに jQuery と一緒に prettyPhoto が入っていると思いますので、それで作動すると思います。もし、commonディレクトリに prettyPhoto がない場合は、このテーマに同封しているものをアップロードしてください。

 利用しているプリロードはdomifaraさん作のもので、最新のものは次のurlとなります。(domifaraさん、感謝します。)
   http://xodomifara.lolipop.jp/doxo/modules/d3downloads/index.php?page=singlefile&cid=3&lid=67


【webphotoの利用について】
 webphotoでprettyPhotoを利用する場合、webphotoの一般設定画面にて、次の設定を行ってください。
  PopBoxを使用する 「いいえ」
LightBoxを使用する「いいえ」

 一般設定画面にて設定する各種画像の大きさはデフォルトを想定しています。
 一覧表示の表示タイプは、「テーブル表示」「説明文付きリスト表示」のいずれでも prettyPhoto が動作するように設定していますが、テーブル表示を選択した場合、テーブルではなく div(ボックス)を利用した表示としており、画面幅に応じてボックスが並ぶように設定していますので、テーブル表示時のカラム数欄の数値は意味をなしません。

 なお、このテーマでは、webphotoモジュールを「webphoto」ディレクトリ名にて利用する場合を想定して、テンプレート等の設定を行っています。もし、違うディレクトリ名でご利用の場合は、別途カスタマイズが必要となりますので、ご了承ください。


======================================================
カスタマイズ
======================================================

【メニュー表示項目の変更】

 このテーマでは、xugj_assign_phpを用いたメニュー表示を行いますが、インストールして初回表示した時に、メインメニュー表示する設定となっているメニュー項目を自動で引用してきます。(表示用のキャッシュファイルを自動作成して利用)

 従って、モジュールの管理にてモジュールの表示名を変えたり、並び順を「0」として非表示指定した場合でも、テーマのメニュー表示は以前作成したキャッシュファイルを利用することから、変更した表示となりません。

 そのような場合、FTPソフトを使って、cacheディレクトリ内の theme_trend_menus_****.php を削除してください。再度、サイトを表示した際に、新しくメニュー用のキャッシュファイルが自動生成されます。

 なお、domifaraさん作成の「xugjメニューキャッシュリフレシュ 管理画面モジュール」を利用すると、FTPソフトを使わずにキャッシュファイルの削除ができるので、便利だと思います。(domifaraさん、ありがとうございます。)
  http://xoops123.com/modules/d3downloads/index.php?page=singlefile&cid=10&lid=66

======================================================
バージョンアップ履歴
======================================================

2012-5-20 ver0.8
 とりあえず公開してみる。
2015-7-26 ver0.81
 nao-ponさんによる改良機能を追加しました。(nao-ponさん、ありがとうございました。)
 ・position: fixed で場面上部に張り付く時は1行分だけ表示
 ・その表示範囲は、カレントモジュールのメニューが表示される位置
 ・1行表示の時にマウスオーバーすると、ちょっと間を置いて広げて全部表示
 ・マウスカーソルを外すと、ちょっと間を置いて1行表示に戻る
 ・検索ボックスの下にメニューが隠れないように
 ・メニューボックスが、上部固定モードに切り替わる時、メニューボックスの高さ分 body 要素の表示位置が上へずれるのを防止  
   http://xoops.hypweb.net/modules/UsersWiki/person/nao-pon/blog/2015-04-17-1


======================================================
お願い
======================================================

 できましたら、当方のサイト掲示板(ご訪問帳)に何か書き込んでいただけると嬉しいです~m(_ _)m
   http://xoops123.com/modules/d3forum/?forum_id=1

ダウンロード数 267   ファイルサイズ 0バイト   利用可能なOS/ソフト等 XOOPS Cube Legacy 2.1x | XOOPS Cube Legacy 2.2x   ライセンス MIT   ホームページ Xoops123

利用について  このテーマは、MIT ライセンスです。ご自由に改変するなどしてご利用ください。

 なお、雑誌・書籍への掲載の場合には、あらかじめ当サイト管理人へご一報いただけると嬉しいです。
  連絡先:http://xoops123.com/modules/liaise/
| ファイル破損/リンク切れを報告 |  友達に伝える |  コメント (4)

カテゴリ PC用
basic5a(3カラム対応版) 人気ダウンロード情報
バージョン: 0.05a   掲載日:  2017/3/31
説明
【テーマ名 】 basic5a
【バージョン】 0.05a
【作 成 者】 marine / mistgreen
【動作 環境】 XOOPS Cube Legacy 2.1x (HD1.04)、2.2
【ライセンス】 MIT
【公 開 日 】 2011-12-8

======================================================
説明(概要)
======================================================

 PCでもiPhone 等のスマートフォンでも使える XCL2.1x(HD1.04)・XCL2.2用テーマbasic5を発展させた3カラム対応のテーマです。HTML5で作っています。
 閲覧環境に応じて、柔軟にページレイアウトを切り替えるレスポンシブ・ウェブデザイン(Responsive Web Design )となっています。
 Xoops Cube Legacy 2.2 で動作確認しました。((i:f995))

 ファイル損傷がありましたので、再度、アップしました。(2012.01.13)

 


 下記サイトのテンプレートを流用してXoops用のテーマとした basic5 をさらに発展させた3カラム対応のテーマです。
http://www.onextrapixel.com/2011/09/12/create-a-responsive-web-design-template/

 ヘッダーには、xugj_assign プラグインを利用して、インストールされたモジュールに対応するメニューを自動表示するようにしています。
 また、フッターにユーザーメニュー項目も自動表示するので、xoopsの互換モジュールである「メインメニュー」「ユーザーメニュー」を利用しない運用が可能となっています。

 このテーマについては MIT ライセンスとさせていただきます。


======================================================
説明(詳細)
======================================================

 とりあえず、utf8とeucのlanguageファイルは用意しましたが、HTML5ということで utf8ベースで動作すると思います。eucでの動作は確認していません。

 メニューは、Xoops Users Group Japan(XUGJ) で GIJOEさんが提唱された xugj_assign.php を利用したメニューを採用しています。
 通常のメインメニューに表示されるのと同じ項目が自動で表示されるので、メニューの項目を編集する必要もありません。
  http://www.xugj.org/modules/d3forum/index.php?topic_id=125

 なお、同封しているものは、オリジナルの xugj_assign.php から少し変更しているので、xugj_assign_basic.php という名称に変更しています。

 jQuery.js + jquery.jgrowlプラグインを利用して、画面遷移せずにリダイレクト表示できるので、スピーディーでセンスの良い表示が可能となっています。 なお、本テーマには、domifaraさん作成のphpファイルによるインクルード方法を用いております。
 domifaraさん、ありがとうございます。(javascriptオフ時には、リダイレクトの文字などがボックス表示されます。)

 jQueryについては、domifaraさんによるXCL2.2対応措置がとられており、jQueryの二重読み込み防止や他のjavascriptとのバッティングを可能な限り避ける仕組みが用いられております。 (xugj_already_js.php をXCL2.1対応版に差し替えております。)


【画面表示について】

 このテーマでは、メディア・クエリ(Media Queries)を利用して、表示するデバイス(ブラウザ)の画面幅によりスタイル(CSS)の切替を行います。

 基本は、左メイン・右サイドカラムの2カラム表示となっており、最大表示幅は980pxでブラウザの幅を縮めるとそれに応じて横幅が狭まり、デバイスの幅が480px以下になると1カラム表示に切り替わります。

 なお、中央・中央カラムについては、表示順設定に応じて、トップとボットムに幅一杯にボックス表示することができます。

 ■  中央中央カラム 表示順 0 (トップカラム)
 ■  中央中央カラム 表示順500以上 (ボットムカラム)


======================================================
インストール
======================================================

 インストールは通常テーマと同じですが、主要モジュールのテンプレートを本テーマに最適化させ、テーマ下テンプレートとして利用する設定が可能ですので、その場合+αの作業が必要となります。

 まずは、解凍してできあがったフォルダ「basic5a」をFTPにてサイトのテーマ・ディレクトリへコピーしてください。
 次に、次の手順でテーマ下テンプレート利用のための作業行ってください。

 完了したら通常のテーマと同様、管理画面の「互換モジュール」「テーマの管理」でこのテーマを使用する設定としてください。


【テーマ下テンプレートが利用可能な場合】

 ご利用になっている xoops がテーマ下テンプレート利用可能な場合は、本テーマディレクトリ下にある 「templates」ディレクトリに収納されたカスタマイズ済みのテンプレートを利用するようになります。

 この場合、xugj_date や xugj_block を利用しますので、本テーマ下の「up/plugin」フォルダに収納されている modifier.xugj_date.php と function.xugj_block.php をFTPにてサイトの「plugin」ディレクトリにコピーしてください。(既に存在する場合は不要)

 「plugin」ディレクトリは、XCL2.1x と XCL2.2 では場所が違うのでご注意ください。
   XCL2.1xの場合 /XOOPS_ROOT_PATH/class/smarty/plugins/
   XCL2.2の場合  /XOOPS_TRUST_PATH/libs/smarty/plugins/ または
           /XOOPS_TRUST_PATH/libs/smartyplugins/ (preload「HdXoopsTplHook.class.php」を使っている場合)


【テーマ下テンプレートが利用できない場合】

 もし、テーマ下テンプレートを利用できない環境の場合、本テーマ下の「up/preload」フォルダにある HdXoopsTplHook.class.php をFTPにてサイトの「preload」ディレクトリに、本テーマ下の「up/plugin」フォルダにある resource.db.php をサイトの「plugin」ディレクトリにそれぞれコピーしてください。

 詳細はこちらを参照して下さい。
  http://xoops.peak.ne.jp/md/news/index.php?page=article&storyid=450


【テーマ下テンプレート利用可能だが、本テーマのテーマ下テンプレートを使いたくない場合】

 逆に、ご利用になっている xoops がテーマ下テンプレート利用可能な状態であって、本テーマ下のテンプレートを使いたくない場合は、テーマ下にある「templates」ディレクトリを削除してください。(当該ディレクトリ内の個別のテンプレートを削除するのも良いでしょう。)
 ただし、webphotoモジュール使用時のギャラリー表示などはできなくなります。

■理由:テーマ下テンプレート利用可能なxoops(HDなど)では、次の優先順位でテンプレートを読み込むため
 1 テーマ下テンプレート
 2 現在ActiveなDBテンプレート
 3 Default(DB)テンプレート

 つまり、テンプレートを変更しようとして、Altsysで「現在ActiveなDBテンプレート」をいくら修正しても、テーマ下テンプレートがある場合はそちらが優先されてしまうのです。


【prettyPhotoを利用する場合】
 このテーマでは、jQuery のプラグインである prettyPhoto を利用するとお洒落なポップアップ画像表示ができるように設定しています。

 ご利用になるには、同封している jQuery_Pretty.class.php をサイトのプリロードディレクトリにアップロードしてください。
 xcl2.2の場合は、xoopsのcommonディレクトリに jQuery と一緒に prettyPhoto が入っていると思いますので、それで作動すると思います。もし、commonディレクトリに prettyPhoto がない場合は、このテーマに同封しているものをアップロードしてください。

 利用しているプリロードはdomifaraさん作のもので、最新のものは次のurlとなります。(domifaraさん、感謝します。)
   http://xodomifara.lolipop.jp/doxo/modules/d3downloads/index.php?page=singlefile&cid=3&lid=67


【webphotoの利用について】
 webphotoでprettyPhotoを利用する場合、webphotoの一般設定画面にて、次の設定を行ってください。
  PopBoxを使用する 「いいえ」
LightBoxを使用する「いいえ」

 一般設定画面にて設定する各種画像の大きさはデフォルトを想定しています。
 一覧表示の表示タイプは、「テーブル表示」「説明文付きリスト表示」のいずれでも prettyPhoto が動作するように設定していますが、テーブル表示を選択した場合、テーブルではなく div(ボックス)を利用した表示としており、画面幅に応じてボックスが並ぶように設定していますので、テーブル表示時のカラム数欄の数値は意味をなしません。

 なお、このテーマでは、webphotoモジュールを「webphoto」ディレクトリ名にて利用する場合を想定して、テンプレート等の設定を行っています。もし、違うディレクトリ名でご利用の場合は、別途カスタマイズが必要となりますので、ご了承ください。


======================================================
カスタマイズ
======================================================

【メニュー表示項目の変更】

 このテーマでは、xugj_assign_phpを用いたメニュー表示を行いますが、インストールして初回表示した時に、メインメニュー表示する設定となっているメニュー項目を自動で引用してきます。(表示用のキャッシュファイルを自動作成して利用)

 従って、モジュールの管理にてモジュールの表示名を変えたり、並び順を「0」として非表示指定した場合でも、テーマのメニュー表示は以前作成したキャッシュファイルを利用することから、変更した表示となりません。

 そのような場合、FTPソフトを使って、cacheディレクトリ内の theme_basic_menus_****.php を削除してください。
 再度、サイトを表示した際に、新しくメニュー用のキャッシュファイルが自動生成されます。

 なお、domifaraさん作成の「xugjメニューキャッシュリフレシュ 管理画面モジュール」を利用すると、FTPソフトを使わずにキャッシュファイルの削除ができるので、便利だと思います。(domifaraさん、ありがとうございます。)
  http://xoops123.com/modules/d3downloads/index.php?page=singlefile&cid=10&lid=66


======================================================
バージョンアップ履歴
======================================================

2011-11-13 ver0.01
 とりあえず公開してみる。

2011-11-13 ver0.02
480px以下のブラウザ表示の場合、CenterL、R をフロートさせて、下に回り込む設定とした。

2011-11-13 ver0.03
各所を調整してみた。ナビの下にサブメニューを表示するようにした。

2011-11-15 ver0.03a
 画面幅調整の説明などを追記

2011-12-05 ver0.04
 xugj_already_js.php を新版に差し替えた。
 jquery.jgrowl.js を最小版に差し替えた。
 jGrowlの動作を中央上に表示するようにし、横幅を広げて透過度変更、boxshadowを表示するようにした。
 テーマ下言語ファイルに english を追加。
 style.cssにつき、次の記述間違いを修正

 間違い
-webkit-transition-timing function: linear, ease-in;
-moz-transition-timing function: linear, ease-in;
transition-timing function: linear, ease-in;

  正解(functionの前にハイフンあり)
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-timing-function: linear, ease-in;
transition-timing-function: linear, ease-in;

2011-12-05 ver0.05
 basic5を3カラム対応に改造、basic5aとした。
 3カラム対応に伴い、cssの各所を修正。
 さらに、iPad等の画面幅が狭いデバイス利用の場合、リンク部分の選択可能幅を広げるようにした。
 CSS3のtransition設定をメインカラム部分等にも指定した。

2012-01-02
 テーマ右上にある検索窓のIDをheaderSearchに変更、テーマ下テンプレートをbasic5に合わせた。


======================================================
お願い
======================================================

 できましたら、当方のサイト掲示板(ご訪問帳)に何か書き込んでいただけると嬉しいです~m(_ _)m
   http://xoops123.com/modules/d3forum/?forum_id=1



ダウンロード数 282   ファイルサイズ 827.53 KB   利用可能なOS/ソフト等 XOOPS Cube Legacy 2.1x | 2.2x   ライセンス MIT   ホームページ Xoops123

利用について  このテーマは、MIT ライセンスです。ご自由に改変するなどしてご利用ください。

 なお、雑誌・書籍への掲載の場合には、あらかじめ当サイト管理人へご一報いただけると嬉しいです。
  連絡先:http://xoops123.com/modules/liaise/
| ファイル破損/リンク切れを報告 |  友達に伝える |  コメント (0)

カテゴリ PC用
テーマ white-space 人気ダウンロード情報
バージョン: 0.83   掲載日:  2014/3/29
説明

【テーマ名 】 white-space
【作 成 者】 marine / mistgreen
【動作 環境】 XOOPS Cube Legacy 2.2
【ライセンス】 MIT
【公 開 日 】 2013-1-15

説明(概要)

white-space_screenshot_L.jpg 3カラム対応としたテーマです。PCでもiPhone 等のスマートフォンでも使える XCL2.2用テーマです。HTML5で作成しています。閲覧環境に応じて、柔軟にページレイアウトを切り替えるレスポンシブ・ウェブデザイン(Responsive Web Design )を採用。Xoops Cube Legacy 2.2 で動作確認しました。

 トップページのデザインをシンプルに仕上げ、サイトネームとメニューだけを初期表示するようにして、jQueryによるコンテンツ展開するようにしています。このテーマについては MIT ライセンスとさせていただきます。
 

説明(詳細)

 メニューはデザイン上 theme_menu.html に直書きしていますので、あなたのサイトに合うように変更してください。

 言語ファイルは、とりあえず、utf8とeucのlanguageファイルは用意しましたが、HTML5ということで utf8ベースで動作すると思います。eucでの動作は確認していません。(theme_menu.html は、utf8となっていますので、環境に合わせて変更してください。)

 jQuery.js + jquery.jgrowlプラグインを利用して、画面遷移せずにリダイレクト表示できるので、スピーディーでセンスの良い表示が可能となっています。 なお、本テーマには、domifaraさん作成のphpファイルによるインクルード方法を用いております。domifaraさん、ありがとうございます。(javascriptオフ時には、リダイレクトの文字などがボックス表示されます。)

 jQueryについては、domifaraさんによるXCL2.2対応措置がとられており、jQueryの二重読み込み防止や他のjavascriptとのバッティングを可能な限り避ける仕組みが用いられております。 (xugj_already_js.php をXCL2.1対応版に差し替えております。)

画面表示について

 このテーマでは、メディア・クエリ(Media Queries)を利用して、表示するデバイス(ブラウザ)の画面幅によりスタイル(CSS)の切替を行います。

 基本は、左カラム・中央カラム・右カラムの3カラム表示となっており、980pxにブラウザの幅を縮めるとそれに応じて2カラムに切り替わり、さらにデバイスの幅が480px以下になると1カラム表示に切り替わります。

 なお、中央・中央カラムについては、表示順設定に応じて、トップとコンテンツ下やフッターに幅一杯にボックス表示したり、幅全体を使ってボックスを横に並べて表示することができます。
 さらに、中央中央カラムの表示順を4000以上にすると、スクロールしてページの一番下に来たときに丸いボックスで表示するようにしています。(1個だけ表示)

	かなり細かな表示設定が可能となってますので、詳しい表示ロジックについては、同封の layout.jpg をご覧下さい。

インストール

 インストールは通常テーマと同じです。
 プラスアルファとして、テーマ下テンプレートを利用して、主要モジュールのテンプレートを本テーマに最適化させ、テーマ下テンプレートとして利用する設定を行っています。

 まずは、解凍してできあがったフォルダ「white-space」をFTPにてサイトのテーマ・ディレクトリへコピーしてください。(場合によっては、解凍したフォルダの階層が深くなっていることもありますので、ご注意ください。)

 完了したら通常のテーマと同様、管理画面の「互換モジュール」「テーマの管理」でこのテーマを使用する設定としてください。

カスタマイズ

メニュー表示項目の変更

 このテーマでは、メニューはデザイン上 theme_menu.html に直書きしていますので、あなたのサイトに合うように変更してください。また、CSSにて、モジュールのディレクトリ名に応じてメニュー横の画像を指定していますので、必要に応じてあなたのサイトに合うような画像に変更してください。

===== 初期設定 ====
body.bulletin #nav-pict {
	background:url(images/notepad.png) no-repeat;
}
body.wordpress #nav-pict {
	background:url(images/tag.png) no-repeat;
}
body.xpwiki #nav-pict {
	background:url(images/basket-full.png) no-repeat;
}
body.pico #nav-pict {
	background:url(images/file.png) no-repeat;
}
body.webphoto #nav-pict {
	background:url(images/picture.png) no-repeat;
}
body.d3downloads #nav-pict {
	background:url(images/disc-floopy.png) no-repeat;
}
body.d3forum #nav-pict {
	background:url(images/users.png) no-repeat;
}
body.liaise #nav-pict {
	background:url(images/mail.png) no-repeat;
}

バージョンアップ履歴

2013-1-15 ver0.82
 とりあえず公開してみる。
2014-3-29 ver0.83
 テーマディレクトリにreadme.txtを追加


ダウンロード数 284   ファイルサイズ 648.00 KB   利用可能なOS/ソフト等 XOOPS Cube Legacy 2.2x   ライセンス MIT   ホームページ Xoops123

利用について  このテーマは、MIT ライセンスです。ご自由に改変するなどしてご利用ください。

 なお、雑誌・書籍への掲載の場合には、あらかじめ当サイト管理人へご一報いただけると嬉しいです。
  連絡先:http://xoops123.com/modules/liaise/
お願い  できましたら、当方のサイト掲示板(ご訪問帳)に何か書き込んでいただけると嬉しいです~m(_ _)m
   http://xoops123.com/modules/d3forum/?forum_id=1
| ファイル破損/リンク切れを報告 |  友達に伝える |  コメント (0)

カテゴリ PC用
新感覚のテーマ mocha 人気ダウンロード情報
バージョン: 0.11   掲載日:  2017/3/31
説明
mocha

【テーマ名 】 mocha
【作 成 者】 marine / mistgreen
【動作 環境】 XOOPS Cube Legacy 2.2
【ライセンス】 CC
【公 開 日 】 2013-7-15

説明(概要)

 HTML5+TwitterBootstrap採用のXCL2.2用テーマです。
 閲覧環境に応じて柔軟にページレイアウトを切り替えるレスポンシブ・ウェブデザイン(Responsive Web Design )、12分割のグリッドシステムを採用しているので、自由な画面レイアウトが可能となっています。TwitterBootstrapのページにてcssをカスタマイズしてそれを導入することも可能です。Xoops Cube Legacy 2.2 で動作確認しました。

 トップページについては、一番上に中央中央ブロックが表示されるように設定、可変グリッドを採用しており、ブラウザの横幅を変更するとブロックがブラウザ幅に合うように自動で並べ替えを行うようになっています。

★重要★

 このテーマではブロック幅をコントロールするための機能拡張のため、専用のプラグインを利用する設定としておりますので、解凍してできあがったフォルダ下にある xoops_trust_path/libs/smartyplugins フォルダの modifier.xoops_blocktitleclass.php と modifier.xoops_blocktitleclassdel.php をサイトのプラグインディレクトリにコピーしてください。(必須です。)

 構造が通常のテーマとは全く異なっておりますので、ご利用の際は構造を理解のうえ、ブロック配置を行ってください。

 ヘッダーには、xugj_assign プラグインを利用して、インストールされたモジュールに対応するメニューバーを自動表示するようにしています。
 また、フッターにユーザーメニュー項目も自動表示するので、xoopsの互換モジュールである「メインメニュー」「ユーザーメニュー」を利用しない運用が可能となっています。

 このテーマについては CC ライセンスとさせていただきます。(TwitterBootstrapについては、Apache2ライセンス)

説明(詳細)

 とりあえず、utf8とeucのlanguageファイルは用意しましたが、HTML5ということで utf8ベースで動作すると思います。eucでの動作は確認していません。

 メニューは、Xoops Users Group Japan(XUGJ) で GIJOEさんが提唱された xugj_assign.php を利用したメニューを採用しています。
 通常のメインメニューに表示されるのと同じ項目が自動で表示されるので、メニューの項目を編集する必要もありません。
  http://www.xugj.org/modules/d3forum/index.php?topic_id=125

 なお、同封しているものは、オリジナルの xugj_assign.php から少し変更しているので、xugj_assign_theme.php という名称に変更しています。
 jQuery.js + jquery.jgrowlプラグインを利用して、画面遷移せずにリダイレクト表示できるので、スピーディーでセンスの良い表示が可能となっています。 なお、本テーマには、domifaraさん作成のphpファイルによるインクルード方法を用いております。
 domifaraさん、ありがとうございます。(javascriptオフ時には、リダイレクトの文字などがボックス表示されます。)

 jQueryについては、domifaraさんによるXCL2.2対応措置がとられており、jQueryの二重読み込み防止や他のjavascriptとのバッティングを可能な限り避ける仕組みが用いられております。 (xugj_already_js.php をXCL2.1対応版に差し替えております。)

【画面表示について】

 このテーマは、TwitterBootstrapのcssを採用し、横幅940pxで12分割のグリッドシステムを採用しているので、自由な配置が可能です。
 また、メディア・クエリ(Media Queries)を利用して、表示するデバイス(ブラウザ)の画面幅によりスタイル(CSS)の切替を行います。基本的な最大表示幅は940pxでブラウザの幅を縮めるとそれに応じて横幅が狭まったり、ボックスが移動したりします。

 従来のテーマでは、ブロックの幅などについて、cssに記載された横幅でしか表示できませんでしたが、このテーマでは、管理画面のブロック管理にてブロックタイトルに指定したキーワードを追記するだけで、あらかじめ設定した12種類の横幅を設定することが可能となっています。

 ★設定方法:

  ブロックのタイトル欄に [[span1 から [[span12 までの12種類の文字列を追記してください。
  なお、追記しない場合には初期値が利用されるので、問題はありません。また、従来から利用しているタイトルの none 技も継承しています。

1、トップページ(ホーム)の場合
 上から5つの領域に分けて表示できるようになっており、それぞれ次のように設定しています。

 ■ header ■■■■■■■■■■■■■■■■■■■■
 ■  h1 sitename + slogan
 ■  中央中央ブロック表示(h3でタイトル表示) 初期値:span4

 ■ section id:level_01 ■■■■■■■■■■■■■■
 ■  左ブロック表示(h3でタイトル表示) 初期値:span4

 ■■■■■■■■■■■■■■■■■■■■■■■■■■
 ■ xoopsコンテンツ(指定がある場合) 初期値:span12(横幅一杯に表示)

 ■ section id:level_02 ■■■■■■■■■■■■■■
 ■  中央左ブロック表示(h3でタイトル表示) 初期値:span2

 ■ section id:level_03 ■■■■■■■■■■■■■■
 ■  中央右ブロック表示(h3でタイトル表示) 初期値:span2

 ■ section id:level_04 ■■■■■■■■■■■■■■
 ■  右ブロック表示(h3でタイトル表示) 初期値:span2

 ■ footer ■■■■■■■■■■■■■■■■■■■■
 ■  フッターメニュー

2、モジュール・ページの場合

 ■ header ■■■■■■■■■■■■■■■■■■■■
  h1 sitename + slogan + 中央中央ブロックのweghtが一番小さいブロックのタイトル
  中央中央ブロック表示(weghtが一番小さいもの以外は、h3でタイトル表示) 初期値:span4

 (1)左ブロックがある場合
 ■ wrap ■■■■■■■■■■■■■■■■■■■■■■■
 ■ 左ブロック ■ ■■■ モジュールコンテンツ ■■■
 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■
 (2)左ブロックがない場合
 ■ wrap ■■■■■■■■■■■■■■■■■■■■■■■
 ■ モジュールコンテンツ               ■
 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

 ■ section id:level_02 ■■■■■■■■■■■■■■
 ■  中央左ブロック表示(h3でタイトル表示) 初期値:span2

 ■ section id:level_03 ■■■■■■■■■■■■■■
 ■  中央右ブロック表示(h3でタイトル表示) 初期値:span2

 ■ section id:level_04 ■■■■■■■■■■■■■■
 ■  右ブロック表示(h3でタイトル表示) 初期値:span2

 ■ footer ■■■■■■■■■■■■■■■■■■■■
 ■  フッターメニュー

 2(1)の場合、基本2カラム表示であり左ブロックの初期値は span3 となっていますが、weightが一番小さなブロックに [[span4 などの指定がある場合、左ブロック全体を包むdivがそれに応じて広がり、モジュール側のdivが自動調整されるようになっています。つまり、表現力が大幅に向上しているということですね。

 なお、フッターのメニューにはログインなどのリンクを装備しており、jQueryのプラグインを用いて、ポップアップでログインブロックが表示されるようにしています。

インストール

 このテーマではブロック幅をコントロールするための機能拡張を利用するために専用のプラグインを利用する設定としております。
 プラグインがない場合はエラーとなりますので、必ず導入してください。

 プラグインは、解凍してできあがったフォルダ下にある xoops_trust_path/libs/smartyplugins フォルダの modifier.xoops_blocktitleclass.php と modifier.xoops_blocktitleclassdel.php の2種類です。これをサイトのプラグインディレクトリにコピーしてください。(必須です。)
 また、テーマ下テンプレートで function.xugj_block.php と modifier.xugj_date.php を利用しているので、これも同様にコピーして下さい。

 インストールは通常テーマと同じですが、主要モジュールのテンプレートを本テーマに最適化させるため、テーマ下テンプレートとして同封していますので、できればテーマ下テンプレートが有効となるように設定していただいた方が良いでしょう。(その際、同封のプラグインも利用するようにコピー作業等を行ってください。)

 次に、以下の手順でテーマ下テンプレート利用のための作業を行ってください。
 完了したら通常のテーマと同様、管理画面の「互換モジュール」「テーマの管理」でこのテーマを使用する設定としてください。

【テーマ下テンプレートが利用可能な場合】

 ご利用になっている xoops がテーマ下テンプレート利用可能な場合は、本テーマディレクトリ下にある 「templates」ディレクトリに収納されたカスタマイズ済みのテンプレートを利用するようになります。
 XOOPS X(Pack2011~)の場合、既にpreloadに「HypXoopsTplHook.class.php」が入っていますので、テーマ下テンプレートが利用可能となっています。(最新のHyperCommonFoncを利用している場合、このプリロードも不要です。)

 テーマ下テンプレートを利用する場合、xugj_date や xugj_block を利用します。(前述のとおり、modifier.xugj_date.php と function.xugj_block.php が必要)

 「plugin」ディレクトリは、XCL2.1x と XCL2.2 では場所が違うのでご注意ください。
   XCL2.1xの場合 /XOOPS_ROOT_PATH/class/smarty/plugins/
   XCL2.2の場合  /XOOPS_TRUST_PATH/libs/smarty/plugins/ または
           /XOOPS_TRUST_PATH/libs/smartyplugins/ (preload「HdXoopsTplHook.class.php」または「HypXoopsTplHook.class.php」を使っている場合、このディレクトリが優先となります。最新のHyperCommonFoncを利用している場合は、同モジュールにて読み込み順の設定等が可能となっています。)

【テーマ下テンプレートが利用できない場合】

 最新のHyperCommonFoncを利用している場合、この作業は不要です。

 それ以外の場合・・・もし、テーマ下テンプレートを利用できない環境の場合、本テーマ下の「up/preload」フォルダにある HdXoopsTplHook.class.php をFTPにてサイトの「preload」ディレクトリに、本テーマ下の「up/plugin」フォルダにある resource.db.php をサイトの「plugin」ディレクトリにそれぞれコピーしてください。
 なお、XOOPS X(Pack2011~)の場合、既にpreloadに「HypXoopsTplHook.class.php」が入っていますので、この作業は不要です。(「HypXoopsTplHook.class.php」は、「HdXoopsTplHook.class.php」の機能を最新版にしたものです。)

 詳細はこちらを参照して下さい。
  http://xoops.peak.ne.jp/md/news/index.php?page=article&storyid=450

【テーマ下テンプレート利用可能だが、本テーマのテーマ下テンプレートを使いたくない場合】

 逆に、本テーマ下のテンプレートを使いたくない場合は、テーマ下にある「templates」ディレクトリを削除してください。ただし、webphotoモジュール使用時のギャラリー表示などはできなくなります。

■理由:テーマ下テンプレート利用可能なxoops(HDやXOOPS X(Pack2011~)など)では、次の優先順位でテンプレートを読み込むため
 1 テーマ下テンプレート
 2 現在ActiveなDBテンプレート
 3 Default(DB)テンプレート

テンプレートを変更しようとして、Altsysで「現在ActiveなDBテンプレート」をいくら修正しても、テーマ下テンプレートがある場合はそちらが優先されてしまうということに注意が必要です。

カスタマイズ

【メニュー表示項目の変更】

 このテーマでは、xugj_assign_phpを用いたメニュー表示を行いますが、インストールして初回表示した時に、メインメニュー表示する設定となっているメニュー項目を自動で引用してきます。(表示用のキャッシュファイルを自動作成して利用)

 従って、モジュールの管理にてモジュールの表示名を変えたり、並び順を「0」として非表示指定した場合でも、テーマのメニュー表示は以前作成したキャッシュファイルを利用することから、変更した表示となりません。

 そのような場合、FTPソフトを使って、cacheディレクトリ内の theme_trend_menus_****.php を削除してください。再度、サイトを表示した際に、新しくメニュー用のキャッシュファイルが自動生成されます。

 なお、domifaraさん作成の「xugjメニューキャッシュリフレシュ 管理画面モジュール」を利用すると、FTPソフトを使わずにキャッシュファイルの削除ができるので、便利だと思います。(domifaraさん、ありがとうございます。)
  http://xoops123.com/modules/d3downloads/index.php?page=singlefile&cid=10&lid=66

   最新のXOOPS X に入っている X-update を用いると、管理画面から簡単にインストールできます。

【色合いの調整等】

 本格的な調整は、TwitterBootstrapのcssを修正する必要があります。
 TwitterBootstrapのcssについては、オリジナルをそのまま採用していますので、当該サイトにおけるカスタマイズや関連サイトで紹介されている設定変更方法などを参照してください。

 なお、本テーマについては、sectionなどオリジナルな部分を追加しておりますので、それらについては同封の colors.css を修正することで、簡単に背景色などの変更を行うことが出来るように設定しております。是非ともお試し下さい。

バージョンアップ履歴

2013-7-15 ver0.1 公開
2014-3-29 ver0.11
 テーマディレクトリにreadme.txtを追加

お願い

 できましたら、当方のサイト掲示板(ご訪問帳)に何か書き込んでいただけると嬉しいです~m(_ _)m
   http://xoops123.com/modules/d3forum/?forum_id=1


ダウンロード数 323   ファイルサイズ 0バイト   利用可能なOS/ソフト等 XOOPS Cube Legacy 2.2x   ライセンス CreativeCommons   ホームページ Xoops123

利用について  利用ライセンスは、クリエイティブ・コモンズ(CC)となっております。
 フッターのcopyright(Theme designed by marine/mistgreen)表示していただければ、非商用に限り無償で、自由に改変してご利用頂くことができます。(フッターのcopyright表示を消して利用したい場合は、商用利用扱いとなります。)

 なお、TwitterBootstrapのcssについては、Apache2ライセンスとなっておりますので、留意願います。
 
 雑誌・書籍への掲載の場合には、あらかじめ当サイト管理人へご一報ください。
  連絡先:http://xoops123.com/modules/liaise/
商用利用について  企業様、または営利個人様でのご利用は、原則商用とさせていただきます。
 個人利用であっても、著作権表示を削除してご利用される場合は、商用利用扱いとなります。

 商用利用の場合は有償とさせていただきたく、1サイト(ドメイン)につき3000円にてお願い致します。管理人へのご連絡のうえ、手続きをお願い申し上げます。
利用拒否について  違法行為を行っているサイト、公序良俗に反するサイトでの利用は、お断り申し上げます。
連絡先   http://xoops123.com/modules/liaise/
| ファイル破損/リンク切れを報告 |  友達に伝える |  コメント (0)

カテゴリ PC用
Twitter Bootstrap 採用テーマ tw_940 人気ダウンロード情報
バージョン: 0.13   掲載日:  2014/3/29
説明
【テーマ名 】 tw_940
【作 成 者】 marine / mistgreen
【動作 環境】 XOOPS Cube Legacy 2.1x (HD1.04)、2.2
【ライセンス】 MIT
【公 開 日 】 2012-7-11

======================================================
説明(概要)
======================================================

 HTML5+TwitterBootstrap採用のXCL2.1x(HD1.04)・XCL2.2用テーマです。PCでもiPhone 等のスマートフォンでも使えます。
 閲覧環境に応じて柔軟にページレイアウトを切り替えるレスポンシブ・ウェブデザイン(Responsive Web Design )、横幅940pxで12分割のグリッドシステムを採用しているので、自由な画面レイアウトが可能となっています。TwitterBootstrapのページにてcssをカスタマイズしてそれを導入することも可能です。Xoops Cube Legacy 2.2 で動作確認しました。

 構造が通常のテーマとは全く異なっておりますので、ご利用の際は構造を理解のうえ、ブロック配置を行ってください。

 ヘッダーには、xugj_assign プラグインを利用して、インストールされたモジュールに対応するメニューバーを自動表示するようにしています。
 また、フッターにユーザーメニュー項目も自動表示するので、xoopsの互換モジュールである「メインメニュー」「ユーザーメニュー」を利用しない運用が可能となっています。

 なお、このテーマではブロック幅をコントロールするための機能拡張のため、専用のプラグインを利用する設定としておりますので、解凍してできあがった tw_940 フォルダ下にある up/plugin フォルダの modifier.xoops_blocktitleclass.php と modifier.xoops_blocktitleclassdel.php をサイトのプラグインディレクトリにコピーしてください。(必須です。)

 このテーマについては MIT ライセンスとさせていただきます。(TwitterBootstrapについては、Apache2ライセンス)

 また、このテーマには、XOOPSに適切なメタ情報とOGPを付加するカスタマイズを追加していますので、同封のファイル群を指定したディレクトリにコピーしてご利用ください。詳しくは、下記ページをご覧ください。
  http://xoops123.com/modules/d3downloads/index.php?page=singlefile&cid=9&lid=61


 


======================================================
説明(詳細)
======================================================

 とりあえず、utf8とeucのlanguageファイルは用意しましたが、HTML5ということで utf8ベースで動作すると思います。eucでの動作は確認していません。

 メニューは、Xoops Users Group Japan(XUGJ) で GIJOEさんが提唱された xugj_assign.php を利用したメニューを採用しています。
 通常のメインメニューに表示されるのと同じ項目が自動で表示されるので、メニューの項目を編集する必要もありません。
  http://www.xugj.org/modules/d3forum/index.php?topic_id=125

 なお、同封しているものは、オリジナルの xugj_assign.php から少し変更しているので、xugj_assign_theme.php という名称に変更しています。

 jQuery.js + jquery.jgrowlプラグインを利用して、画面遷移せずにリダイレクト表示できるので、スピーディーでセンスの良い表示が可能となっています。 なお、本テーマには、domifaraさん作成のphpファイルによるインクルード方法を用いております。
 domifaraさん、ありがとうございます。(javascriptオフ時には、リダイレクトの文字などがボックス表示されます。)

 jQueryについては、domifaraさんによるXCL2.2対応措置がとられており、jQueryの二重読み込み防止や他のjavascriptとのバッティングを可能な限り避ける仕組みが用いられております。 (xugj_already_js.php をXCL2.1対応版に差し替えております。)


【画面表示について】

 このテーマは、TwitterBootstrapのcssを採用し、横幅940pxで12分割のグリッドシステムを採用しているので、自由な配置が可能です。
 また、メディア・クエリ(Media Queries)を利用して、表示するデバイス(ブラウザ)の画面幅によりスタイル(CSS)の切替を行います。基本的な最大表示幅は940pxでブラウザの幅を縮めるとそれに応じて横幅が狭まったり、ボックスが移動したりします。

 従来のテーマでは、ブロックの幅などについて、cssに記載された横幅でしか表示できませんでしたが、このテーマでは、管理画面のブロック管理にてブロックタイトルに指定したキーワードを追記するだけで、あらかじめ設定した12種類の横幅を設定することが可能となっています。

 設定方法:
  ブロックのタイトル欄に [[span1 から [[span12 までの12種類の文字列を追記してください。
  なお、追記しない場合には初期値が利用されるので、問題はありません。また、従来から利用しているタイトルの none 技も継承しています。

1、トップページ(ホーム)の場合
 上から5つの領域に分けて表示できるようになっており、それぞれ次のように設定しています。

 ■ header ■■■■■■■■■■■■■■■■■■■■■■■■■■
 ■  h1 sitename + slogan + 中央中央ブロックのweghtが一番小さいブロックのタイトル
 ■  中央中央ブロック表示(weghtが一番小さいもの以外は、h3でタイトル表示) 初期値:span4

 ■ section id:level_01 ■■■■■■■■■■■■■■■■■■
 ■  h2 左ブロックのweghtが一番小さいブロックのタイトル
 ■  左ブロック表示(weghtが一番小さいもの以外は、h3でタイトル表示) 初期値:span4

 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
 ■ xoopsコンテンツ(指定がある場合) 初期値:span12(横幅一杯に表示)

 ■ section id:level_02 ■■■■■■■■■■■■■■■■■■■
 ■  h2 中央左ブロックのweghtが一番小さいブロックのタイトル
 ■  中央左ブロック表示(weghtが一番小さいもの以外は、h3でタイトル表示) 初期値:span2

 ■ section id:level_03 ■■■■■■■■■■■■■■■■■■■
 ■  h2 中央右ブロックのweghtが一番小さいブロックのタイトル
 ■  中央右ブロック表示(weghtが一番小さいもの以外は、h3でタイトル表示) 初期値:span2

 ■ footer ■■■■■■■■■■■■■■■■■■■■■■■■■■■■
 ■  フッターメニュー
 ■  ブラウザ横幅一杯に右ブロック表示(h3でタイトル表示) 初期値:span2


2、モジュール・ページの場合

 ■ header ■■■■■■■■■■■■■■■■■■■■■■■■■■■
  h1 sitename + slogan + 中央中央ブロックのweghtが一番小さいブロックのタイトル
  中央中央ブロック表示(weghtが一番小さいもの以外は、h3でタイトル表示) 初期値:span4

 (1)左ブロックがある場合
 ■ wrap ■■■■■■■■■■■■■■■■■■■■■■■■■■■■
 ■ 左ブロック ■ ■■■ モジュールコンテンツ ■■■
 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
 (2)左ブロックがない場合
 ■ wrap ■■■■■■■■■■■■■■■■■■■■■■■■■■■■
 ■ モジュールコンテンツ               ■
 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

 ■ section id:level_02 ■■■■■■■■■■■■■■■■■■■
 ■  h2 中央左ブロックのweghtが一番小さいブロックのタイトル
 ■ 中央左ブロック表示(weghtが一番小さいもの以外は、h3でタイトル表示) 初期値:span2

 ■ section id:level_03 ■■■■■■■■■■■■■■■■■■■
 ■ h2 中央右ブロックのweghtが一番小さいブロックのタイトル
 ■ 中央右ブロック表示(weghtが一番小さいもの以外は、h3でタイトル表示) 初期値:span2

 ■ footer ■■■■■■■■■■■■■■■■■■■■■■■■■■■■
 ■ フッターメニュー
 ■ ブラウザ横幅一杯に右ブロック表示(h3でタイトル表示) 初期値:span2

 2(1)の場合、基本2カラム表示であり左ブロックの初期値は span3 となっていますが、weightが一番小さなブロックに [[span4 などの指定がある場合、左ブロック全体を包むdivがそれに応じて広がり、モジュール側のdivが自動調整されるようになっています。つまり、表現力が大幅に向上しているということですね。

 なお、フッターのメニューにはログインなどのリンクを装備しており、jQueryのプラグインを用いて、ポップアップでログインブロックが表示されるようにしています。


======================================================
インストール
======================================================

 このテーマではブロック幅をコントロールするための機能拡張を利用するために専用のプラグインを利用する設定としております。
 プラグインがない場合はエラーとなりますので、必ず導入をお願いします。

 プラグインは、解凍してできあがったフォルダ下にある plugin フォルダの modifier.xoops_blocktitleclass.php と modifier.xoops_blocktitleclassdel.php の2種類です。これをサイトのプラグインディレクトリにコピーしてください。(必須です。)

 また、XOOPSに適切なメタ情報とOGPを付加するカスタマイズを追加しておりますので、common/ogp/ フォルダをサイトの common ディレクトリに追加してください。(必須)

 インストールは通常テーマと同じですが、主要モジュールのテンプレートを本テーマに最適化させるため、テーマ下テンプレートとして同封していますので、できればテーマ下テンプレートが有効となるように設定していただいた方が良いでしょう。(その際、同封のプラグインも利用するようにコピー作業等を行ってください。)

 まずは、解凍してできあがったフォルダの最下層にある「tw_940」をFTPにてサイトのテーマ・ディレクトリへコピーしてください。(場合によっては、/coffee_time/html/themes/tw_940/ のように、解凍したフォルダの階層が深くなっていることもありますので、ご注意ください。html/themes/の下にある tw_940 フォルダをアップロードしてください。)

 次に、以下の手順でテーマ下テンプレート利用のための作業を行ってください。

 完了したら通常のテーマと同様、管理画面の「互換モジュール」「テーマの管理」でこのテーマを使用する設定としてください。


【テーマ下テンプレートが利用可能な場合】

 ご利用になっている xoops がテーマ下テンプレート利用可能な場合は、本テーマディレクトリ下にある 「templates」ディレクトリに収納されたカスタマイズ済みのテンプレートを利用するようになります。
 XOOPS X(Pack2011~)の場合、既にpreloadに「HypXoopsTplHook.class.php」が入っていますので、テーマ下テンプレートが利用可能となっています。(このドキュメント作成現在の最新のHyperCommonFoncを利用している場合、このプリロードは不要です。)

 テーマ下テンプレートを利用する場合、xugj_date や xugj_block を利用しますので、本テーマ下の「up/plugin」フォルダに収納されている modifier.xugj_date.php と function.xugj_block.php をFTPにてサイトの「plugin」ディレクトリにコピーしてください。(既に存在する場合は不要)

 「plugin」ディレクトリは、XCL2.1x と XCL2.2 では場所が違うのでご注意ください。
   XCL2.1xの場合 /XOOPS_ROOT_PATH/class/smarty/plugins/
   XCL2.2の場合  /XOOPS_TRUST_PATH/libs/smarty/plugins/ または
           /XOOPS_TRUST_PATH/libs/smartyplugins/ (preload「HdXoopsTplHook.class.php」または「HypXoopsTplHook.class.php」を使っている場合、このディレクトリが優先となります。最新のHyperCommonFoncを利用している場合は、同モジュールにて読み込み順の設定等が可能となっています。)


【テーマ下テンプレートが利用できない場合】

 このドキュメント作成現在の最新のHyperCommonFoncを利用している場合、この作業は不要です。

 もし、テーマ下テンプレートを利用できない環境の場合、本テーマ下の「up/preload」フォルダにある HdXoopsTplHook.class.php をFTPにてサイトの「preload」ディレクトリに、本テーマ下の「up/plugin」フォルダにある resource.db.php をサイトの「plugin」ディレクトリにそれぞれコピーしてください。
 なお、XOOPS X(Pack2011~)の場合、既にpreloadに「HypXoopsTplHook.class.php」が入っていますので、この作業は不要です。(「HypXoopsTplHook.class.php」は、「HdXoopsTplHook.class.php」の機能を最新版にしたものです。)

 詳細はこちらを参照して下さい。
  http://xoops.peak.ne.jp/md/news/index.php?page=article&storyid=450


【テーマ下テンプレート利用可能だが、本テーマのテーマ下テンプレートを使いたくない場合】

 逆に、本テーマ下のテンプレートを使いたくない場合は、テーマ下にある「templates」ディレクトリを削除してください。ただし、webphotoモジュール使用時のギャラリー表示などはできなくなります。

■理由:テーマ下テンプレート利用可能なxoops(HDやXOOPS X(Pack2011~)など)では、次の優先順位でテンプレートを読み込むため
 1 テーマ下テンプレート
 2 現在ActiveなDBテンプレート
 3 Default(DB)テンプレート

テンプレートを変更しようとして、Altsysで「現在ActiveなDBテンプレート」をいくら修正しても、テーマ下テンプレートがある場合はそちらが優先されてしまうということに注意が必要です。


【prettyPhotoを利用する場合】
 このテーマでは、jQuery のプラグインである prettyPhoto を利用するとお洒落なポップアップ画像表示ができるように設定しています。

 ご利用になるには、同封している jQuery_Pretty.class.php をサイトのプリロードディレクトリにアップロードしてください。
 xcl2.2の場合は、xoopsのcommonディレクトリに jQuery と一緒に prettyPhoto が入っていると思いますので、それで作動すると思います。もし、commonディレクトリに prettyPhoto がない場合は、このテーマに同封しているものをアップロードしてください。

 利用しているプリロードはdomifaraさん作のもので、最新のものは次のurlとなります。(domifaraさん、感謝します。)
   http://xodomifara.lolipop.jp/doxo/modules/d3downloads/index.php?page=singlefile&cid=3&lid=67


【webphotoの利用について】
 webphotoでprettyPhotoを利用する場合、webphotoの一般設定画面にて、次の設定を行ってください。
  PopBoxを使用する 「いいえ」
 LightBoxを使用する「いいえ」

 一般設定画面にて設定する各種画像の大きさはデフォルトを想定しています。
 一覧表示の表示タイプは、「テーブル表示」「説明文付きリスト表示」のいずれでも prettyPhoto が動作するように設定していますが、テーブル表示を選択した場合、テーブルではなく div(ボックス)を利用した表示としており、画面幅に応じてボックスが並ぶように設定していますので、テーブル表示時のカラム数欄の数値は意味をなしません。

 なお、このテーマでは、webphotoモジュールを「webphoto」ディレクトリ名にて利用する場合を想定して、テンプレート等の設定を行っています。もし、違うディレクトリ名でご利用の場合は、別途カスタマイズが必要となりますので、ご了承ください。


======================================================
カスタマイズ
======================================================

【メニュー表示項目の変更】

 このテーマでは、xugj_assign_phpを用いたメニュー表示を行いますが、インストールして初回表示した時に、メインメニュー表示する設定となっているメニュー項目を自動で引用してきます。(表示用のキャッシュファイルを自動作成して利用)

 従って、モジュールの管理にてモジュールの表示名を変えたり、並び順を「0」として非表示指定した場合でも、テーマのメニュー表示は以前作成したキャッシュファイルを利用することから、変更した表示となりません。

 そのような場合、FTPソフトを使って、cacheディレクトリ内の theme_trend_menus_****.php を削除してください。再度、サイトを表示した際に、新しくメニュー用のキャッシュファイルが自動生成されます。

 なお、domifaraさん作成の「xugjメニューキャッシュリフレシュ 管理画面モジュール」を利用すると、FTPソフトを使わずにキャッシュファイルの削除ができるので、便利だと思います。(domifaraさん、ありがとうございます。)
  http://xodomifara.lolipop.jp/doxo/modules/d3downloads/index.php?cid=2


【色合いの調整等】

 本格的な調整は、TwitterBootstrapのcssを修正する必要があります。
 TwitterBootstrapのcssについては、オリジナルをそのまま採用していますので、当該サイトにおけるカスタマイズや関連サイトで紹介されている設定変更方法などを参照してください。

 なお、本テーマについては、sectionなどオリジナルな部分を追加しておりますので、それらについては同封の colors.css を修正することで、簡単に背景色などの変更を行うことが出来るように設定しております。是非ともお試し下さい。


==================================================================================
利用拒否について
==================================================================================

 違法行為を行っているサイト、公序良俗に反するサイトでの利用は、お断り申し上げます。


==================================================================================
連絡先
==================================================================================

  http://xoops123.com/modules/liaise/


======================================================
バージョンアップ履歴
======================================================

2012-7-11 ver0.1
 とりあえず公開してみる。
2012-7-14 ver0.1a
 metaタグ、ogpタグを適正配置する機能を追加しました。
2012-9-15 ver0.11
 テーマ下テンプレート修正(リッチエディタ対応)
 d3forumのページナビにも対応
2012-10-7 ver0.12
 表示幅を狭めた際にメニューが出なかったバグ修正など
2014-3-29 ver0.13
 テーマディレクトリにreadme.txtを追加


======================================================
お願い
======================================================

 できましたら、当方のサイト掲示板(ご訪問帳)に何か書き込んでいただけると嬉しいです~m(_ _)m
   http://xoops123.com/modules/d3forum/?forum_id=1




ダウンロード数 326   ファイルサイズ 896.00 KB   利用可能なOS/ソフト等 XOOPS Cube Legacy 2.1x | XOOPS Cube Legacy 2.2x   ライセンス MIT   ホームページ Xoops123

利用について  このテーマは、MIT ライセンスです。ご自由に改変するなどしてご利用ください。
 なお、TwitterBootstrapのcssについては、Apache2ライセンスとなっておりますので、留意願います。

 なお、雑誌・書籍への掲載の場合には、あらかじめ当サイト管理人へご一報いただけると嬉しいです。
  連絡先:http://xoops123.com/modules/liaise/
| ファイル破損/リンク切れを報告 |  友達に伝える |  コメント (0)

カテゴリ PC用
Twitter Bootstrap 採用テーマ tw_basic for multimenu 人気ダウンロード情報
バージョン: 0.15   掲載日:  2017/3/31
説明
【テーマ名 】 tw_basic_m
【作 成 者】 marine / mistgreen
【動作 環境】 XOOPS Cube Legacy 2.1x (HD1.04)、2.2
【ライセンス】 MIT
【公 開 日 】 2012-10-7

======================================================
説明(概要)
======================================================

 HTML5+TwitterBootstrap採用のXCL2.1x(HD1.04)・XCL2.2用テーマです。PCでもiPhone 等のスマートフォンでも使えます。

 XOOPSらしい3カラムのテーマですが、ブロックの配置により1カラム~3カラムに変化します。また、閲覧環境に応じて柔軟に各カラムの幅が切り替わり、ブラウザの表示幅が480pxより狭くなると1カラムデザインとなるなど、表示環境に応じてページレイアウトを切り替えるレスポンシブ・ウェブデザイン(Responsive Web Design )となっています。
 ヘッダーには、xugj_assign プラグインを利用して、インストールされたモジュールに対応するメニューバーを自動表示するようにしています。(簡単な設定変更で、マルチメニューを表示させることも可能)
 また、フッターにユーザーメニュー項目も自動表示するので、xoopsの互換モジュールである「メインメニュー」「ユーザーメニュー」を利用しない運用が可能となっています。

 このテーマについては MIT ライセンスとさせていただきます。(TwitterBootstrapについては、Apache2ライセンス)
 


======================================================
説明(詳細)
======================================================

 とりあえず、utf8とeucのlanguageファイルは用意しましたが、HTML5ということで utf8ベースで動作すると思います。eucでの動作は確認していません。

 メニューは、ヘッダ部分にマルチメニュー表示する設定となっています。
 また、theme.htmlを少し修正するとxugjメニューを利用することもできます。

 xugjメニューは、Xoops Users Group Japan(XUGJ) で GIJOEさんが提唱された xugj_assign.php を利用したメニューです。 通常のメインメニューに表示されるのと同じ項目が自動で表示されるので、メニューの項目を編集する必要もありません。
  http://www.xugj.org/modules/d3forum/index.php?topic_id=125

 なお、同封しているものは、オリジナルの xugj_assign.php から少し変更しているので、xugj_assign_theme.php という名称に変更しています。

 XCL2.2では、デフォルトで google code から jQuery を読み込むようになっていますが、ネット環境にない場合などを想定して、 google code から読み込めない場合には、ローカルにある jquery.js を読み込むようにしています。
 domifaraさん、ありがとうございます。


【画面表示について】

 このテーマは、TwitterBootstrapのcssを採用しています。
 また、メディア・クエリ(Media Queries)を利用して、表示するデバイス(ブラウザ)の画面幅によりスタイル(CSS)の切替を行います。最大表示幅は1200pxでブラウザの幅を縮めるとそれに応じて横幅が狭まったりします。


======================================================
インストール
======================================================

 まずは、解凍してできあがったフォルダの最下層にある「tw_basic_m」をFTPにてサイトのテーマ・ディレクトリへコピーしてください。(場合によっては、/coffee_time/html/themes/tw_basic_m/ のように、解凍したフォルダの階層が深くなっていることもありますので、ご注意ください。html/themes/の下にある tw_basic_m フォルダをアップロードしてください。)

 d3pipesの同期ブロックを利用する場合は、xugj_dateプラグインを使いますので、サイトのプラグインディレクトリにコピーしてください。
「plugin」ディレクトリは、XCL2.1x と XCL2.2 では場所が違うのでご注意ください。
   XCL2.1xの場合 /XOOPS_ROOT_PATH/class/smarty/plugins/
   XCL2.2の場合  /XOOPS_TRUST_PATH/libs/smarty/plugins/ または
           /XOOPS_TRUST_PATH/libs/smartyplugins/
(preload「HdXoopsTplHook.class.php」または「HypXoopsTplHook.class.php」を使っている場合、このディレクトリが優先となります。)


======================================================
カスタマイズ
======================================================

【メニュー表示項目の変更】

○マルチメニューを利用する場合
 マルチメニューをインストールして設定完了すると、ヘッダトップにメニューを表示することができます。

○xugjメニューの場合
 theme.htmlの63行目にメニューに関する記述がありますので、xugjメニューを利用する場合は
  <{include file="`$xoops_theme`/multi_menu.html"}>
部分の記述を
  <{include file="`$xoops_theme`/xugj_menu.html"}>
に変更してください。

 このテーマでは、xugj_assign_phpを用いたメニュー表示を行いますが、インストールして初回表示した時に、メインメニュー表示する設定となっているメニュー項目を自動で引用してきます。(表示用のキャッシュファイルを自動作成して利用)

 従って、モジュールの管理にてモジュールの表示名を変えたり、並び順を「0」として非表示指定した場合でも、テーマのメニュー表示は以前作成したキャッシュファイルを利用することから、変更した表示となりません。

 そのような場合、FTPソフトを使って、cacheディレクトリ内の theme_trend_menus_****.php を削除してください。再度、サイトを表示した際に、新しくメニュー用のキャッシュファイルが自動生成されます。

 なお、domifaraさん作成の「xugjメニューキャッシュリフレシュ 管理画面モジュール」を利用すると、FTPソフトを使わずにキャッシュファイルの削除ができるので、便利だと思います。(domifaraさん、ありがとうございます。)
  http://xoops123.com/modules/d3downloads/index.php?page=singlefile&cid=10&lid=66


【色合いの調整等】

 本格的な調整は、TwitterBootstrapのcssを修正する必要があります。
 TwitterBootstrapのcssについては、オリジナルをそのまま採用していますので、当該サイトにおけるカスタマイズや関連サイトで紹介されている設定変更方法などを参照してください。

======================================================
バージョンアップ履歴
======================================================

2012-10-7 ver0.1
 とりあえず公開してみる。
2012-10-14 ver0.11
 IEでデザイン崩れが出ていたのを改修。
2012-10-16 ver0.12
 bootstrap.min.js、bootstrap.min.cssを利用する設定とした。
 IEの互換表示アイコンが出ない設定とした。
 xugjメニューとマルチメニューを選択表示可能とした。(デフォルトはxugjメニュー)
 サブメニューをドロップダウンできるようにした。
2012-10-16 ver0.13
 style.cssを調整
2012-10-16 ver0.14
style.cssを再調整
 パンくずリストをtwitterbootstrapの様式に合わせた。
 テキストエリアの調整と自動で伸びる機能を付加(jQueryプラグイン)
 d3pipesの同期ブロックのみテーマ下テンプレート付けた(xugj_dateプラグイン同梱)
2014-3-29 ver0.15
 テーマディレクトリにreadme.txtを追加

ダウンロード数 335   ファイルサイズ 380.00 KB   利用可能なOS/ソフト等 XOOPS Cube Legacy 2.2x   ライセンス MIT   ホームページ Xoops123

利用について  このテーマは、MIT ライセンスです。ご自由に改変するなどしてご利用ください。
 なお、TwitterBootstrapのcssについては、Apache2ライセンスとなっておりますので、留意願います。

 違法行為を行っているサイト、公序良俗に反するサイトでの利用は、お断り申し上げます。

 なお、雑誌・書籍への掲載の場合には、あらかじめ当サイト管理人へご一報いただけると嬉しいです。
  連絡先:http://xoops123.com/modules/liaise/
利用拒否について  違法行為を行っているサイト、公序良俗に反するサイトでの利用は、お断り申し上げます。
連絡先   http://xoops123.com/modules/liaise/
お願い  できましたら、当方のサイト掲示板(ご訪問帳)に何か書き込んでいただけると嬉しいです~m(_ _)m
   http://xoops123.com/modules/d3forum/?forum_id=1
| ファイル破損/リンク切れを報告 |  友達に伝える |  コメント (2)

カテゴリ PC用
冬を感じるテーマ snowland 人気ダウンロード情報
バージョン: 0.84   掲載日:  2017/3/31
説明

【テーマ名 】 snowland
【作 成 者】 marine / mistgreen
【動作 環境】 XOOPS Cube Legacy 2.2
【ライセンス】 MIT
【公 開 日 】 2012-12-31

snowland_screenshot_L.jpg

説明(概要)

 クリスマス向けテーマ x-mas を更に発展させて、3カラム対応としたテーマです。x-masに続いて冬らしいデザインとした、PCでもiPhone 等のスマートフォンでも使える XCL2.2用テーマです。HTML5で作成しています。
 閲覧環境に応じて、柔軟にページレイアウトを切り替えるレスポンシブ・ウェブデザイン(Responsive Web Design )を採用。Xoops Cube Legacy 2.2 で動作確認しました。

 

 ヘッダー画像下には、xugj_assign プラグインを利用して、インストールされたモジュールに対応するメニューバーを自動表示するようにしています。
 また、フッターにユーザーメニュー項目も自動表示するので、xoopsの互換モジュールである「メインメニュー」「ユーザーメニュー」を利用しない運用が可能となっています。

 このテーマについては MIT ライセンスとさせていただきます。

説明(詳細)

 とりあえず、utf8とeucのlanguageファイルは用意しましたが、HTML5ということで utf8ベースで動作すると思います。eucでの動作は確認していません。

 メニューは、Xoops Users Group Japan(XUGJ) で GIJOEさんが提唱された xugj_assign.php を利用したメニューを採用しています。通常のメインメニューに表示されるのと同じ項目が自動で表示されるので、メニューの項目を編集する必要もありません。
  http://www.xugj.org/modules/d3forum/index.php?topic_id=125

 なお、同封しているものは、オリジナルの xugj_assign.php から少し変更しているので、xugj_assign_theme.php という名称に変更しています。

 jQuery.js + jquery.jgrowlプラグインを利用して、画面遷移せずにリダイレクト表示できるので、スピーディーでセンスの良い表示が可能となっています。 なお、本テーマには、domifaraさん作成のphpファイルによるインクルード方法を用いております。domifaraさん、ありがとうございます。(javascriptオフ時には、リダイレクトの文字などがボックス表示されます。)

 jQueryについては、domifaraさんによるXCL2.2対応措置がとられており、jQueryの二重読み込み防止や他のjavascriptとのバッティングを可能な限り避ける仕組みが用いられております。 (xugj_already_js.php をXCL2.1対応版に差し替えております。)

画面表示について

 このテーマでは、メディア・クエリ(Media Queries)を利用して、表示するデバイス(ブラウザ)の画面幅によりスタイル(CSS)の切替を行います。

 基本は、左カラム・中央カラム・右カラムの3カラム表示となっており、980pxにブラウザの幅を縮めるとそれに応じて2カラムに切り替わり、さらにデバイスの幅が480px以下になると1カラム表示に切り替わります。

 ヘッダー画像下のメニューバーは、スクロールすると自動でトップにFIXするようにしています。また、検索窓をクリックするとキーワード入力部が横に広がるギミックも装備してみました。(jQuery利用)

 なお、中央・中央カラムについては、表示順設定に応じて、トップとコンテンツ下やフッターに幅一杯にボックス表示したり、幅全体を使ってボックスを横に並べて表示することができます。
 さらに、中央中央カラムの表示順を4000以上にすると、スクロールしてページの一番下に来たときに丸いボックスで表示するようにしています。(1個だけ表示)

かなり細かな表示設定が可能となってますので、詳しい表示ロジックについては、同封の layout.jpg をご覧下さい。
layout_snowland.jpg

インストール

 インストールは通常テーマと同じです。
 プラスアルファとして、テーマ下テンプレートを利用して、主要モジュールのテンプレートを本テーマに最適化させ、テーマ下テンプレートとして利用する設定を行っています。

 まずは、解凍してできあがったフォルダ「snowland」をFTPにてサイトのテーマ・ディレクトリへコピーしてください。(場合によっては、解凍したフォルダの階層が深くなっていることもありますので、ご注意ください。)

 完了したら通常のテーマと同様、管理画面の「互換モジュール」「テーマの管理」でこのテーマを使用する設定としてください。

カスタマイズ

メニュー表示項目の変更

 このテーマでは、xugj_assign_phpを用いたメニュー表示を行いますが、インストールして初回表示した時に、メインメニュー表示する設定となっているメニュー項目を自動で引用してきます。(表示用のキャッシュファイルを自動作成して利用)

 従って、モジュールの管理にてモジュールの表示名を変えたり、並び順を「0」として非表示指定した場合でも、テーマのメニュー表示は以前作成したキャッシュファイルを利用することから、変更した表示となりません。

 そのような場合、FTPソフトを使って、cacheディレクトリ内の theme_****_menus_****.php を削除してください。再度、サイトを表示した際に、新しくメニュー用のキャッシュファイルが自動生成されます。

 なお、domifaraさん作成の「xugjメニューキャッシュリフレシュ 管理画面モジュール」を利用すると、FTPソフトを使わずにキャッシュファイルの削除ができるので、便利です。(domifaraさん、ありがとうございます。)
  http://xoops123.com/modules/d3downloads/index.php?page=singlefile&cid=10&lid=66

 XoopsXをご利用の場合は、X-updateモジュールで「xugjメニューキャッシュリフレシュ」モジュールをインストールすることが可能となっています。是非ともご利用下さい。

バージョンアップ履歴

2012-12-31 ver0.82
 とりあえず公開してみる。
2014-3-29 ver0.83
 テーマディレクトリにreadme.txtを追加
2015-7-26 ver0.84
 nao-ponさんによる改良機能を追加しました。(nao-ponさん、ありがとうございました。)
 ・position: fixed で場面上部に張り付く時は1行分だけ表示
 ・その表示範囲は、カレントモジュールのメニューが表示される位置
 ・1行表示の時にマウスオーバーすると、ちょっと間を置いて広げて全部表示
 ・マウスカーソルを外すと、ちょっと間を置いて1行表示に戻る
 ・検索ボックスの下にメニューが隠れないように
 ・メニューボックスが、上部固定モードに切り替わる時、メニューボックスの高さ分 body 要素の表示位置が上へずれるのを防止  
   http://xoops.hypweb.net/modules/UsersWiki/person/nao-pon/blog/2015-04-17-1


ダウンロード数 345   ファイルサイズ 432.00 KB   利用可能なOS/ソフト等 XOOPS Cube Legacy 2.2x   ライセンス MIT   ホームページ Xoops123

利用について  このテーマは、MIT ライセンスです。ご自由に改変するなどしてご利用ください。

 なお、雑誌・書籍への掲載の場合には、あらかじめ当サイト管理人へご一報いただけると嬉しいです。
  連絡先:http://xoops123.com/modules/liaise/
お願い  できましたら、当方のサイト掲示板(ご訪問帳)に何か書き込んでいただけると嬉しいです~m(_ _)m
   http://xoops123.com/modules/d3forum/?forum_id=1
| ファイル破損/リンク切れを報告 |  友達に伝える |  コメント (0)