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

 

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

テーマダウンロード

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


メイン : simple : 



ソート順:  タイトル () 日付 () 評価 () ダウンロード数 ()
現在のソート順: タイトル(A→Z)

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

 



【01spl-01】
ボリュームの大きいサイトに向いているシンプルなテーマです。
レイアウト:センター可変・2カラム or 3カラム対応
カラー:Gold(ゴールド)

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

  • 開いたファイルの<!--headermenu-->この間<!--/headermenu-->がリンクの設定になります。

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

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

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

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

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

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

  • 開いたファイルの99行目にある<margin-left:20px;>が左側の余白サイズの設定になります。

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

  • 開いたファイルの100行目にある<margin-right:20px;>が右側の余白サイズの設定になります。

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


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


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

 



【01spl-02】
ボリュームの大きいサイトに向いているシンプルなテーマです。
レイアウト:センター可変・2カラム or 3カラム対応
カラー:Navy(ネイビー)

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

  • 開いたファイルの<!--headermenu-->この間<!--/headermenu-->がリンクの設定になります。

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

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

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

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

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

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

  • 開いたファイルの99行目にある<margin-left:20px;>が左側の余白サイズの設定になります。

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

  • 開いたファイルの100行目にある<margin-right:20px;>が右側の余白サイズの設定になります。

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


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


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

 



【01spl-03】
ボリュームの大きいサイトに向いているシンプルなテーマです。
レイアウト:センター可変・2カラム or 3カラム対応
カラー:Darkgreen(ダークグリーン)

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

  • 開いたファイルの<!--headermenu-->この間<!--/headermenu-->がリンクの設定になります。

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

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

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

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

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

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

  • 開いたファイルの99行目にある<margin-left:20px;>が左側の余白サイズの設定になります。

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

  • 開いたファイルの100行目にある<margin-right:20px;>が右側の余白サイズの設定になります。

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


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


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

 



【01spl-04】
ボリュームの大きいサイトに向いているシンプルなテーマです。
レイアウト:センター可変・2カラム or 3カラム対応
カラー:Choco(チョコ)

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

  • 開いたファイルの<!--headermenu-->この間<!--/headermenu-->がリンクの設定になります。

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

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

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

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

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

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

  • 開いたファイルの99行目にある<margin-left:20px;>が左側の余白サイズの設定になります。

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

  • 開いたファイルの100行目にある<margin-right:20px;>が右側の余白サイズの設定になります。

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


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


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

 



【01spl-05】
ボリュームの大きいサイトに向いているシンプルなテーマです。
レイアウト:センター可変・2カラム or 3カラム対応
カラー:Purple(パープル)

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

  • 開いたファイルの<!--headermenu-->この間<!--/headermenu-->がリンクの設定になります。

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

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

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

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

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

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

  • 開いたファイルの99行目にある<margin-left:20px;>が左側の余白サイズの設定になります。

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

  • 開いたファイルの100行目にある<margin-right:20px;>が右側の余白サイズの設定になります。

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


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


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

 



【01spl-06】
ボリュームの大きいサイトに向いているシンプルなテーマです。
レイアウト:センター可変・2カラム or 3カラム対応
カラー:Grey(グレー)

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

  • 開いたファイルの<!--headermenu-->この間<!--/headermenu-->がリンクの設定になります。

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

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

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

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

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

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

  • 開いたファイルの99行目にある<margin-left:20px;>が左側の余白サイズの設定になります。

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

  • 開いたファイルの100行目にある<margin-right:20px;>が右側の余白サイズの設定になります。

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


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


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

 



【02spl-01】
ビジネス色の強いサイトに使えるシンプルなテーマです。
レイアウト:コンテンツ部分センター固定・2カラム or 3カラム
カラー:white(ホワイト)

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

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

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

  • 開いたファイルの35行目にある<!--headermenu1-->この間<!--/headermenu1-->がヘッダーリンクの設定になります。

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

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

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

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

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

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

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

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

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

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

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


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


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

 



【02spl-02】
ビジネス色の強いサイトに使えるシンプルなテーマです。
レイアウト:コンテンツ部分センター固定・2カラム or 3カラム
カラー:Orange(オレンジ)

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

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

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

  • 開いたファイルの35行目にある<!--headermenu1-->この間<!--/headermenu1-->がヘッダーリンクの設定になります。

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

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

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

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

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

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

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

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

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

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

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


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


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

 



【02spl-03】
ビジネス色の強いサイトに使えるシンプルなテーマです。
レイアウト:コンテンツ部分センター固定・2カラム or 3カラム
カラー:Green(グリーン)

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

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

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

  • 開いたファイルの35行目にある<!--headermenu1-->この間<!--/headermenu1-->がヘッダーリンクの設定になります。

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

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

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

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

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

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

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

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

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

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

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


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


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

 



【02spl-04】
ビジネス色の強いサイトに使えるシンプルなテーマです。
レイアウト:コンテンツ部分センター固定・2カラム or 3カラム
カラー:Grey(グレー)

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

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

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

  • 開いたファイルの35行目にある<!--headermenu1-->この間<!--/headermenu1-->がヘッダーリンクの設定になります。

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

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

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

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

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

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

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

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

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

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

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


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


(1) 2 »
テーマ選択

(79 テーマ)

XOOPSサービス
AD