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

 

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

テーマダウンロード

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


メイン : graphical : 

カテゴリ: 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-->を削除します。以上の作業を行い、ファイルを保存して完了です。


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


テーマ選択

(79 テーマ)

XOOPSサービス
AD