CSSパーツテンプレート

このサイトは、「初心者でも使えるCSSパーツテンプレート」を配布しています

テンプレート サイズ カラー 文字の設定 背景の設定 枠線の設定
 

  メニューバーに使えるCSSパーツテンプレート

■ コピペできる10種類のメニューバーパーツテンプレート

 

青系メニューバー

茶系メニューバー

ピンク系メニューバー

グレイ系メニューバー

黒系メニューバー

赤系メニューバー

緑系メニューバー

オレンジ系メニューバー

水色系メニューバー

紺系メニューバー

■ このメニューバーパーツテンプレートの特徴

1.訪問者にやさしい!?
通常は文字をクリックしなければリンクタイトルをクリックすることは出来ませんが、このパーツでは文字が記載されている 枠にもリンクの設定がしてあるためクリックしやすく、ホームページ閲覧者が使いやすくなっています。

2.デザインがコッコいい!?
リンクの設定がしてあるメニューバーにマウスのカーソルを合わせただけで文字色、背景色が変化するので、リンクである ということがわかりやすいしかっこいいです。 また、他のホームページと差別化でき、ちょっとだけ一歩先をゆくホームページという印象を与えられます。

3.SEO対策にも有利!?
このCSSパーツテンプレートではメニューバーのHTMLへの記述はリストタグを使用しています。全てのページの上の方に 記載されてるメニュー項目はキーワードの羅列に取られる可能性もありますが、それをリストですよ〜とアピールすることにより SEOに有利に働きます。(多分..)

4.HTMLファイルがより使いやすい
HTMLでサイトを組んだ場合にタグの記述が意外に複雑になりがちなメニュー項目ですが、こちらのパーツを使用することにより 圧倒的にタグの記述が減り見やすくすっきりして内容がわかりやすくなります。

5.自分でアレンジ出来る!?
10種類のデザインと10種類のCSSパーツの組み合わせで100通りのデザインが可能!さらに文字色、太さなど ご自分でいろいろアレンジできるため誰でも簡単に組み込める無限のデザイン性を持ったパーツテンプレートです。

ご注意:
こちらのパーツは幅が770pxで設計されています。それ以外のサイズですとうまくはまりません。コピペ後に幅のサイズを 変えることも出来ますが、なるべく簡単にコピペして適用させてもらいたいので、770pxのホームページでご使用されることをオススメします。



コピペ用パーツサンプル


コピペ用パーツサンプルの文字をクリックして開きます。
お気に入りのパーツがありましたらパーツを全て選択してコピーします。HTML貼り付け用とCSS貼り付け用の2種類あります。
パーツをコピーします

お持ちのホームページ(htmlファイル)のメニュー項目箇所にHTMLパーツを貼り付け必要事項(リンクやタイトルなど)を書き換えます。 スタイルシートにも同様にCSSパーツを貼り付けます。 更新して変更を確認してみましょう!


背景素材は以下のものをご利用ください。右クリックから「名前を付けて画像を保存」を選択してください。

青 茶 ピンク 灰 黒
赤 緑 オレンジ 水色 紺
Copyright © 2009 CSSパーツテンプレート All rights reserved.