rakuichinet.com/xoops
XOOPSテーマ研究
当サイトはXOOPSのテーマの実験サイトです。
徐々にですが、XOOPSのテーマを作成し、配布（フリー）しています。
MySQL4データベースをMySQL5データベースに移行した時に
バックアップデータを元に戻せなかったので、最初から修復中です。
機能が戻っていなかったり、動作がおかしかったり、テーマがおかしかったりしています。
download は現在できません。
th0はﾃｰﾌﾞﾙﾚｲｱｳﾄで作成した、初期のテーマです。
th1は上記の構造に枠をﾃｰﾌﾞﾙﾚｲｱｳﾄで作成したものです。
th2は脱ﾃｰﾌﾞﾙﾚｲｱｳﾄということで、CSSによるｺﾗﾑﾚｲｱｳﾄを試しています。
floatで配置したものです。
th3はpositionでｺﾗﾑﾚｲｱｳﾄを試しています。
th4はFlash（FlashMaker3）を取入れたテーマを作成する予定です。
th5は外部scriptを利用したテーマを作成する予定です。
th6はCSS Zen Garden 的なテーマ作成を目指します。
引用：
XOOPSとは ---日本公式サイトの説明---
XOOPS Cube（ズープス キューブ）は、PHP言語を用いたコミュニティサイト構築用ソフトです。PHPおよびMySQLが利用可能なサーバであれば、約 5 分でインストールでき、直ちに当サイトのようなユーザ登録型コミュニティサイトを立ち上げることが可能です。
XOOPS Cube公式サイト
PHPとは
日本 PHP ユーザ会
e-words PHP
MySQLについて
日本MySQLユーザ会
e-words mysql
e-words sql
テーマ TH0
| th0_brown | th0_purpleblue | th0_powderblue | th0_limegreen |
|
|
|
|
|
|
|
|
| th0_skyblue | th0_white | th0_darkolivegreen | th0_brack |
|
|
|
|
|
|
|
|
|
| シンプルらしさをモチーフに作成したテーマです。 | |||
| th0_spink | th0_skhaki | th0_sroyalblue | th0_sgreen |
|
|
|
|
|
|
|
|
|
| th0_splum | th0_stomato | th0_slightgray | th0_sbrack |
|
|
|
|
|
|
|
|
|
| top枠を立体的にし、ヘッダー,タイトルを変えてみました。 | |||
| th0_ch_green | th0_ch_pink | th0_ch_brown | th0_ch_gray |
|
|
|
|
|
|
|
|
|
テーマ TH1
| th1_brack | th1_orange | th1_mintcream | th1_mistyrose |
|
|
|
|
|
|
|
|
|
| th1_green | th1_gray | th1_blue | th1_brown |
|
|
|
|
|
|
|
|
|
| th1_001 | |||
|
|||
|
new
|
テーマ TH2
少テーブルレイアウトのテーマとテーブルレイアウト無しのテーマを作ってみました。
テーブルレイアウト無しの方は、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で同じように見れるよう調整しています。
テーマ TH3
テーブルレイアウト無しのテーマです。
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
|
テーマ利用上の注意
テーマの著作権はrakuichinetに属します。
基本的に無料でご利用は自由ですが、当サイトへのリンクを本文中でお願いいたします。（アクセスアップのため）
[注意事項]
当サイトのテーマをご利用の際に起きたいかなる損害も当サイトは一切責任を負いません。
ご利用は自己責任でお願いいたします。
（きついようですが、決まり文句？） 以上他のHPに習って書いておくことにしました。
google adsence
amzon xoops
