menu 1 menu 2 menu 3 menu 4 menu 5
メインメニュー
挑戦シリーズ
テーマ作成・配布
種類別テーマリンク
人気テーマ TOP10
検索

 

PAGE DESIGN lab.
PROJECT
PAGE DESIGN lab.
XOOPS DESIGN lab.
LOVE navigate
Twitter

テーマダウンロード

テーマを購入されてから、テーマの改変に関する質問をいただくことがたまにありますが、こちらの利用規約に記載されている通り当方ではテーマの改変に関する無償サポートは行っておりません。
ご購入の前には必ず該当テーマのテスト版(下記画像参照)をダウンロード・設置をして、希望通りのカスタマイズができるかどうかチェックをしてください。
またどうしてもサポートを必要とされる場合は、こちらのオーダーメイドサービスをご利用ください。



black (8)
business (14)
colorful (6)
cute (3)
flash (1)
graphical (18)
natural (14)
pop (2)
simple (13)


当サイトデータベースには計79件のファイルがあります

新着ダウンロード

カテゴリ: graphical
掲載日:  2010-7-2
説明:

 



【04grp-03】
イメージ画像を配置したグラフィカルなテーマです。
レイアウト:コンテンツ部分センター固定・2カラム or 3カラム
カラー:Green(グリーン)

ヘッダー下にあるイメージ画像を変更することで、
オリジナリティあるデザインにすることができます。

テーマのカスタマイズについて
●左上のロゴ画像を、オリジナルのロゴ画像に変更したい場合(上記図内の[A]参照)
  • 「images」フォルダ内に、【logo_moto.jpg】という名前の、ロゴ名が記載されていない、背景のみのjpg画像が入っています。

  • こちらをご自身のサイトに合わせて、画像ソフトなどを用いて、ロゴやイメージ画像を加える等のカスタマイズし保存して下さい。

  • 保存後、「images」フォルダ内の【logo.jpg】ファイルを捨て、【logo_moto.jpg】を【logo.jpg】に名称変更して完了です。
●ページ上部のヘッダーメニュー部分の変更(上記図内の[B]参照)
  • 【theme.html】ファイルをテキストエディタで開きます。

  • 開いたファイルの36行目<!--headermenu1-->この間<!--headermenu1-->がヘッダーメニューの設定になります。

  • 「menu 1」のテキスト部分を、表示させたいコンテンツ名に変更し、<a href="<{$xoops_url}>/modules/">のリンクタグ部分の、modules/以下に表示させたいコンテンツのディレクトリ名を記載します。(例:<a href="<{$xoops_url}>/modules/mylinks/">)

  • このグローバルナビ自体が必要ない場合は、<!--headermenu1-->この間<!--headermenu1-->を削除します。以上の作業を行い、ファイルを保存して完了です。
●タブリンク部分の変更(上記図内の[C]参照)
  • 【style.css】ファイルをテキストエディタで開きます。

  • 開いたファイルの45行目<!--headermenu2-->この間<!--headermenu2-->がタブリンクの設定になります。

  • 「menu 1」のテキスト部分を、表示させたいコンテンツ名に変更し、<a href="<{$xoops_url}>/modules/">のリンクタグ部分の、modules/以下に表示させたいコンテンツのディレクトリ名を記載します。(例:<a href="<{$xoops_url}>/modules/mylinks/">)

  • このグローバルナビ自体が必要ない場合は、<!--headermenu2-->この間<!--headermenu2-->を削除します。以上の作業を行い、ファイルを保存して完了です。
●メイン画像を変更したい場合(上記図内の[D]参照)
  • 「images」フォルダ内の【mainimg.jpg】を画像ソフトなどで開き、希望する画像に変更します。

  • 変更した画像を【mainimg.jpg】に上書き保存して完了です。
●ページ全体の横幅の変更(上記図内の[E]参照)
  • 【style.css】ファイルをテキストエディタで開きます。

  • 開いたファイルの13行目にある<width: 800px;/* ←ページ全体の幅を変えるときはこの数値を修正して下さい */>がページ全体の横幅の設定になります。

  • この部分を、表示させたい幅の数値に変更し、ファイルを保存して完了です。
●左メニュー横幅の変更(上記図内の[F]参照)
  • 【style.css】ファイルをテキストエディタで開きます。

  • 開いたファイルの26行目にある<width: 210px;/* ←メニューの幅を変えるときはこの数値を修正して下さい */>が左メニュー横幅の設定になります。

  • この部分を、表示させたい幅の数値に変更し、ファイルを保存して完了です。
●右メニュー横幅の変更(上記図内の[G]参照)
  • 【style.css】ファイルをテキストエディタで開きます。

  • 開いたファイルの30行目にある<width: 210px;/* ←メニューの幅を変えるときはこの数値を修正して下さい */>が右メニュー横幅の設定になります。

  • この部分を、表示させたい幅の数値に変更し、ファイルを保存して完了です。
●ページ下部のフッターメニュー部分の変更(上記図内の[H]参照)
  • 【theme.html】ファイルをテキストエディタで開きます。

  • 開いたファイルの174行目<!--footermenu-->この間<!--/footermenu-->がフッターメニューの設定になります。

  • 「menu 1」のテキスト部分を、表示させたいコンテンツ名に変更し、<a href="<{$xoops_url}>/modules/">のリンクタグ部分の、modules/以下に表示させたいコンテンツのディレクトリ名を記載します。(例:<a href="<{$xoops_url}>/modules/mylinks/">)

  • このフッターメニュー自体が必要ない場合は、<!--footermenu-->この間<!--/footermenu-->を削除します。以上の作業を行い、ファイルを保存して完了です。


ご購入前に必ず利用規約をご確認下さい。
このテーマのテスト版をダウンロードするテスト版とは
個人・非商用での無償利用お申し込み
97 回のダウンロード  97  ファイルサイズ 0バイト  利用可能なOS/ソフト等   ホームページ http://
評価: 0.00 (0 票)
このダウンロードを評価する | 投稿 | ファイル破損/リンク切れを報告


カテゴリ: graphical
掲載日:  2010-7-2
説明:

 



【04grp-02】
イメージ画像を配置したグラフィカルなテーマです。
レイアウト:コンテンツ部分センター固定・2カラム or 3カラム
カラー:Red(レッド)

ヘッダー下にあるイメージ画像を変更することで、
オリジナリティあるデザインにすることができます。

テーマのカスタマイズについて
●左上のロゴ画像を、オリジナルのロゴ画像に変更したい場合(上記図内の[A]参照)
  • 「images」フォルダ内に、【logo_moto.jpg】という名前の、ロゴ名が記載されていない、背景のみのjpg画像が入っています。

  • こちらをご自身のサイトに合わせて、画像ソフトなどを用いて、ロゴやイメージ画像を加える等のカスタマイズし保存して下さい。

  • 保存後、「images」フォルダ内の【logo.jpg】ファイルを捨て、【logo_moto.jpg】を【logo.jpg】に名称変更して完了です。
●ページ上部のヘッダーメニュー部分の変更(上記図内の[B]参照)
  • 【theme.html】ファイルをテキストエディタで開きます。

  • 開いたファイルの36行目<!--headermenu1-->この間<!--headermenu1-->がヘッダーメニューの設定になります。

  • 「menu 1」のテキスト部分を、表示させたいコンテンツ名に変更し、<a href="<{$xoops_url}>/modules/">のリンクタグ部分の、modules/以下に表示させたいコンテンツのディレクトリ名を記載します。(例:<a href="<{$xoops_url}>/modules/mylinks/">)

  • このグローバルナビ自体が必要ない場合は、<!--headermenu1-->この間<!--headermenu1-->を削除します。以上の作業を行い、ファイルを保存して完了です。
●タブリンク部分の変更(上記図内の[C]参照)
  • 【style.css】ファイルをテキストエディタで開きます。

  • 開いたファイルの45行目<!--headermenu2-->この間<!--headermenu2-->がタブリンクの設定になります。

  • 「menu 1」のテキスト部分を、表示させたいコンテンツ名に変更し、<a href="<{$xoops_url}>/modules/">のリンクタグ部分の、modules/以下に表示させたいコンテンツのディレクトリ名を記載します。(例:<a href="<{$xoops_url}>/modules/mylinks/">)

  • このグローバルナビ自体が必要ない場合は、<!--headermenu2-->この間<!--headermenu2-->を削除します。以上の作業を行い、ファイルを保存して完了です。
●メイン画像を変更したい場合(上記図内の[D]参照)
  • 「images」フォルダ内の【mainimg.jpg】を画像ソフトなどで開き、希望する画像に変更します。

  • 変更した画像を【mainimg.jpg】に上書き保存して完了です。
●ページ全体の横幅の変更(上記図内の[E]参照)
  • 【style.css】ファイルをテキストエディタで開きます。

  • 開いたファイルの13行目にある<width: 800px;/* ←ページ全体の幅を変えるときはこの数値を修正して下さい */>がページ全体の横幅の設定になります。

  • この部分を、表示させたい幅の数値に変更し、ファイルを保存して完了です。
●左メニュー横幅の変更(上記図内の[F]参照)
  • 【style.css】ファイルをテキストエディタで開きます。

  • 開いたファイルの26行目にある<width: 210px;/* ←メニューの幅を変えるときはこの数値を修正して下さい */>が左メニュー横幅の設定になります。

  • この部分を、表示させたい幅の数値に変更し、ファイルを保存して完了です。
●右メニュー横幅の変更(上記図内の[G]参照)
  • 【style.css】ファイルをテキストエディタで開きます。

  • 開いたファイルの30行目にある<width: 210px;/* ←メニューの幅を変えるときはこの数値を修正して下さい */>が右メニュー横幅の設定になります。

  • この部分を、表示させたい幅の数値に変更し、ファイルを保存して完了です。
●ページ下部のフッターメニュー部分の変更(上記図内の[H]参照)
  • 【theme.html】ファイルをテキストエディタで開きます。

  • 開いたファイルの174行目<!--footermenu-->この間<!--/footermenu-->がフッターメニューの設定になります。

  • 「menu 1」のテキスト部分を、表示させたいコンテンツ名に変更し、<a href="<{$xoops_url}>/modules/">のリンクタグ部分の、modules/以下に表示させたいコンテンツのディレクトリ名を記載します。(例:<a href="<{$xoops_url}>/modules/mylinks/">)

  • このフッターメニュー自体が必要ない場合は、<!--footermenu-->この間<!--/footermenu-->を削除します。以上の作業を行い、ファイルを保存して完了です。


ご購入前に必ず利用規約をご確認下さい。
このテーマのテスト版をダウンロードするテスト版とは
個人・非商用での無償利用お申し込み
68 回のダウンロード  68  ファイルサイズ 0バイト  利用可能なOS/ソフト等   ホームページ http://
評価: 0.00 (0 票)
このダウンロードを評価する | 投稿 | ファイル破損/リンク切れを報告


カテゴリ: graphical
掲載日:  2010-7-2
説明:

 



【04grp-01】
イメージ画像を配置したグラフィカルなテーマです。
レイアウト:コンテンツ部分センター固定・2カラム or 3カラム
カラー:Blue(ブルー)

ヘッダー下にあるイメージ画像を変更することで、
オリジナリティあるデザインにすることができます。

テーマのカスタマイズについて
●左上のロゴ画像を、オリジナルのロゴ画像に変更したい場合(上記図内の[A]参照)
  • 「images」フォルダ内に、【logo_moto.jpg】という名前の、ロゴ名が記載されていない、背景のみのjpg画像が入っています。

  • こちらをご自身のサイトに合わせて、画像ソフトなどを用いて、ロゴやイメージ画像を加える等のカスタマイズし保存して下さい。

  • 保存後、「images」フォルダ内の【logo.jpg】ファイルを捨て、【logo_moto.jpg】を【logo.jpg】に名称変更して完了です。
●ページ上部のヘッダーメニュー部分の変更(上記図内の[B]参照)
  • 【theme.html】ファイルをテキストエディタで開きます。

  • 開いたファイルの36行目<!--headermenu1-->この間<!--headermenu1-->がヘッダーメニューの設定になります。

  • 「menu 1」のテキスト部分を、表示させたいコンテンツ名に変更し、<a href="<{$xoops_url}>/modules/">のリンクタグ部分の、modules/以下に表示させたいコンテンツのディレクトリ名を記載します。(例:<a href="<{$xoops_url}>/modules/mylinks/">)

  • このグローバルナビ自体が必要ない場合は、<!--headermenu1-->この間<!--headermenu1-->を削除します。以上の作業を行い、ファイルを保存して完了です。
●タブリンク部分の変更(上記図内の[C]参照)
  • 【style.css】ファイルをテキストエディタで開きます。

  • 開いたファイルの45行目<!--headermenu2-->この間<!--headermenu2-->がタブリンクの設定になります。

  • 「menu 1」のテキスト部分を、表示させたいコンテンツ名に変更し、<a href="<{$xoops_url}>/modules/">のリンクタグ部分の、modules/以下に表示させたいコンテンツのディレクトリ名を記載します。(例:<a href="<{$xoops_url}>/modules/mylinks/">)

  • このグローバルナビ自体が必要ない場合は、<!--headermenu2-->この間<!--headermenu2-->を削除します。以上の作業を行い、ファイルを保存して完了です。
●メイン画像を変更したい場合(上記図内の[D]参照)
  • 「images」フォルダ内の【mainimg.jpg】を画像ソフトなどで開き、希望する画像に変更します。

  • 変更した画像を【mainimg.jpg】に上書き保存して完了です。
●ページ全体の横幅の変更(上記図内の[E]参照)
  • 【style.css】ファイルをテキストエディタで開きます。

  • 開いたファイルの13行目にある<width: 800px;/* ←ページ全体の幅を変えるときはこの数値を修正して下さい */>がページ全体の横幅の設定になります。

  • この部分を、表示させたい幅の数値に変更し、ファイルを保存して完了です。
●左メニュー横幅の変更(上記図内の[F]参照)
  • 【style.css】ファイルをテキストエディタで開きます。

  • 開いたファイルの26行目にある<width: 210px;/* ←メニューの幅を変えるときはこの数値を修正して下さい */>が左メニュー横幅の設定になります。

  • この部分を、表示させたい幅の数値に変更し、ファイルを保存して完了です。
●右メニュー横幅の変更(上記図内の[G]参照)
  • 【style.css】ファイルをテキストエディタで開きます。

  • 開いたファイルの30行目にある<width: 210px;/* ←メニューの幅を変えるときはこの数値を修正して下さい */>が右メニュー横幅の設定になります。

  • この部分を、表示させたい幅の数値に変更し、ファイルを保存して完了です。
●ページ下部のフッターメニュー部分の変更(上記図内の[H]参照)
  • 【theme.html】ファイルをテキストエディタで開きます。

  • 開いたファイルの174行目<!--footermenu-->この間<!--/footermenu-->がフッターメニューの設定になります。

  • 「menu 1」のテキスト部分を、表示させたいコンテンツ名に変更し、<a href="<{$xoops_url}>/modules/">のリンクタグ部分の、modules/以下に表示させたいコンテンツのディレクトリ名を記載します。(例:<a href="<{$xoops_url}>/modules/mylinks/">)

  • このフッターメニュー自体が必要ない場合は、<!--footermenu-->この間<!--/footermenu-->を削除します。以上の作業を行い、ファイルを保存して完了です。


ご購入前に必ず利用規約をご確認下さい。
このテーマのテスト版をダウンロードするテスト版とは
個人・非商用での無償利用お申し込み
80 回のダウンロード  80  ファイルサイズ 0バイト  利用可能なOS/ソフト等   ホームページ 
評価: 0.00 (0 票)
このダウンロードを評価する | 投稿 | ファイル破損/リンク切れを報告


カテゴリ: simple
掲載日:  2009-12-4
説明:

 



【03spl-03】
ボリュームの大きいサイトに向いているシンプルなテーマです。
レイアウト:コンテンツ部分センター固定・2カラム or 3カラム
カラー:Blue(ブルー)

左右のメニューブロック部分がスッキリしているので、
「ブロックが目立っていかにもXOOPSっぽいサイト」という
XOOPSサイトにありがちな弱点を軽減できます。

テーマのカスタマイズについて
●左上のロゴ画像を、オリジナルのロゴ画像に変更したい場合(上記図内の[A]参照)
  • 「images」フォルダ内の、【logo.jpg】がロゴ画像になります。

  • こちらをご自身のサイトに合わせて、画像ソフトなどを用いて、ロゴやイメージ画像を加える等のカスタマイズし保存して下さい。
●ページ上部のグローバルナビ部分の変更(上記図内の[B]参照)
  • 【theme.html】ファイルをテキストエディタで開きます。

  • 開いたファイルの34行目<!--headermenu-->この間<!--headermenu-->がグローバルナビの設定になります。

  • 「MENU
    1」のテキスト部分を、表示させたいコンテンツ名に変更し、<a
    href="<{$xoops_url}>/modules/">のリンクタグ部分の、modules/以下に表示させたいコンテンツのディ
    レクトリ名を記載します。(例:<a href="<{$xoops_url}>/modules/mylinks/">)

  • このグローバルナビ自体が必要ない場合は、<!--headermenu-->この間<!--headermenu-->を削除します。以上の作業を行い、ファイルを保存して完了です。
●ページ全体の横幅の変更(上記図内の[C]参照)
  • 【style.css】ファイルをテキストエディタで開きます。

  • 開いたファイルの11行目にある<width: 920px;/* ←ページ全体の幅を変えるときはこの数値を修正して下さい */>がページ全体の横幅の設定になります。

  • この部分を、表示させたい幅の数値に変更し、ファイルを保存して完了です。
●左メニュー横幅の変更(上記図内の[D]参照)
  • 【style.css】ファイルをテキストエディタで開きます。

  • 開いたファイルの17行目にある<width: 190px;/* ←左メニューの幅を変えるときはこの数値を修正して下さい */>が左メニュー横幅の設定になります。

  • この部分を、表示させたい幅の数値に変更し、ファイルを保存して完了です。
●右メニュー横幅の変更(上記図内の[E]参照)
  • 【style.css】ファイルをテキストエディタで開きます。

  • 開いたファイルの21行目にある<width: 190px;/* ←右メニューの幅を変えるときはこの数値を修正して下さい */>が右メニュー横幅の設定になります。

  • この部分を、表示させたい幅の数値に変更し、ファイルを保存して完了です。
●ページ下部のフッターメニュー部分の変更(上記図内の[F]参照)
  • 【theme.html】ファイルをテキストエディタで開きます。

  • 開いたファイルの164行目<!--footermenu-->この間<!--footermenu-->がフッターメニューの設定になります。

  • 「MENU
    1」のテキスト部分を、表示させたいコンテンツ名に変更し、<a
    href="<{$xoops_url}>/modules/">のリンクタグ部分の、modules/以下に表示させたいコンテンツのディ
    レクトリ名を記載します。(例:<a href="<{$xoops_url}>/modules/mylinks/">)

  • このフッターメニュー自体が必要ない場合は、<!--footermenu-->この間<!--footermenu-->を削除します。以上の作業を行い、ファイルを保存して完了です。


ご購入前に必ず利用規約をご確認下さい。
このテーマのテスト版をダウンロードするテスト版とは
個人・非商用での無償利用お申し込み
297 回のダウンロード  297  ファイルサイズ 0バイト  利用可能なOS/ソフト等   ホームページ http://
評価: 0.00 (0 票)
このダウンロードを評価する | 投稿 | ファイル破損/リンク切れを報告


カテゴリ: simple
掲載日:  2009-12-4
説明:

 



【03spl-02】
ボリュームの大きいサイトに向いているシンプルなテーマです。
レイアウト:コンテンツ部分センター固定・2カラム or 3カラム
カラー:Orange(オレンジ)

左右のメニューブロック部分がスッキリしているので、
「ブロックが目立っていかにもXOOPSっぽいサイト」という
XOOPSサイトにありがちな弱点を軽減できます。

テーマのカスタマイズについて
●左上のロゴ画像を、オリジナルのロゴ画像に変更したい場合(上記図内の[A]参照)
  • 「images」フォルダ内の、【logo.jpg】がロゴ画像になります。

  • こちらをご自身のサイトに合わせて、画像ソフトなどを用いて、ロゴやイメージ画像を加える等のカスタマイズし保存して下さい。
●ページ上部のグローバルナビ部分の変更(上記図内の[B]参照)
  • 【theme.html】ファイルをテキストエディタで開きます。

  • 開いたファイルの34行目<!--headermenu-->この間<!--headermenu-->がグローバルナビの設定になります。

  • 「MENU
    1」のテキスト部分を、表示させたいコンテンツ名に変更し、<a
    href="<{$xoops_url}>/modules/">のリンクタグ部分の、modules/以下に表示させたいコンテンツのディ
    レクトリ名を記載します。(例:<a href="<{$xoops_url}>/modules/mylinks/">)

  • このグローバルナビ自体が必要ない場合は、<!--headermenu-->この間<!--headermenu-->を削除します。以上の作業を行い、ファイルを保存して完了です。
●ページ全体の横幅の変更(上記図内の[C]参照)
  • 【style.css】ファイルをテキストエディタで開きます。

  • 開いたファイルの11行目にある<width: 920px;/* ←ページ全体の幅を変えるときはこの数値を修正して下さい */>がページ全体の横幅の設定になります。

  • この部分を、表示させたい幅の数値に変更し、ファイルを保存して完了です。
●左メニュー横幅の変更(上記図内の[D]参照)
  • 【style.css】ファイルをテキストエディタで開きます。

  • 開いたファイルの17行目にある<width: 190px;/* ←左メニューの幅を変えるときはこの数値を修正して下さい */>が左メニュー横幅の設定になります。

  • この部分を、表示させたい幅の数値に変更し、ファイルを保存して完了です。
●右メニュー横幅の変更(上記図内の[E]参照)
  • 【style.css】ファイルをテキストエディタで開きます。

  • 開いたファイルの21行目にある<width: 190px;/* ←右メニューの幅を変えるときはこの数値を修正して下さい */>が右メニュー横幅の設定になります。

  • この部分を、表示させたい幅の数値に変更し、ファイルを保存して完了です。
●ページ下部のフッターメニュー部分の変更(上記図内の[F]参照)
  • 【theme.html】ファイルをテキストエディタで開きます。

  • 開いたファイルの164行目<!--footermenu-->この間<!--footermenu-->がフッターメニューの設定になります。

  • 「MENU
    1」のテキスト部分を、表示させたいコンテンツ名に変更し、<a
    href="<{$xoops_url}>/modules/">のリンクタグ部分の、modules/以下に表示させたいコンテンツのディ
    レクトリ名を記載します。(例:<a href="<{$xoops_url}>/modules/mylinks/">)

  • このフッターメニュー自体が必要ない場合は、<!--footermenu-->この間<!--footermenu-->を削除します。以上の作業を行い、ファイルを保存して完了です。


ご購入前に必ず利用規約をご確認下さい。
このテーマのテスト版をダウンロードするテスト版とは
個人・非商用での無償利用お申し込み
203 回のダウンロード  203  ファイルサイズ 0バイト  利用可能なOS/ソフト等   ホームページ http://
評価: 0.00 (0 票)
このダウンロードを評価する | 投稿 | ファイル破損/リンク切れを報告


カテゴリ: simple
掲載日:  2009-12-4
説明:

 



【03spl-01】
ボリュームの大きいサイトに向いているシンプルなテーマです。
レイアウト:コンテンツ部分センター固定・2カラム or 3カラム
カラー:Grey(グレー)

左右のメニューブロック部分がスッキリしているので、
「ブロックが目立っていかにもXOOPSっぽいサイト」という
XOOPSサイトにありがちな弱点を軽減できます。

テーマのカスタマイズについて
●左上のロゴ画像を、オリジナルのロゴ画像に変更したい場合(上記図内の[A]参照)
  • 「images」フォルダ内の、【logo.jpg】がロゴ画像になります。

  • こちらをご自身のサイトに合わせて、画像ソフトなどを用いて、ロゴやイメージ画像を加える等のカスタマイズし保存して下さい。
●ページ上部のグローバルナビ部分の変更(上記図内の[B]参照)
  • 【theme.html】ファイルをテキストエディタで開きます。

  • 開いたファイルの34行目<!--headermenu-->この間<!--headermenu-->がグローバルナビの設定になります。

  • 「MENU
    1」のテキスト部分を、表示させたいコンテンツ名に変更し、<a
    href="<{$xoops_url}>/modules/">のリンクタグ部分の、modules/以下に表示させたいコンテンツのディ
    レクトリ名を記載します。(例:<a href="<{$xoops_url}>/modules/mylinks/">)

  • このグローバルナビ自体が必要ない場合は、<!--headermenu-->この間<!--headermenu-->を削除します。以上の作業を行い、ファイルを保存して完了です。
●ページ全体の横幅の変更(上記図内の[C]参照)
  • 【style.css】ファイルをテキストエディタで開きます。

  • 開いたファイルの11行目にある<width: 920px;/* ←ページ全体の幅を変えるときはこの数値を修正して下さい */>がページ全体の横幅の設定になります。

  • この部分を、表示させたい幅の数値に変更し、ファイルを保存して完了です。
●左メニュー横幅の変更(上記図内の[D]参照)
  • 【style.css】ファイルをテキストエディタで開きます。

  • 開いたファイルの17行目にある<width: 190px;/* ←左メニューの幅を変えるときはこの数値を修正して下さい */>が左メニュー横幅の設定になります。

  • この部分を、表示させたい幅の数値に変更し、ファイルを保存して完了です。
●右メニュー横幅の変更(上記図内の[E]参照)
  • 【style.css】ファイルをテキストエディタで開きます。

  • 開いたファイルの21行目にある<width: 190px;/* ←右メニューの幅を変えるときはこの数値を修正して下さい */>が右メニュー横幅の設定になります。

  • この部分を、表示させたい幅の数値に変更し、ファイルを保存して完了です。
●ページ下部のフッターメニュー部分の変更(上記図内の[F]参照)
  • 【theme.html】ファイルをテキストエディタで開きます。

  • 開いたファイルの164行目<!--footermenu-->この間<!--footermenu-->がフッターメニューの設定になります。

  • 「MENU
    1」のテキスト部分を、表示させたいコンテンツ名に変更し、<a
    href="<{$xoops_url}>/modules/">のリンクタグ部分の、modules/以下に表示させたいコンテンツのディ
    レクトリ名を記載します。(例:<a href="<{$xoops_url}>/modules/mylinks/">)

  • このフッターメニュー自体が必要ない場合は、<!--footermenu-->この間<!--footermenu-->を削除します。以上の作業を行い、ファイルを保存して完了です。


ご購入前に必ず利用規約をご確認下さい。
このテーマのテスト版をダウンロードするテスト版とは
個人・非商用での無償利用お申し込み
271 回のダウンロード  271  ファイルサイズ 0バイト  利用可能なOS/ソフト等   ホームページ http://
評価: 0.00 (0 票)
このダウンロードを評価する | 投稿 | ファイル破損/リンク切れを報告


カテゴリ: natural
掲載日:  2009-12-4
説明:

 



【03ntr-03】
イラストを組み合わせたナチュラルなデザインのテーマです。
レイアウト:コンテンツ部分センター固定・2カラム or 3カラム
カラー:Blue(ブルー)

テーマのカスタマイズについて
●グローバルナビリンク部分の変更(上記図内の[A]参照)
  • 【theme.html】ファイルをテキストエディタで開きます。

  • 開いたファイルの<!--headermenu-->この間<!--headermenu-->がグローバルナビリンク部分の設定になります。

  • 「MENU
    1」のテキスト部分を、表示させたいコンテンツ名に変更し、<a
    href="<{$xoops_url}>/modules/">のリンクタグ部分の、modules/以下に表示させたいコンテンツのディ
    レクトリ名を記載します。(例:<a href="<{$xoops_url}>/modules/mylinks/">)
●ページ全体の横幅の変更(上記図内の[B]参照)
  • 【style.css】ファイルをテキストエディタで開きます。

  • 開いたファイルの13行目にある<width: 920px;/* ←ページ全体の幅を変えるときはこの数値を修正して下さい */>がページ全体の横幅の設定になります。

  • この部分を、表示させたい幅の数値に変更し、ファイルを保存して完了です。
●左メニュー横幅の変更(上記図内の[C]参照)
  • 【style.css】ファイルをテキストエディタで開きます。

  • 開いたファイルの20行目にある<width: 180px;/* ←右メニューの幅を変えるときはこの数値を修正して下さい */>が右メニュー横幅の設定になります。

  • この部分を、表示させたい幅の数値に変更し、ファイルを保存して完了です。
●右メニュー横幅の変更(上記図内の[D]参照)
  • 【style.css】ファイルをテキストエディタで開きます。

  • 開いたファイルの25行目にある<width: 180px;/* ←右メニューの幅を変えるときはこの数値を修正して下さい */>が右メニュー横幅の設定になります。

  • この部分を、表示させたい幅の数値に変更し、ファイルを保存して完了です。


ご購入前に必ず利用規約をご確認下さい。
このテーマのテスト版をダウンロードするテスト版とは
個人・非商用での無償利用お申し込み
494 回のダウンロード  494  ファイルサイズ 0バイト  利用可能なOS/ソフト等   ホームページ 
評価: 0.00 (0 票)
このダウンロードを評価する | 投稿 | ファイル破損/リンク切れを報告


カテゴリ: natural
掲載日:  2009-12-4
説明:

 



【03ntr-02】
イラストを組み合わせたナチュラルなデザインのテーマです。
レイアウト:コンテンツ部分センター固定・2カラム or 3カラム
カラー:Green(グリーン)

テーマのカスタマイズについて
●グローバルナビリンク部分の変更(上記図内の[A]参照)
  • 【theme.html】ファイルをテキストエディタで開きます。

  • 開いたファイルの<!--headermenu-->この間<!--headermenu-->がグローバルナビリンク部分の設定になります。

  • 「MENU
    1」のテキスト部分を、表示させたいコンテンツ名に変更し、<a
    href="<{$xoops_url}>/modules/">のリンクタグ部分の、modules/以下に表示させたいコンテンツのディ
    レクトリ名を記載します。(例:<a href="<{$xoops_url}>/modules/mylinks/">)
●ページ全体の横幅の変更(上記図内の[B]参照)
  • 【style.css】ファイルをテキストエディタで開きます。

  • 開いたファイルの13行目にある<width: 920px;/* ←ページ全体の幅を変えるときはこの数値を修正して下さい */>がページ全体の横幅の設定になります。

  • この部分を、表示させたい幅の数値に変更し、ファイルを保存して完了です。
●左メニュー横幅の変更(上記図内の[C]参照)
  • 【style.css】ファイルをテキストエディタで開きます。

  • 開いたファイルの20行目にある<width: 180px;/* ←右メニューの幅を変えるときはこの数値を修正して下さい */>が右メニュー横幅の設定になります。

  • この部分を、表示させたい幅の数値に変更し、ファイルを保存して完了です。
●右メニュー横幅の変更(上記図内の[D]参照)
  • 【style.css】ファイルをテキストエディタで開きます。

  • 開いたファイルの25行目にある<width: 180px;/* ←右メニューの幅を変えるときはこの数値を修正して下さい */>が右メニュー横幅の設定になります。

  • この部分を、表示させたい幅の数値に変更し、ファイルを保存して完了です。


ご購入前に必ず利用規約をご確認下さい。
このテーマのテスト版をダウンロードするテスト版とは
個人・非商用での無償利用お申し込み
466 回のダウンロード  466  ファイルサイズ 0バイト  利用可能なOS/ソフト等   ホームページ 
評価: 0.00 (0 票)
このダウンロードを評価する | 投稿 | ファイル破損/リンク切れを報告


カテゴリ: natural
掲載日:  2009-12-4
説明:

 



【03ntr-01】
イラストを組み合わせたナチュラルなデザインのテーマです。
レイアウト:コンテンツ部分センター固定・2カラム or 3カラム
カラー:Brown(ブラウン)

テーマのカスタマイズについて
●グローバルナビリンク部分の変更(上記図内の[A]参照)
  • 【theme.html】ファイルをテキストエディタで開きます。

  • 開いたファイルの<!--headermenu-->この間<!--headermenu-->がグローバルナビリンク部分の設定になります。

  • 「MENU
    1」のテキスト部分を、表示させたいコンテンツ名に変更し、<a
    href="<{$xoops_url}>/modules/">のリンクタグ部分の、modules/以下に表示させたいコンテンツのディ
    レクトリ名を記載します。(例:<a href="<{$xoops_url}>/modules/mylinks/">)
●ページ全体の横幅の変更(上記図内の[B]参照)
  • 【style.css】ファイルをテキストエディタで開きます。

  • 開いたファイルの13行目にある<width: 920px;/* ←ページ全体の幅を変えるときはこの数値を修正して下さい */>がページ全体の横幅の設定になります。

  • この部分を、表示させたい幅の数値に変更し、ファイルを保存して完了です。
●左メニュー横幅の変更(上記図内の[C]参照)
  • 【style.css】ファイルをテキストエディタで開きます。

  • 開いたファイルの20行目にある<width: 180px;/* ←右メニューの幅を変えるときはこの数値を修正して下さい */>が右メニュー横幅の設定になります。

  • この部分を、表示させたい幅の数値に変更し、ファイルを保存して完了です。
●右メニュー横幅の変更(上記図内の[D]参照)
  • 【style.css】ファイルをテキストエディタで開きます。

  • 開いたファイルの25行目にある<width: 180px;/* ←右メニューの幅を変えるときはこの数値を修正して下さい */>が右メニュー横幅の設定になります。

  • この部分を、表示させたい幅の数値に変更し、ファイルを保存して完了です。


ご購入前に必ず利用規約をご確認下さい。
このテーマのテスト版をダウンロードするテスト版とは
個人・非商用での無償利用お申し込み
516 回のダウンロード  516  ファイルサイズ 0バイト  利用可能なOS/ソフト等   ホームページ 
評価: 0.00 (0 票)
このダウンロードを評価する | 投稿 | ファイル破損/リンク切れを報告


カテゴリ: natural
掲載日:  2009-11-12
説明:

 



【04ntr-03】
イラストを組み合わせたナチュラルなデザインのテーマです。
レイアウト:コンテンツ部分センター固定・2カラム or 3カラム
カラー:Grey(グレー)

テーマのカスタマイズについて
●左上のロゴ画像を、オリジナルのロゴ画像に変更したい場合(上記図内の[A]参照)
  • 「images」フォルダ内に、【logo_moto.jpg】という名前の、ロゴ名が記載されていない、背景のみのjpg画像が入っています。

  • こちらをご自身のサイトに合わせて、画像ソフトなどを用いて、ロゴやイメージ画像を加える等のカスタマイズし保存して下さい。

  • 保存後、「images」フォルダ内の【logo.jpg】ファイルを捨て、【logo_moto.jpg】を【logo.jpg】に名称変更して完了です。
●ページ上部のグローバルナビ部分の変更(上記図内の[B]参照)
  • 【theme.html】ファイルをテキストエディタで開きます。

  • 開いたファイルの37行目<!--headermenu-->この間<!--headermenu-->がグローバルナビの設定になります。

  • 「MENU
    1」のテキスト部分を、表示させたいコンテンツ名に変更し、<a
    href="<{$xoops_url}>/modules/">のリンクタグ部分の、modules/以下に表示させたいコンテンツのディ
    レクトリ名を記載します。(例:<a href="<{$xoops_url}>/modules/mylinks/">)

  • このグローバルナビ自体が必要ない場合は、<!--headermenu-->この間<!--headermenu-->を削除します。以上の作業を行い、ファイルを保存して完了です。
●ページ上部のグローバルナビ部分の変更(上記図内の[C]参照)
  • ページ右上のポイントイラストが必要のない場合は32行目の<div id="ill"><img src="<{$xoops_imageurl}>images/ill.gif" /></div>を削除してください。
●ページ全体の横幅の変更(上記図内の[D]参照)
  • 【style.css】ファイルをテキストエディタで開きます。

  • 開いたファイルの16行目にある<width: 940px;/* ←ページ全体の幅を変えるときはこの数値を修正して下さい */>がページ全体の横幅の設定になります。

  • この部分を、表示させたい幅の数値に変更し、ファイルを保存して完了です。
●左メニュー横幅の変更(上記図内の[E]参照)
  • 【style.css】ファイルをテキストエディタで開きます。

  • 開いたファイルの22行目にある<width: 180px;/* ←左メニューの幅を変えるときはこの数値を修正して下さい */>が左メニュー横幅の設定になります。

  • この部分を、表示させたい幅の数値に変更し、ファイルを保存して完了です。
●右メニュー横幅の変更(上記図内の[F]参照)
  • 【style.css】ファイルをテキストエディタで開きます。

  • 開いたファイルの29行目にある<width: 180px;/* ←右メニューの幅を変えるときはこの数値を修正して下さい */>が右メニュー横幅の設定になります。

  • この部分を、表示させたい幅の数値に変更し、ファイルを保存して完了です。


ご購入前に必ず利用規約をご確認下さい。
このテーマのテスト版をダウンロードするテスト版とは
個人・非商用での無償利用お申し込み
264 回のダウンロード  264  ファイルサイズ 0バイト  利用可能なOS/ソフト等   ホームページ 
評価: 0.00 (0 票)
このダウンロードを評価する | 投稿 | ファイル破損/リンク切れを報告


テーマ選択

(79 テーマ)

XOOPSサービス
AD