Follow Us.RSS

2010年3月23日(火)ナビゲーションでイメチェン!

ナビメーカーでナビゲーションレイアウトを変更するには?

ナビゲーション表示を変更するとサイトの雰囲気がけっこう変化します。そこで今回はナビゲーション表示の変更方法についてご紹介します。

ナビゲーション表示を変更するには、まずはじめに、「ナビメーカー」のメインメニューから「ナビゲーションレイアウト」を選択します。次に「ナビゲーションレイアウト」設定の「サイトナビゲーション方式の選択」でサイトナビゲーション方式を変更します。最後に「ナビゲーション作成」で「ナビゲーション書き出し」を実行すると、ナビゲーションレイアウトが変更されます。

ためしに「ナビゲーションレイアウト」設定で「CSS タブ方式」「カラータブ」を選択してみましょう。

「CSS タブ方式」「カラータブ」を選択。

次に「ナビゲーション作成」でタブ背景色とタブ文字色を設定して「ナビゲーション書き出し」を実行します。

タブの色を設定して「ナビゲーション書き出し」を実行。

すると、サンプルサイトの「サンプル2」のような、カラフルタブナビゲーションを作ることができます。

カラフルなタブナビゲーション。

今度は「ナビゲーションレイアウト」設定で「CSS タブ方式」「イメージタブ」を選択してみましょう。

すると、こんなふうなタブナビゲーションになります。タブ画像は「アイコンライブラリ編集」「タブ画像」で追加・変更することができます。

立体感のある画像でタブを表現。

いかがだったでしょうか。サイトナビゲーションの表示を変えるだけでも、けっこうイメージが変わるものですね。ぜひいろいろ試してみてください!

コメント

トラックバック

関連記事

[画像]

CMONOS.JP | 開発者ブログ | 「styleNaturalWood」登場!

2011年5月21日 ... このサイトテンプレートは、ナビゲーション部分のデザインと各種ボタン画像のみで構成 されています。そのためサブディレクトリ ... ナビメーカー」で設定に問題がないことを確認 してから、「ナビゲーション書き出し」を実行します。 「ナビメーカー」で「 ...
https://cmonos.jp/blog/2011052100/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 特集!超オススメ無料背景素材

2010年3月15日 ... イメージタブ」を選択。 すると、こんなふうなタブナビゲーションになります。タブ画像は「 アイコンライブラリ編集」「タブ画像」で追加・変更することができます。 イメージタブ ナビゲーション. 立体感のある画像でタブを表現。 いかがだったでしょうか。
https://cmonos.jp/blog/2010031504/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | デフォルトのテンプレートを一新!

2010年3月15日 ... 次に「ナビゲーションレイアウト」設定の「サイトナビゲーション方式の選択」でサイト ナビゲーション方式を変更します。最後に「 ... すると、サンプルサイトの「サンプル2」の ような、カラフルタブナビゲーションを作ることができます。 .... このサイト ...
https://cmonos.jp/blog/2010031500/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | バックアップは万全ですか?

2012年6月29日 ... このサイトテンプレートは、ナビゲーション部分のデザインと各種ボタン画像のみで構成 されています。そのためサブディレクトリ ... ナビメーカー」で設定に問題がないことを確認 してから、「ナビゲーション書き出し」を実行します。 「ナビメーカー」で「 ...
https://cmonos.jp/blog/2012062900/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | おいしそうな "ショコラ" ができました。

2009年6月9日 ... Vicuna のスタイリッシュなスキンと、CMONOS.JP のお手軽タブナビゲーションを 組み合わせると、Vicuna スキン本来の味わいとはまた違った雰囲気になりますね! ( これらサイトテンプレートの構成は、デフォルトのサイトテンプレートと同じ ...
https://cmonos.jp/blog/2009060900/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 縦書きもできるアクセスカウンター

2008年9月12日 ... イメージタブ」を選択。 すると、こんなふうなタブナビゲーションになります。タブ画像は「 アイコンライブラリ編集」「タブ画像」で追加・変更することができます。 イメージタブ ナビゲーション. 立体感のある画像でタブを表現。 いかがだったでしょうか。
https://cmonos.jp/blog/2008091200/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 全文検索サーバー Fess を試す

2013年6月20日 ... ちなみに、「ナビメーカー」の「ナビゲーションレイアウト」で設定する「Google によるサイト 検索」も「Google カスタム検索」を利用するようになりました。「ナビゲーションレイアウト」 で設定を確認後、「ナビゲーション作成」で「ナビゲーション書き出し」 ...
https://cmonos.jp/blog/2013062000/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | XREA で簡単 Namazu インストール

2008年9月2日 ... 2010年3月23日 ... 最後に「ナビゲーション作成」で「ナビゲーション書き出し」を実行 すると、ナビゲーションレイアウトが変更されます。 ためしに「 ... 次に「ナビゲーション作成 」でタブ背景色とタブ文字色を設定して「ナビゲーション書き出し」を実行 ...
https://cmonos.jp/blog/2008090200/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | サイト丸ごと携帯対応「cmonos.m」

2011年2月1日 ...ナビゲーション部分は自動的にページ末尾に回され、アクセスキーが割り振られます。 メールフォームなども動作します。 これからは「CMONOS.JP」を導入するだけで、 DreamWeaver などで作られた既存 HTML コンテンツも、「CMONOS.
https://cmonos.jp/blog/2011020100/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 地図で物件検索!「不動産サイト」

2010年3月15日 ... CMONOS.JP 専用サイトテンプレート「不動産サイト」は、不動産サイトのために作成 されました。Google マップを利用した物件検索や会社概要ページがあらかじめ 組み込まれています。
https://cmonos.jp/blog/2010031502/1.shtml

更新情報

最近の記事

RSS

カレンダー



[日]
[月]
[火]
[水]
[木] 1
[金] 2
[土] 3

[日] 4
[月] 5
[火] 6
[水] 7
[木] 8
[金] 9
[土] 10

[日] 11
[月] 12
[火] 13
[水] 14
[木] 15
[金] 16
[土] 17

[日] 18
[月] 19
[火] 20
[水] 21
[木] 22
[金] 23
[土] 24

[日] 25
[月] 26
[火] 27
[水] 28
[木] 29
[金] 30
[土]


[日]
[月] 1
[火] 2
[水] 3
[木] 4
[金] 5
[土] 6

[日] 7
[月] 8
[火] 9
[水] 10
[木] 11
[金] 12
[土] 13

[日] 14
[月] 15
[火] 16
[水] 17
[木] 18
[金] 19
[土] 20

[日] 21
[月] 22
[火] 23
[水] 24
[木] 25
[金] 26
[土] 27

[日] 28
[月] 29
[火] 30
[水] 31
[木]
[金]
[土]

最近のコメント

RSS

最近のトラックバック

RSS

このページのトップへ

© CMONOS Co. Ltd.


PC 向けページに移動する