ダウンロード

このXOOPSオリジナルテーマは、テーブルレスのCSSレイアウトで作成しています。

横幅は800px Fixed でセンターレイアウトの2カラム表示です。
ヘッダー部にはログインフォーム・ユーザメニュー・メインメニューを代用可能なようにしています。
メインメニュー部は左側と右側に分けたリストで作成していますので、適宜使用されるモジュールに合わせてカスタマイズして下さい。

右ブロック部は管理画面上のレイアウトで左ブロックと右ブロック配置したものはを上から順に表示可能です。
右ブロックタイトル背景には5色の画像を用意しております。

 『5_dark_colors』 をダウンロードする

このXOOPSオリジナルテーマ「black_gold_blue」は「blue_silver_2」の色違いで作成しています。

特徴も「blue_silver_2」を引き継いでおり、テーブルレスな２カラムタイプのXOOPSテーマに仕上げております。
テーマ名のとおり、黒を背景にしてゴールドとブルーで色を特徴づけております。

ヘッダー部にはメインメニュー・ユーザメニュー・ログインフォームをそろえております。
ですから、メインメニューとログインフォームを左右ブロックに割り当てなくとも済みます。
ヘッダー部メインメニューは当サイトで使用しているモジュールにリンクしていますので、適宜使用されるモジュールへ変更してください。
表示におかしな所が見つかった時は当フォーラムまでご報告ください。

追伸・・・firefox2.0.0.6表示バグ訂正版ver2.0・・・2007-8-31

 『black_gold_blue』 をダウンロードする

オリジナルテーマの「simple_blue」をカクカクしたキューブ状にカスタマイズした物です。
ちょっとしたお遊びテーマです。

 『blue_cube』 をダウンロードする

２カラムタイプのテーブルレスxoopsテーマです。
テーマ名のとおりブルーとシルバーを基調にして、ブログ風のデザインにしました。
ヘッダ部にはユーザメニュー、メインメニュー、ログインフォームをそろえております。

追伸・・・firefox2.0.0.6表示バグ訂正版ver2.0・・・2007-8-31

 『blue_silver_2 』 をダウンロードする

このテーマは背景に黒を使用し、各ブロックには青色を基調にして落ち着いた雰囲気を出しています。
「dark_red」の色違いです。
左右両方のブロックを片側だけにしたり、又は両方表示しなくともデザインが崩れないようにしています。

 『dark_blue』 をダウンロードする

このテーマは背景に黒を使用し、各ブロックには赤色を基調にして落ち着いた雰囲気を出しています。
左右両方のブロックを片側だけにしたり、又は両方表示しなくともデザインが崩れないようにしています。

 『dark_red』 をダウンロードする

3 columns flexible width tableless CSS layout style theme

このオリジナルテーマは３カラム完全対応のテーブルレスCSSレイアウトです。

ヘッダー部：
検索フォーム、xugj_assign.phpによるヘッダーメニューとパンくずリストを用意しています。
サイトロゴはlogo.jpgで用意すると「EXTRAFFIC Theme」と書いた背景画像が入れ替わります。

メイン部：
theme.html的には中央ブロック＞左ブロック＞右ブロックの順で記述し、CSSにて通常通りの配置へ入れ替えておりますので、少なからずともコンテンツファーストになるのではないでしょうか。
また、管理画面上の左ブロック・中央中央ブロック・右ブロックはブロックタイトルが不要な時に「ブロックタイトル none」の様に変更すると、タイトル部が表示されなくなります。

管理画面上のブロック配置で中央・右ブロックと中央・左ブロックをそれぞれ2個以上用意すると、スクリーンショットのような横並び4つのブロックがフッター手前の最下部へ配置されます。
見た目的には、管理画面上のブロック配置で中央・右ブロックと中央・左ブロックは2の倍数個用意する方が美しいでしょうか。

2008-2-20 Ver1.0 配布開始
2008-2-29 Ver1.1 左ブロック及び右ブロック非表示時のマージン調整
id="content" を margin: 0; > margin: 0 10px;へ変更

 『flex_3_black』 をダウンロードする

3 columns flexible width tableless CSS layout style theme

このオリジナルテーマは３カラム完全対応のテーブルレスCSSレイアウトです。

ヘッダー部：
検索フォーム、xugj_assign.phpによるヘッダーメニューとパンくずリストを用意しています。
サイトロゴはlogo.jpgで用意すると「EXTRAFFIC Theme」と書いた背景画像が入れ替わります。

メイン部：
theme.html的には中央ブロック＞左ブロック＞右ブロックの順で記述し、CSSにて通常通りの配置へ入れ替えておりますので、少なからずともコンテンツファーストになるのではないでしょうか。
また、管理画面上の左ブロック・中央中央ブロック・右ブロックはブロックタイトルが不要な時に「ブロックタイトル none」の様に変更すると、タイトル部が表示されなくなります。

管理画面上のブロック配置で中央・右ブロックと中央・左ブロックをそれぞれ2個以上用意すると、スクリーンショットのような横並び4つのブロックがフッター手前の最下部へ配置されます。
見た目的には、管理画面上のブロック配置で中央・右ブロックと中央・左ブロックは2の倍数個用意する方が美しいでしょうか。

2008-2-20 Ver1.0 配布開始
2008-2-29 Ver1.1 左ブロック及び右ブロック非表示時のマージン調整
id="content" を margin: 0; > margin: 0 10px;へ変更

 『flex_3_blue』 をダウンロードする

3 columns flexible width tableless CSS layout style theme

このテーマはテーブルレスなCSSレイアウトで作成しています。

テーマを表示する前に修正すべき所があります。　theme.html　の５２行目に
<{if $xoops_requesturi == '/html/index.php' or $xoops_requesturi == '/html/'}>　があります。
これの　'/html/index.php'　と　'/html/'　を任意のXOOPSが設置されたディレクトリ名へ変更してください。

html上は　ヘッダー部＞中央ブロック＞コンテンツ部＞左ブロック＞右ブロック＞中央左・中央右ブロック＞フッター部　の順に記載されており、それをCSSにて入れ替えております。

ヘッダー部：
ヘッダー部右上のロゴはflex_3_dark_gray/image/logo.jpgを入れ替えると表示されます。
（デフォルト状態ではEXTRAFFIC Themeと書かれた画像です）
デフォルトのような物を作成する為に文字無しの背景画像を、flex_3_dark_gray/image/for_logo_bg.gifとして用意しています。
＞タブ型メニュー
xugj_assign.phpを利用して、自動生成するようにしています。　横一列のみ表示するように制御していますので、ここに表示させるにはモジュールの表示位置を工夫して下さい。

ブロック部及びコンテンツ部：
左ブロックと右ブロックは表示をしなくても大丈夫なようにしております。　従って、管理画面上のブロック配置で３カラムタイプ・２カラムタイプ・１カラムタイプのいづれも対応できます。

中央中央ブロックは、コンテンツ部（モジュール表示部）より上に表示されます。

中央左・中央右ブロックは、フッター部の上に表示されます。

フッター部：
フッター部は最下部に表示されます。


変更履歴-------
2008-8-19　ファーストリリース Ver 1.0

 『flex_3_dark_gray 』 をダウンロードする

3 columns flexible width tableless CSS layout style theme

このテーマはテーブルレスなCSSレイアウトで作成しています。

テーマを表示する前に修正すべき所があります。　theme.html　の５２行目に
<{if $xoops_requesturi == '/html/index.php' or $xoops_requesturi == '/html/'}>　があります。
これの　'/html/index.php'　と　'/html/'　を任意のXOOPSが設置されたディレクトリ名へ変更してください。

html上は　ヘッダー部＞中央ブロック＞コンテンツ部＞左ブロック＞右ブロック＞中央左・中央右ブロック＞フッター部　の順に記載されており、それをCSSにて入れ替えております。

ヘッダー部：
ヘッダー部右上のロゴはflex_3_dark_green/image/logo.jpgを入れ替えると表示されます。
（デフォルト状態ではEXTRAFFIC Themeと書かれた画像です）
デフォルトのような物を作成する為に文字無しの背景画像を、flex_3_dark_green/image/for_logo_bg.gifとして用意しています。
＞タブ型メニュー
xugj_assign.phpを利用して、自動生成するようにしています。　横一列のみ表示するように制御していますので、ここに表示させるにはモジュールの表示位置を工夫して下さい。

ブロック部及びコンテンツ部：
左ブロックと右ブロックは表示をしなくても大丈夫なようにしております。　従って、管理画面上のブロック配置で３カラムタイプ・２カラムタイプ・１カラムタイプのいづれも対応できます。

中央中央ブロックは、コンテンツ部（モジュール表示部）より上に表示されます。

中央左・中央右ブロックは、フッター部の上に表示されます。

フッター部：
フッター部は最下部に表示されます。


変更履歴-------
2008-8-4　ファーストリリース Ver 1.0

 『flex_3_dark_green』 をダウンロードする