当サイトはXOOPSのテーマの実験サイトです。

徐々にですが、XOOPSのテーマを作成し、配布（フリー）しています。

ダウンロードされた方は、ご意見・ご感想など、気軽に掲示板等にお寄せください！

ただし、当管理人は超不在がちで、返事などないかもしれませんが、ご了承ください。


th0はﾃｰﾌﾞﾙﾚｲｱｳﾄで作成した、初期のテーマです。
th1は上記の構造に枠をﾃｰﾌﾞﾙﾚｲｱｳﾄで作成したものです。
th2は脱ﾃｰﾌﾞﾙﾚｲｱｳﾄということで、CSSによるｺﾗﾑﾚｲｱｳﾄを試しています。
　floatで配置したものです。
th3はpositionでｺﾗﾑﾚｲｱｳﾄを試しています。
th4はFlash（FlashMaker3）を取入れたテーマを作成する予定です。
th5は外部scriptを利用したテーマを作成する予定です。
th6はCSS Zen Garden 的なテーマ作成を目指します。

1〜10はXOOPSの標準モジュールです。テーマの変化を見るため入れています。

1.　ダウンロード・・・ユーザが自由にダウンロード情報の登録／評価を行えます。
2.　リンク・・・ユーザが自由にリンク情報の登録／修正／評価を行えるます。
3.　フォーラム・・・複数の部屋を提供するモジュール。各ﾌｫｰﾗﾑに話題を投稿する。
4.　ニュース・・・サイトからのお知らせ、ニュース、コラム、日記の掲載に利用できます。。
5.　お問い合わせ・・・管理者へのメール送信フォームを表示する。。
6.　ＦＡＱ・・・よくある質問と回答を作成するためのモジュール。
7.　セクション・・・まとまった記事やカタログなどを掲載するセクションを作成します。。
8.　登録ユーザ一覧・・・登録ユーザを表示するシステムです。
9.　ﾊﾟｰﾄﾅｰｻｲﾄ・・・パートナーサイトの情報をブロックやモジュールとして表示します。
10.　投票・・・投票用ブロックを表示。

11. Wordpress・・・今はやりのウェブログ
12. Xooperstore・・・Amazon webサービスを使ってオリジナルのセレクトショップを作れます。
13. ﾍｯﾄﾞﾗｲﾝ0・・・新聞や雑誌の見出しです。

引用：

システムのバナーをTOPに表示するようにしました。
METAタグ/フッタ設定 でのフッタ情報のみを表示するようにしました。
renewal　2006/8/21

テーブルレイアウトで作成したテーマです。

th0_brown	th0_purpleblue	th0_powderblue	th0_limegreen
renewal	renewal	renewal	renewal
th0_skyblue	th0_white	th0_darkolivegreen	th0_brack
renewal	renewal	renewal	renewal
シンプルらしさをモチーフに作成したテーマです。
th0_spink	th0_skhaki	th0_sroyalblue	th0_sgreen
renewal	renewal	renewal	renewal
th0_splum	th0_stomato	th0_slightgray	th0_sbrack
renewal	renewal	renewal	renewal
top枠を立体的にし、ヘッダー,タイトルを変えてみました。
th0_ch_green	th0_ch_pink	th0_ch_brown	th0_ch_gray
renewal	renewal	renewal	renewal

th1はth0の構造に図形枠を加えたテーマです。

th1_brack	th1_orange	th1_mintcream	th1_mistyrose
th1_green	th1_gray	th1_blue	th1_brown
th1_001
new

少テーブルレイアウトのテーマとテーブルレイアウト無しのテーマを作ってみました。
テーブルレイアウト無しの方は、float:left で配置しました。
全体の幅を固定しています。

th2_brack	th2_brack_ntb	th2_001_ntb	th2_002_ntb
th2_003_ntb	th2_004_ntb	th2_005_ntb

（_ntb)は中央からデータを表示します。 Lynxで見れるよう調整しています。
Netscape7.1,opera8.01,Firefox1.06,mozilla1.7.11で同じように見れるよう調整しています。

テーブルレイアウト無しのテーマです。
position を使って配置しています。
.ccolumn {position: relative;margin-left: auto;margin-right: auto;width: 460px;}
ｾﾝﾀｰｺﾗﾑは、相対位置で中央に表示しています。
ﾌｯﾀｰは自然とこのｺﾗﾑの下に来ます。
左右のｻｲﾄﾞｺﾗﾑは絶対座標（BODYの左上を原点）に配置しています。
.lcolumn {position: absolute;top: 140px;left:22px;width: 160px;}
.rcolumn {position: absolute;top: 140px;left:655px;width: 160px;}
中央ｺﾝﾃﾝﾂの高さが低い場合、ﾌｯﾀｰが左右ｺﾗﾑに被るので、ｺﾝﾃﾝﾂの全体のBOXに
被らない最低の高さを指定しています。
.ccontain{height: 920px;}
.ccontain{}の場合「th3_001_ntb」でニュースとかを見てください。
中央の左右ｺﾗﾑは、下記のとおりです。
.clcolumn {position: relative;left: 0px;width: 230px;}
.crcolumn {position: absolute;top: 1856px;left:231px;width: 230px;}
右ｺﾗﾑをrelativeにすると左ｺﾗﾑの下に来ます。
.crcolumn {float:right;width: 230px;}にすると
左ｺﾗﾑの右下に来ます。
「th3_002_ntb」は、中央の内容を増やすたびにtop: 1856pxを調整する必要が
あり、中央の左右ｺﾗﾑを
.clcolumn {float:left;width: 230px;}
.crcolumn {float:right;width: 230px;}
にしたものが「th3_003_ntb」です。

th3_001_ntb	th3_002_ntb	th3_003_ntb	th3_004_ntb
			new

[登録サイト一覧] [ランダム] [次の登録サイト] [前の登録サイト] [次のサイト5コ] [前のサイト5コ]