アルファベット順索引
[ 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-14
シンプルな設計の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 ダウンロード: 2649
評価:
(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-03
旧配布テーマのbcool_blackのデザインコンセプトを踏襲し、テーブルレスなソースに書き換えたテーマです。
1, 2, 3columns対応のテーマです。
幅に関しては、デフォルト状態は850pxの固定としていますが、style.cssの.pageクラスのwidthの値を書き換えることで、簡単に変更が可能です。固定のままで数値を変えるだけでなく、%指定でリキッドタイプに変更も出来ます。style.cssにコメントを書いてありますので参考にしてください。(可変にする場合は作者としては100%よりも90%以下の方がデザインの意図が表現できるので、そのあたりで使っていただくとうれしいです)
またダークバックのテーマなので、print.cssも少々まじめに?つくってあります。
imagesフォルダに以下のサンプルと同じデザインになるおまけ用画像が入れてあります。変えたい画像のファイルをデフォルトで使っているファイル名にリネームするだけです。
(今回の使用しているのは、ヘッダーの背景:head_back.gif、メイン画像:main_img.jpgなので、a1, a2と書いているファイルをこのデフォルトと入れ替えるだけ)


1, 2, 3columns対応のテーマです。
幅に関しては、デフォルト状態は850pxの固定としていますが、style.cssの.pageクラスのwidthの値を書き換えることで、簡単に変更が可能です。固定のままで数値を変えるだけでなく、%指定でリキッドタイプに変更も出来ます。style.cssにコメントを書いてありますので参考にしてください。(可変にする場合は作者としては100%よりも90%以下の方がデザインの意図が表現できるので、そのあたりで使っていただくとうれしいです)
またダークバックのテーマなので、print.cssも少々まじめに?つくってあります。
imagesフォルダに以下のサンプルと同じデザインになるおまけ用画像が入れてあります。変えたい画像のファイルをデフォルトで使っているファイル名にリネームするだけです。
(今回の使用しているのは、ヘッダーの背景:head_back.gif、メイン画像:main_img.jpgなので、a1, a2と書いているファイルをこのデフォルトと入れ替えるだけ)
バージョン:1.0 ダウンロード: 3237
評価:
(4 票)
レビュー:
(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-03-27
とにかくシンプルな設計の2columns 幅固定のテーマです。
サイドカラムとコンテンツカラムの表示位置は、style.cssを一部改変するだけで簡単に入れ替え可能となっています。
デフォルトの状態は右側にサイドカラムが来るようになっています。
右側に配置するには、style.cssの赤字部分を入れ替えてください。(side_areaのborderもお忘れなく)
右ブロックは左ブロックの下に出現する仕様となっています。
ヘッダーにはXOOPSのメニューから分離したHTMLベースで作れるメニュースペースを用意しています。複雑で分かりづらいtheme.html内でなく、header_menu.htmlという単独ファイルを用意していますので、編集のミスも減るでしょう。
またヘッダー画像を変えることでがらりとイメージが変わりますので、是非オリジナリティのある写真を使用してみてください。(おまけでかなりの枚数の写真をimagesディレクトリに入れておきました)








サイドカラムとコンテンツカラムの表示位置は、style.cssを一部改変するだけで簡単に入れ替え可能となっています。
デフォルトの状態は右側にサイドカラムが来るようになっています。
右側に配置するには、style.cssの
#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;
background:#F9F9F9;
border-left:1px solid #CCC;
border-bottom:1px solid #CCC;
}右ブロックは左ブロックの下に出現する仕様となっています。
ヘッダーにはXOOPSのメニューから分離したHTMLベースで作れるメニュースペースを用意しています。複雑で分かりづらいtheme.html内でなく、header_menu.htmlという単独ファイルを用意していますので、編集のミスも減るでしょう。
またヘッダー画像を変えることでがらりとイメージが変わりますので、是非オリジナリティのある写真を使用してみてください。(おまけでかなりの枚数の写真をimagesディレクトリに入れておきました)
ダウンロード: 1917
評価:
(7 票)
レビュー:
(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)







