XOOPSテーマ研究
電子書籍ストア BookLive!
Home   Download   Link   News   Forum   Contact   Faq  
● メインメニュー
● オンライン状況
8 人のユーザが現在オンラインです。

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

もっと...
● 楽天
● 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
システムのバナーをTOPに表示するようにしました。
METAタグ/フッタ設定 でのフッタ情報のみを表示するようにしました。
renewal 2006/8/21

テーブルレイアウトで作成したテーマです。
th0_brown th0_purpleblue th0_powderblue th0_limegreen
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_skyblue th0_white th0_darkolivegreen th0_brack
シンプルらしさをモチーフに作成したテーマです。
th0_spink th0_skhaki th0_sroyalblue th0_sgreen
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_splum th0_stomato th0_slightgray th0_sbrack
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 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_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
● 商品一覧
● SHOP一覧---ファッション
● SHOP一覧---インテリア・家具
●  SHOP一覧---食品
●  SHOP一覧---生活・雑貨
●  SHOP一覧---家電
●  SHOP一覧---美容・健康
● テーマ利用上の注意
[著作権]
テーマの著作権はrakuichinetに属します。

当サイトのworkは、クリエイティブ・コモンズ・ライセンスの下でライセンスされています。

基本的に無料でご利用は自由ですが、当サイトへのリンクを本文中でお願いいたします。(アクセスアップのため)

[注意事項]
当サイトのテーマをご利用の際に起きたいかなる損害も当サイトは一切責任を負いません。
ご利用は自己責任でお願いいたします。
(きついようですが、決まり文句?) 以上他のHPに習って書いておくことにしました。
● google adsence
● amzon xoops
Powered by XOOPS Cube 2.2 © 2001-2012 XOOPS Cube Project