XOOPSơ޸
 
Home   Download   Link   News   Forum   Contact   Faq  
  メインメニュー
  オンライン状況
5 ユーザー オンライン

メンバー: 0
ゲスト: 5

more...
  テーマ切替

(58 テーマ)
  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
th0_brown th0_purpleblue th0_powderblue th0_limegreen

th0_skyblue th0_white th0_darkolivegreen th0_brack
th0_skyblue th0_white th0_darkolivegreen th0_brack

th0_spink th0_skhaki th0_sroyalblue th0_sgreen
th0_spink th0_skhaki th0_sroyalblue th0_sgreen

th0_splum th0_stomato th0_slightgray th0_sbrack
th0_splum th0_stomato th0_slightgray th0_sbrack

th0_ch_green th0_ch_pink th0_ch_brown th0_ch_gray
th0_ch_green th0_ch_pink th0_ch_brown th0_ch_gray

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

th1_brack th1_orange th1_mintcream th1_mistyrose
th1_brack th1_orange th1_mintcream th1_mistyrose.gif

th1_green th1_gray th1_blue th1_brown
th1_green th1_gray th1_blue th1_brown

th1_001
th1_001

  テーマ 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_003_ntb th2_004_ntb th2_005_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

  Rec
  XOOPS テーマ研究とは

XOOPSのテーマをメインにしたサイトです。

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

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

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

Powered by XOOPS © 2001-2021 The XOOPS Project