アルファベット順索引
[ A | B | C | D | E | F | G | H | I | J | K | L | M | N ][ O | P | Q | R | S | T | U | V | W | X | Y | Z ]
掲載日: 2007-04-13
シンプルな設計の2columns 幅固定のテーマです。
コンテンツの邪魔にならないような控えめなデザインですが、全体を洗練された雰囲気に引き締めるような意図をもってつくっています。
ヘッダーにはXOOPSのメニューから分離したHTMLベースで作れるメニュースペースを用意しています。複雑で分かりづらいtheme.html内でなく、header_menu.htmlという単独ファイルを用意していますので、編集のミスも減るでしょう。
サイドカラムとコンテンツカラムの表示位置は、style.cssを一部改変するだけで簡単に入れ替え可能となっています。
修正を行うのは2箇所のみです。
赤字部分を入れ替えてください。
またヘッダー画像を変えることでがらりとイメージが変わりますので、是非オリジナリティのある写真やグラフィックを使用してみてください。
(おまけでかなりの枚数の写真をimagesディレクトリに入れておきました)
以下含有される写真のサンプルです。














コンテンツの邪魔にならないような控えめなデザインですが、全体を洗練された雰囲気に引き締めるような意図をもってつくっています。
ヘッダーにはXOOPSのメニューから分離したHTMLベースで作れるメニュースペースを用意しています。複雑で分かりづらいtheme.html内でなく、header_menu.htmlという単独ファイルを用意していますので、編集のミスも減るでしょう。
サイドカラムとコンテンツカラムの表示位置は、style.cssを一部改変するだけで簡単に入れ替え可能となっています。
修正を行うのは2箇所のみです。
#centercolumn {
float:left;/* <- If you want change column position, rewrite this. */
width:560px;
overflow:hidden;
}
#side_area {
float:right;/* <- If you want change column position, rewrite this. */
width:210px;
overflow:hidden;
}またヘッダー画像を変えることでがらりとイメージが変わりますので、是非オリジナリティのある写真やグラフィックを使用してみてください。
(おまけでかなりの枚数の写真をimagesディレクトリに入れておきました)
以下含有される写真のサンプルです。
バージョン:1.0 ダウンロード: 1855
評価:
(0 票)
レビュー:
(0)
利用可能なOS/ソフト等: Xoops 2.0.X, XOOPS Cube Legacy 2.1
ライセンス: Creative Commons License(Attribution-NonCommercial-ShareAlike 2.1 Japan)
利用可能なOS/ソフト等: Xoops 2.0.X, XOOPS Cube Legacy 2.1
ライセンス: Creative Commons License(Attribution-NonCommercial-ShareAlike 2.1 Japan)
掲載日: 2007-04-04
旧配布テーマのbcool_grayのデザインコンセプトを踏襲し、テーブルレスなソースに書き換えたテーマです。
1, 2, 3columns対応のテーマです。
幅に関しては、デフォルト状態は850pxの固定としていますが、style.cssの.pageクラスのwidthの値を書き換えることで、簡単に変更が可能です。
固定のままで数値を変えるだけでなく、%指定でリキッドタイプに変更も出来ます。style.cssにコメントを書いてありますので参考にしてください。(100%とする場合は、左右のボーダーもコメントアウトするようにしてください。IEでの幅計算のバグにより、レイアウトが崩れる可能性があります。)
またダークバックのテーマなので、print.cssも少々まじめに?つくってあります。
以下はテーマのzipファイルに含まれる写真でのカスタムサンプルです。main_img.jpgというファイルが実際に読み込まれるファイルです。バリエーションのファイルはimagesディレクトリにmain_img_01.jpgのような名称で入れてありますので、お好みのものをリネームしてご使用ください。



1, 2, 3columns対応のテーマです。
幅に関しては、デフォルト状態は850pxの固定としていますが、style.cssの.pageクラスのwidthの値を書き換えることで、簡単に変更が可能です。
固定のままで数値を変えるだけでなく、%指定でリキッドタイプに変更も出来ます。style.cssにコメントを書いてありますので参考にしてください。(100%とする場合は、左右のボーダーもコメントアウトするようにしてください。IEでの幅計算のバグにより、レイアウトが崩れる可能性があります。)
またダークバックのテーマなので、print.cssも少々まじめに?つくってあります。
以下はテーマのzipファイルに含まれる写真でのカスタムサンプルです。main_img.jpgというファイルが実際に読み込まれるファイルです。バリエーションのファイルはimagesディレクトリにmain_img_01.jpgのような名称で入れてありますので、お好みのものをリネームしてご使用ください。
バージョン:1.0 ダウンロード: 1009
評価:
(0 票)
レビュー:
(0)
利用可能なOS/ソフト等: Xoops 2.0.X, XOOPS Cube Legacy 2.1
ライセンス: Creative Commons License(Attribution-NonCommercial-ShareAlike 2.1 Japan)
利用可能なOS/ソフト等: Xoops 2.0.X, XOOPS Cube Legacy 2.1
ライセンス: Creative Commons License(Attribution-NonCommercial-ShareAlike 2.1 Japan)









