XoopsCubeLegacy テーマ : Sakura バージョン: 1.01 掲載日: 2010-3-16 
説明XCL(HD1.04)用のテーマです。
Xoops Cube Legacy 2.17 (HD1.04) ja_utf8 で動作確認しました。
横幅1010px固定のデザインです。Colors4xを応用して春らしいデザインにしてみました。
メイン記事が少なくても、ブラウザの縦サイズに追従してフッターが最下部に表示されるようになっているので、安定感があるでしょう。
新たに独自の TopColumn と BottomColumn を採用して、
xugj_assign.phpを用いたタブメニューを採用しており、メインメニュー項目とサブメニュー項目を自動で表示します。
HDに同封されているskel_flexをベースとして、カスタマイズさせていただきました。（作者様に感謝です。）
ただ、元のデザイン・cssの記述内容からは大きく変更しております。
utf8とeucのlanguageファイルを用意しましたので、eucでも動作すると思います。
（eucについては、動作環境がないので未確認ですが・・・）
基本的な表示としては、通常真ん中に表示される中央（メイン）カラムを左に寄せ、左右カラムを右側に配置して、左カラムを少し狭めております。
また、モジュールのページを表示しているときに中央-中央にカスタムブロックを表示すると、モジュールのコンテンツの上にカスタムブロックが表示されますが、カスタムブロックのweightを100～499に設定すると、コンテンツの下にカスタムブロックを表示するようにしました。
さらに、xoopsにはなかった top column と bottom column を新設して、top columnは中央-中央カラムのweightを0に設定すると全てのカラムの上に表示、bottom columnは左カラムのweightを500以上に設定すると最下部に横並びに4個表示されるようにしてみました。
これにより、従来のxoopsデザインとは違う表示ができたと思っております。
メニューは、Xoops Users Group Japan(XUGJ) で GIJOEさんが提唱された xugj_assign.php を利用したタブメニューを採用しています。
通常のメインメニューに表示されるのと同じ項目が自動で表示されるので、タブメニューの項目を編集する必要もありません。
コンテンツ部分にサブメニュー同等の内容を自動表示する設定としており、フッターにもメインメニュー項目とユーザーメニュー項目も表示されることから、メインメニューやユーザーメニューなしで運用が可能となっています。 thnx GIJOE
http://www.xugj.org/modules/d3forum/index.php?topic_id=125なお、同封しているものは、オリジナルの xugj_assign.php から少し変更しているので、xugj_assign_sakura.php という名称に変更しています。
HDに同封されている HD_default と同様、画面遷移せずにリダイレクト表示できるので、スピーディーでセンスの良い表示が可能となっています。
リダイレクト表示には jQuery.js + jquery.jgrowlプラグインを利用しています。
（javascriptオフ時には、リダイレクトの文字などがボックス表示されます。）
上記に加えて、jQueryプラグインである reflection.js と jquerypngfix.js を採用して、画像の鏡面反射効果とpngファイルのアルファチャンネル利用（透過表示）を可能としました。
カスタムブロックで画像の鏡面効果を利用する場合、HTMLで記述して、imgタグに class="reflect" を指定してください。
pngファイルについては、imgタグで記述されたものについて、透過処理をするようになっています。
jQueryについては、他のjavascriptとのバッティングを可能な限り避けるため、テーマファイル内に対策のための記述を行い、プラグインファイルについても対策を講じております。
（従って、同封しているプラグインファイルは、本テーマ専用となります。）
インストールインストールは通常のテーマと同様です。
このテーマのディレクトリ（sakura）をサイトのテーマ・ディレクトリへコピーして、管理画面の「互換モジュール」「テーマの管理」でこのテーマを使用する設定としてください。
（このテーマをインストールして初回表示した時に、メインメニューの内容からメニュー項目を自動で引用してきます。その後、項目名を変えたりした場合、タブメニューの名称が自動で変わらないことがありますが、その時には、FTPソフトを使って、cacheフォルダ内の theme_sakura_menus_****.php を削除してください。再度、サイトを表示した際に、新しくメニュー用のキャッシュファイルが自動生成されます。）
カスタマイズ色合いの設定は専用のCSSファイルを用いていることから、変更が容易です。
（menu.css と color.cssを編集してください。）
ヘッダーとロゴの画像は、テーマディレクトリ下の images ディレクトリに収納しています。
バージョインアップ履歴2010-3-16 ver1.01
IE6 以下での次の表示崩れを改良。
１ ヘッダーの下に無意味な空間が空いてしまう
２ ヘッダーメニューにて、セレクト中のタブが横一杯に伸びてしまう
３ ロゴのpng画像の透過処理ができない
４ フッターが５０％分右寄せになってしまう
IE8 のアドレスバーの右側に出る互換表示ボタンを出ないようにした。
お願いできましたら、掲示板（ご訪問帳）
http://xoops123.com/modules/d3forum/?forum_id=1 に何か書き込んでいただけると嬉しいです～m(_ _)m
402
540.21 KB
XOOPS Cube Legacy 2.1x
CreativeCommons
