rakuichinet.com/xoops


XOOPS テーマ研究

当サイトはXOOPSのテーマの実験サイトです。
徐々にですが、XOOPSのテーマを作成し、配布(フリー)しています。

データベースのバージョンを一括で上げたため、旧HPは動かなくなりました。 XOOPS Cubeはうまくインストールできなかったので、xoops.orgの方で立ち上げています。
テーマも今は配布できません。
2006年以来なので、元通りにできるかわかりません。



XOOPSとは ---公式サイトの説明---
XOOPS CMSは、拡張可能なOO(オブジェクト指向)であり、PHPで記述された使いやすい動的Webコンテンツ管理システム(CMS)です。
XOOPSは、小規模から大規模の動的コミュニティWebサイト、企業内ポータル、企業ポータル、ウェブログなどを開発するための理想的なツールです。
XOOPS公式サイト

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

テーブルレイアウトで作成したテーマです。
th0_brown th0_purpleblue th0_powderblue th0_limegreen
th0_brown th0_purpleblue th0_powderblue th0_limegreen
th0_brown renewal th0_purpleblue renewal th0_powderblue renewal th0_limegreen renewal
th0_skyblue th0_white th0_darkolivegreen th0_brack
th0_skyblue th0_white th0_darkolivegreen th0_brack
th0_skyblue renewal th0_white renewal th0_darkolivegreen renewal th0_brack renewal
シンプルらしさをモチーフに作成したテーマです。
th0_spink th0_skhaki th0_sroyalblue th0_sgreen
th0_spink th0_skhaki th0_sroyalblue th0_sgreen
th0_spink renewal th0_skhaki renewal th0_sroyalblue renewal th0_sgreen renewal
th0_splum th0_stomato th0_slightgray th0_sbrack
th0_splum th0_stomato th0_slightgray th0_sbrack
th0_splum renewal th0_stomato renewal th0_slightgray renewal th0_sbrack renewal
top枠を立体的にし、ヘッダー,タイトルを変えてみました。
th0_ch_green th0_ch_pink th0_ch_brown th0_ch_gray
th0_ch_green th0_ch_pink th0_ch_brown th0_ch_gray
th0_ch_green renewal th0_ch_pink renewal th0_ch_brown renewal th0_ch_gray renewal
テーマ th1
th1はth0の構造に図形枠を加えたテーマです。
th1_brack th1_orange th1_mintcream th1_mistyrose
th1_brack th1_orange th1_mintcream th1_mistyrose.gif
th1_brack th1_orange th1_mintcream th1_mistyrose
th1_green th1_gray th1_blue th1_brown
th1_green th1_gray th1_blue th1_brown
th1_green th1_gray th1_blue th1_brown
th1_001
th1_001
th1_001 new
テーマ th2

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

th2_brack th2_brack_ntb th2_001_ntb th2_002_ntb
th2_brack.gif th2_brack_ntb th2_001_ntb th2_002_ntb
th2_brack.gif th2_brack_ntb th2_001_ntb th2_002_ntb
th2_003_ntb th2_004_ntb th2_005_ntb
th2_003_ntb th2_004_ntb th2_005_ntb th2_006_ntb
th2_003_ntb th2_004_ntb th2_005_ntb th2_006_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
th2_001_ntb th2_002_ntb th2_003_ntb th2_004_ntb
th3_004_ntb new
_MI_SYSTEM_BNAME3
ユーザ名:

パスワード:

Remember me



Lost Password?

Register now!
_MI_SYSTEM_BNAME4
_MI_SYSTEM_BNAME5
_MI_SYSTEM_BNAME6
_MI_SYSTEM_BNAME8
15 人のユーザが現在オンラインです。

登録ユーザ: 0
ゲスト: 15

もっと...
テーマ切替

(54 themes)
XOOPS テーマ研究とは

XOOPSとアフィリエイトをテーマにしたHPです。

2005.1.23よりlolipopサーバー上でxoopsを設置し、動かしています。

徐々にですが、XOOPSのテーマを作成し、配布(無料)できるようになりました。

これからはPHP、MySQL、moduleについても勉強していきたいと思っています。



xoops cube logo
Powered by XOOPS © 2001-2021 The XOOPS Project