プラグインを利用して、インストールされたモジュールに対応するメニューバーを自動表示するようにしています。フッターにユーザーメニュー項目も自動表示するので、xoopsの互換モジュールである「メインメニュー」「ユーザーメニュー」を利用しない運用が可能となっています。ライセンスとさせていただきます。utf8ベースで動作すると思います。eucでの動作は確認していません。利用したメニューを採用しています。通常のメインメニューに表示されるのと同じ項目が自動で表示されるので、メニューの項目を編集する必要もありません。いう名称に変更しています。jquery.jgrowlプラグインを利用して、画面遷移せずにリダイレクト表示できるので、スピーディーでセンスの良い表示が可能となっています。本テーマには、domifaraさん作成のphpファイルによるインクルード方法を用いております。domifaraさん、ありがとうございます。(javascriptオフ時には、リダイレクトの文字などがボックス表示されます。)jQueryについては、domifaraさんによるXCL2.2対応措置がとられており、jQueryの二重読み込み防止や他のjavascriptとのバッティングを可能な限り避ける仕組みが用いられております。XCL2.1対応版に差し替えております。Queries)を利用して、表示するデバイス(ブラウザ)の画面幅によりスタイル(CSS)の切替を行います。基本は、左メイン・右サイドカラムの2カラム表示となっており、最大表示幅は980pxでブラウザの幅を縮めるとそれに応じて横幅が狭まり、デバイスの幅が480px以下になると1カラム表示に切り替わります。中央・中央カラムについては、表示順設定に応じて、トップとボットムに幅一杯にボックス表示することができます。ヘッダー画像下のメニューバーは、スクロールすると自動でトップにFIXするようにしています。検索窓をクリックするとキーワード入力部が横に広がるギミックも装備してみました。(jQuery利用)===================================インストール===================================インストールは通常テーマと同じです。プラスアルファとして、テーマ下テンプレートを利用して、主要モジュールのテンプレートを本テーマに最適化させ、テーマ下テンプレートとして利用する設定を行っています。解凍してできあがったフォルダ「x-mas」をFTPにてサイトのテーマ・ディレクトリへコピーしてください。(場合によっては、解凍したフォルダの階層が深くなっていることもありますので、ご注意ください。)完了したら通常のテーマと同様、管理画面の「互換モジュール」「テーマの管理」でこのテーマを使用する設定としてください。===================================カスタマイズ===================================【メニュー表示項目の変更】このテーマでは、xugj_assign_phpを用いたメニュー表示を行いますが、インストールして初回表示した時に、メインメニュー表示する設定となっているメニュー項目を自動で引用してきます。(表示用のキャッシュファイルを自動作成して利用)従って、モジュールの管理にてモジュールの表示名を変えたり、並び順を「0」として非表示指定した場合でも、テーマのメニュー表示は以前作成したキャッシュファイルを利用することから、変更した表示となりません。再度、サイトを表示した際に、新しくメニュー用のキャッシュファイルが自動生成されます。管理画面モジュール」を利用すると、FTPソフトを使わずにキャッシュファイルの削除ができるので、便利だと思います。(domifaraさん、ありがとうございます。ver0.81とりあえず公開してみる。ご自由に改変するなどしてご利用ください。雑誌・書籍への掲載の場合には、あらかじめ当サイト管理人へご一報いただけると嬉しいです。2012-10-7======================================================説明(概要)======================================================HTML5+TwitterBootstrap採用のXCL2.1x(HD1.04)・XCL2.2用テーマです。等のスマートフォンでも使えます。XOOPSらしい3カラムのテーマですが、ブロックの配置により1カラム~3カラムに変化します。プラグインを利用して、インストールされたモジュールに対応するメニューバーを自動表示するようにしています。(簡単な設定変更で、マルチメニューを表示させることも可能)また、フッターにユーザーメニュー項目も自動表示するので、xoopsの互換モジュールである「メインメニュー」「ユーザーメニュー」を利用しない運用が可能となっています。ライセンスとさせていただきます。utf8ベースで動作すると思います。eucでの動作は確認していません。メニューは、ヘッダ部分にマルチメニュー表示する設定となっています。theme.htmlを少し修正するとxugjメニューを利用することもできます。利用したメニューです。通常のメインメニューに表示されるのと同じ項目が自動で表示されるので、メニューの項目を編集する必要もありません。いう名称に変更しています。読み込むようにしています。domifaraさん、ありがとうございます。【画面表示について】このテーマは、TwitterBootstrapのcssを採用しています。Queries)を利用して、表示するデバイス(ブラウザ)の画面幅によりスタイル(CSS)の切替を行います。最大表示幅は1200pxでブラウザの幅を縮めるとそれに応じて横幅が狭まったりします。======================================================インストール======================================================まずは、解凍してできあがったフォルダの最下層にある「tw_basic_m」をFTPにてサイトのテーマ・ディレクトリへコピーしてください。ように、解凍したフォルダの階層が深くなっていることもありますので、ご注意ください。フォルダをアップロードしてください。)d3pipesの同期ブロックを利用する場合は、xugj_dateプラグインを使いますので、サイトのプラグインディレクトリにコピーしてください。場所が違うのでご注意ください。/XOOPS_TRUST_PATH/libs/smartyplugins/(preload「HdXoopsTplHook.class.php」または「HypXoopsTplHook.class.php」を使っている場合、このディレクトリが優先となります。○マルチメニューを利用する場合マルチメニューをインストールして設定完了すると、ヘッダトップにメニューを表示することができます。file="`$xoops_theme`/xugj_menu.html"}>に変更してください。このテーマでは、xugj_assign_phpを用いたメニュー表示を行いますが、インストールして初回表示した時に、メインメニュー表示する設定となっているメニュー項目を自動で引用してきます。(表示用のキャッシュファイルを自動作成して利用)従って、モジュールの管理にてモジュールの表示名を変えたり、並び順を「0」として非表示指定した場合でも、テーマのメニュー表示は以前作成したキャッシュファイルを利用することから、変更した表示となりません。再度、サイトを表示した際に、新しくメニュー用のキャッシュファイルが自動生成されます。管理画面モジュール」を利用すると、FTPソフトを使わずにキャッシュファイルの削除ができるので、便利だと思います。(domifaraさん、ありがとうございます。本格的な調整は、TwitterBootstrapのcssを修正する必要があります。TwitterBootstrapのcssについては、オリジナルをそのまま採用していますので、当該サイトにおけるカスタマイズや関連サイトで紹介されている設定変更方法などを参照してください。ver0.1とりあえず公開してみる。ver0.11IEでデザイン崩れが出ていたのを改修。ver0.12bootstrap.min.js、bootstrap.min.cssを利用する設定とした。IEの互換表示アイコンが出ない設定とした。xugjメニューとマルチメニューを選択表示可能とした。(デフォルトはxugjメニュー)サブメニューをドロップダウンできるようにした。ver0.14style.cssを再調整パンくずリストをtwitterbootstrapの様式に合わせた。ご自由に改変するなどしてご利用ください。TwitterBootstrapのcssについては、Apache2ライセンスとなっておりますので、留意願います。違法行為を行っているサイト、公序良俗に反するサイトでの利用は、お断り申し上げます。雑誌・書籍への掲載の場合には、あらかじめ当サイト管理人へご一報いただけると嬉しいです。違法行為を行っているサイト、公序良俗に反するサイトでの利用は、お断り申し上げます。2012-10-17======================================================説明(概要)======================================================HTML5+TwitterBootstrap採用のXCL2.1x(HD1.04)・XCL2.2用テーマです。等のスマートフォンでも使えます。XOOPSらしい3カラムのテーマですが、ブロックの配置により1カラム~3カラムに変化します。プラグインを利用して、インストールされたモジュールに対応するメニューバーを自動表示するようにしています。(簡単な設定変更で、マルチメニューを表示させることも可能)また、フッターにユーザーメニュー項目も自動表示するので、xoopsの互換モジュールである「メインメニュー」「ユーザーメニュー」を利用しない運用が可能となっています。色合い設定用のファイルを用意して、簡単に変更できる仕組みを追加してしてみました。ライセンスとさせていただきます。utf8ベースで動作すると思います。eucでの動作は確認していません。利用したメニューを採用しています。通常のメインメニューに表示されるのと同じ項目が自動で表示されるので、メニューの項目を編集する必要もありません。いう名称に変更しています。読み込むようにしています。domifaraさん、ありがとうございます。【画面表示について】このテーマは、TwitterBootstrapのcssを採用しています。Queries)を利用して、表示するデバイス(ブラウザ)の画面幅によりスタイル(CSS)の切替を行います。最大表示幅は1200pxでブラウザの幅を縮めるとそれに応じて横幅が狭まったりします。======================================================インストール======================================================まずは、解凍してできあがったフォルダの最下層にある「tw_responsive」をFTPにてサイトのテーマ・ディレクトリへコピーしてください。ように、解凍したフォルダの階層が深くなっていることもありますので、ご注意ください。フォルダをアップロードしてください。)d3pipesの同期ブロックを利用する場合は、xugj_dateプラグインを使いますので、サイトのプラグインディレクトリにコピーしてください。場所が違うのでご注意ください。/XOOPS_TRUST_PATH/libs/smartyplugins/(preload「HdXoopsTplHook.class.php」または「HypXoopsTplHook.class.php」を使っている場合、このディレクトリが優先となります。○xugjメニューの場合このテーマでは、xugj_assign_phpを用いたメニュー表示を行いますが、インストールして初回表示した時に、メインメニュー表示する設定となっているメニュー項目を自動で引用してきます。(表示用のキャッシュファイルを自動作成して利用)従って、モジュールの管理にてモジュールの表示名を変えたり、並び順を「0」として非表示指定した場合でも、テーマのメニュー表示は以前作成したキャッシュファイルを利用することから、変更した表示となりません。再度、サイトを表示した際に、新しくメニュー用のキャッシュファイルが自動生成されます。管理画面モジュール」を利用すると、FTPソフトを使わずにキャッシュファイルの削除ができるので、便利だと思います。(domifaraさん、ありがとうございます。file="`$xoops_theme`/multi_menu.html"}>に変更してください。してまとめてみました。この中の記述を変更すると、色合いの調整を行うことが可能となっています。下記の記述のように、phpで色を定義しておりますので、各々色に該当するコードを変更すると必要箇所に反映されるようになっています。hover?>なお、全てを変更する場合は、TwitterBootstrapのcssを修正する必要があります。TwitterBootstrapのcssについては、オリジナルをそのまま採用していますので、当該サイトにおけるカスタマイズや関連サイトで紹介されている設定変更方法などを参照してください。ver0.1とりあえず公開してみる。ver0.11IEでデザイン崩れが出ていたのを改修。ver0.12bootstrap.min.js、bootstrap.min.cssを利用する設定とした。IEの互換表示アイコンが出ない設定とした。xugjメニューとマルチメニューを選択表示可能とした。(デフォルトはxugjメニュー)サブメニューをドロップダウンできるようにした。ver0.14style.cssを再調整パンくずリストをtwitterbootstrapの様式に合わせた。ご自由に改変するなどしてご利用ください。TwitterBootstrapのcssについては、Apache2ライセンスとなっておりますので、留意願います。違法行為を行っているサイト、公序良俗に反するサイトでの利用は、お断り申し上げます。雑誌・書籍への掲載の場合には、あらかじめ当サイト管理人へご一報いただけると嬉しいです。違法行為を行っているサイト、公序良俗に反するサイトでの利用は、お断り申し上げます。2012-10-7======================================================説明(概要)======================================================HTML5+TwitterBootstrap採用のXCL2.1x(HD1.04)・XCL2.2用テーマです。等のスマートフォンでも使えます。XOOPSらしい3カラムのテーマですが、ブロックの配置により1カラム~3カラムに変化します。プラグインを利用して、インストールされたモジュールに対応するメニューバーを自動表示するようにしています。(簡単な設定変更で、マルチメニューを表示させることも可能)また、フッターにユーザーメニュー項目も自動表示するので、xoopsの互換モジュールである「メインメニュー」「ユーザーメニュー」を利用しない運用が可能となっています。ライセンスとさせていただきます。utf8ベースで動作すると思います。eucでの動作は確認していません。利用したメニューを採用しています。通常のメインメニューに表示されるのと同じ項目が自動で表示されるので、メニューの項目を編集する必要もありません。いう名称に変更しています。【画面表示について】このテーマは、TwitterBootstrapのcssを採用しています。Queries)を利用して、表示するデバイス(ブラウザ)の画面幅によりスタイル(CSS)の切替を行います。最大表示幅は1200pxでブラウザの幅を縮めるとそれに応じて横幅が狭まったりします。======================================================インストール======================================================まずは、解凍してできあがったフォルダの最下層にある「tw_basic」をFTPにてサイトのテーマ・ディレクトリへコピーしてください。ように、解凍したフォルダの階層が深くなっていることもありますので、ご注意ください。フォルダをアップロードしてください。)d3pipesの同期ブロックを利用する場合は、xugj_dateプラグインを使いますので、サイトのプラグインディレクトリにコピーしてください。場所が違うのでご注意ください。/XOOPS_TRUST_PATH/libs/smartyplugins/(preload「HdXoopsTplHook.class.php」または「HypXoopsTplHook.class.php」を使っている場合、このディレクトリが優先となります。○xugjメニューの場合このテーマでは、xugj_assign_phpを用いたメニュー表示を行いますが、インストールして初回表示した時に、メインメニュー表示する設定となっているメニュー項目を自動で引用してきます。(表示用のキャッシュファイルを自動作成して利用)従って、モジュールの管理にてモジュールの表示名を変えたり、並び順を「0」として非表示指定した場合でも、テーマのメニュー表示は以前作成したキャッシュファイルを利用することから、変更した表示となりません。再度、サイトを表示した際に、新しくメニュー用のキャッシュファイルが自動生成されます。管理画面モジュール」を利用すると、FTPソフトを使わずにキャッシュファイルの削除ができるので、便利だと思います。(domifaraさん、ありがとうございます。file="`$xoops_theme`/multi_menu.html"}>に変更してください。本格的な調整は、TwitterBootstrapのcssを修正する必要があります。TwitterBootstrapのcssについては、オリジナルをそのまま採用していますので、当該サイトにおけるカスタマイズや関連サイトで紹介されている設定変更方法などを参照してください。ver0.1とりあえず公開してみる。ver0.11IEでデザイン崩れが出ていたのを改修。ver0.12bootstrap.min.js、bootstrap.min.cssを利用する設定とした。IEの互換表示アイコンが出ない設定とした。xugjメニューとマルチメニューを選択表示可能とした。(デフォルトはxugjメニュー)サブメニューをドロップダウンできるようにした。ver0.14style.cssを再調整パンくずリストをtwitterbootstrapの様式に合わせた。ご自由に改変するなどしてご利用ください。TwitterBootstrapのcssについては、Apache2ライセンスとなっておりますので、留意願います。違法行為を行っているサイト、公序良俗に反するサイトでの利用は、お断り申し上げます。雑誌・書籍への掲載の場合には、あらかじめ当サイト管理人へご一報いただけると嬉しいです。違法行為を行っているサイト、公序良俗に反するサイトでの利用は、お断り申し上げます。2012-9-10======================================================説明(概要)======================================================HTML5+TwitterBootstrap採用のXCL2.1x(HD1.04)・XCL2.2用テーマです。等のスマートフォンでも使えます。)、横幅940pxで12分割のグリッドシステムを採用しているので、自由な画面レイアウトが可能となっています。TwitterBootstrapのページにてcssをカスタマイズしてそれを導入することも可能です。トップページについては、Appleライクな画像スライダーを装備しました。(下記サイトの素晴らしいjQueryプラグインを利用させていただきました。サイトのプラグインディレクトリにコピーしてください。)構造が通常のテーマとは全く異なっておりますので、ご利用の際は構造を理解のうえ、ブロック配置を行ってください。プラグインを利用して、インストールされたモジュールに対応するメニューバーを自動表示するようにしています。フッターにユーザーメニュー項目も自動表示するので、xoopsの互換モジュールである「メインメニュー」「ユーザーメニュー」を利用しない運用が可能となっています。ライセンスとさせていただきます。MIT/GPLデュアルライセンス。TwitterBootstrapについては、Apache2ライセンス)また、このテーマには、XOOPSに適切なメタ情報とOGPを付加するカスタマイズを追加していますので、同封のファイル群を指定したディレクトリにコピーしてご利用ください。(下記インストール参照)なお、カスタマイズの詳細については下記ページをご覧ください。utf8ベースで動作すると思います。eucでの動作は確認していません。利用したメニューを採用しています。通常のメインメニューに表示されるのと同じ項目が自動で表示されるので、メニューの項目を編集する必要もありません。いう名称に変更しています。jquery.jgrowlプラグインを利用して、画面遷移せずにリダイレクト表示できるので、スピーディーでセンスの良い表示が可能となっています。本テーマには、domifaraさん作成のphpファイルによるインクルード方法を用いております。domifaraさん、ありがとうございます。(javascriptオフ時には、リダイレクトの文字などがボックス表示されます。)jQueryについては、domifaraさんによるXCL2.2対応措置がとられており、jQueryの二重読み込み防止や他のjavascriptとのバッティングを可能な限り避ける仕組みが用いられております。XCL2.1対応版に差し替えております。)【画面表示について】このテーマは、TwitterBootstrapのcssを採用し、横幅940pxで12分割のグリッドシステムを採用しているので、自由な配置が可能です。Queries)を利用して、表示するデバイス(ブラウザ)の画面幅によりスタイル(CSS)の切替を行います。基本的な最大表示幅は940pxでブラウザの幅を縮めるとそれに応じて横幅が狭まったり、ボックスが移動したりします。従来のテーマでは、ブロックの幅などについて、cssに記載された横幅でしか表示できませんでしたが、このテーマでは、管理画面のブロック管理にてブロックタイトルに指定したキーワードを追記するだけで、あらかじめ設定した12種類の横幅を設定することが可能となっています。異なっていますので留意願います。tw_940ではフッター部分にあった右ブロック表示部分が変更となっていますので、合わせてご注意ください。12種類の文字列を追記してください。追記しない場合には初期値が利用されるので、問題はありません。上から5つの領域に分けて表示できるようになっており、それぞれ次のように設定しています。指定がある場合、左ブロック全体を包むdivがそれに応じて広がり、モジュール側のdivが自動調整されるようになっています。表現力が大幅に向上しているということですね。フッターのメニューにはログインなどのリンクを装備しており、jQueryのプラグインを用いて、ポップアップでログインブロックが表示されるようにしています。======================================================インストール======================================================このテーマではブロック幅をコントロールするための機能拡張を利用するために専用のプラグインを利用する設定としております。プラグインがない場合はエラーとなりますので、必ず導入してください。これをサイトのプラグインディレクトリにコピーしてください。利用しているので、これも同様にコピーして下さい。ディレクトリに追加してください。存在している場合は、上書きに要注意。)インストールは通常テーマと同じですが、主要モジュールのテンプレートを本テーマに最適化させるため、テーマ下テンプレートとして同封していますので、できればテーマ下テンプレートが有効となるように設定していただいた方が良いでしょう。(その際、同封のプラグインも利用するようにコピー作業等を行ってください。各フォルダをFTPにてサイトのルート・ディレクトリへコピーすると良いでしょう。(コピー先に既に存在する場合は、適宜判断してください。)次に、以下の手順でテーマ下テンプレート利用のための作業を行ってください。完了したら通常のテーマと同様、管理画面の「互換モジュール」「テーマの管理」でこのテーマを使用する設定としてください。「templates」ディレクトリに収納されたカスタマイズ済みのテンプレートを利用するようになります。X(Pack2011~)の場合、既にpreloadに「HypXoopsTplHook.class.php」が入っていますので、テーマ下テンプレートが利用可能となっています。(最新のHyperCommonFoncを利用している場合、このプリロードも不要です。場所が違うのでご注意ください。(preload「HdXoopsTplHook.class.php」または「HypXoopsTplHook.class.php」を使っている場合、このディレクトリが優先となります。最新のHyperCommonFoncを利用している場合は、同モジュールにて読み込み順の設定等が可能となっています。最新のHyperCommonFoncを利用している場合、この作業は不要です。サイトの「plugin」ディレクトリにそれぞれコピーしてください。X(Pack2011~)の場合、既にpreloadに「HypXoopsTplHook.class.php」が入っていますので、この作業は不要です。(「HypXoopsTplHook.class.php」は、「HdXoopsTplHook.class.php」の機能を最新版にしたものです。)詳細はこちらを参照して下さい。逆に、本テーマ下のテンプレートを使いたくない場合は、テーマ下にある「templates」ディレクトリを削除してください。webphotoモジュール使用時のギャラリー表示などはできなくなります。Default(DB)テンプレートテンプレートを変更しようとして、Altsysで「現在ActiveなDBテンプレート」をいくら修正しても、テーマ下テンプレートがある場合はそちらが優先されてしまうということに注意が必要です。利用するとお洒落なポップアップ画像表示ができるように設定しています。サイトのプリロードディレクトリにアップロードしてください。入っていると思いますので、それで作動すると思います。ない場合は、このテーマに同封しているものをアップロードしてください。利用しているプリロードはdomifaraさん作のもので、最新のものは次のurlとなります。(domifaraさん、感謝します。)http://xodomifara.lolipop.jp/doxo/modules/d3downloads/index.php?page=singlefile&cid=3&lid=67【webphotoの利用について】webphotoでprettyPhotoを利用する場合、webphotoの一般設定画面にて、次の設定を行ってください。一般設定画面にて設定する各種画像の大きさはデフォルトを想定しています。div(ボックス)を利用した表示としており、画面幅に応じてボックスが並ぶように設定していますので、テーブル表示時のカラム数欄の数値は意味をなしません。このテーマでは、webphotoモジュールを「webphoto」ディレクトリ名にて利用する場合を想定して、テンプレート等の設定を行っています。違うディレクトリ名でご利用の場合は、別途カスタマイズが必要となりますので、ご了承ください。======================================================カスタマイズ======================================================【メニュー表示項目の変更】このテーマでは、xugj_assign_phpを用いたメニュー表示を行いますが、インストールして初回表示した時に、メインメニュー表示する設定となっているメニュー項目を自動で引用してきます。(表示用のキャッシュファイルを自動作成して利用)従って、モジュールの管理にてモジュールの表示名を変えたり、並び順を「0」として非表示指定した場合でも、テーマのメニュー表示は以前作成したキャッシュファイルを利用することから、変更した表示となりません。再度、サイトを表示した際に、新しくメニュー用のキャッシュファイルが自動生成されます。管理画面モジュール」を利用すると、FTPソフトを使わずにキャッシュファイルの削除ができるので、便利だと思います。(domifaraさん、ありがとうございます。用いると、管理画面から簡単にインストールできます。本格的な調整は、TwitterBootstrapのcssを修正する必要があります。TwitterBootstrapのcssについては、オリジナルをそのまま採用していますので、当該サイトにおけるカスタマイズや関連サイトで紹介されている設定変更方法などを参照してください。修正することで、簡単に背景色などの変更を行うことが出来るように設定しております。【スライドショーについて】スライドショーはトップページのみ表示するようになっています。表示文章や画像の設定を行っていますので、カスタマイズする場合は、それぞれのファイルを修正してください。file="`$xoops_theme`/theme_sequence.html"}>という記述をコメントアウトするか削除してください。ver0.1tw_940の構造を利用して作成。ご自由に改変するなどしてご利用ください。TwitterBootstrapのcssについては、Apache2ライセンスとなっておりますので、留意願います。違法行為を行っているサイト、公序良俗に反するサイトでの利用は、お断り申し上げます。雑誌・書籍への掲載の場合には、あらかじめ当サイト管理人へご一報いただけると嬉しいです。