rakuichinet.com/xoops
XOOPS テーマ研究
当サイトはXOOPSのテーマの実験サイトです。
徐々にですが、XOOPSのテーマを作成し、配布（フリー）しています。
データベースのバージョンを一括で上げたため、旧HPは動かなくなりました。
XOOPS Cubeはうまくインストールできなかったので、xoops.orgの方で立ち上げています。
テーマも今は配布できません。
2006年以来なので、元通りにできるかわかりません。
XOOPSとは ---公式サイトの説明---
XOOPS CMSは、拡張可能なOO（オブジェクト指向）であり、PHPで記述された使いやすい動的Webコンテンツ管理システム（CMS）です。
XOOPSは、小規模から大規模の動的コミュニティWebサイト、企業内ポータル、企業ポータル、ウェブログなどを開発するための理想的なツールです。
XOOPS公式サイト
テーマ th0
| 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
| 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
|
_MI_SYSTEM_BNAME3
_MI_SYSTEM_BNAME4
_MI_SYSTEM_BNAME5
- Comments: 0
_MI_SYSTEM_BNAME6
_MI_SYSTEM_BNAME8
テーマ切替
XOOPS テーマ研究とは
XOOPSとアフィリエイトをテーマにしたHPです。
2005.1.23よりlolipopサーバー上でxoopsを設置し、動かしています。
徐々にですが、XOOPSのテーマを作成し、配布（無料）できるようになりました。
これからはPHP、MySQL、moduleについても勉強していきたいと思っています。
