よく企業のサイトで見かけるような、
見出しタブのようなことがしたいです。
(書類にくっつけた見出しインデックスシール
みたいな感じ)
タブをクリックすると目的のページが
表示されるようなものです。
仕掛けを考えてみたんですが、
フレームでタブと説明文を表示する
部分を切ってタブにリンクURLを
挿入、説明を表示させたいテーブル部分にリンク
させる。。。みたいな感じでしょうか?
そういうテンプレートやフリー素材などを
探してみたんですがキーワードの入れ方が
悪いのか思ったようなのが見つかりません。
言葉が足りなかったら補足しますので、
よろしくご教授願います。
No.2ベストアンサー
- 回答日時:
はじめまして^^
そういうタブ式の表示方法はわかりやすくていいですよね。
やり方はいくつか考えられますが、表示方法が異なってきます。
lolipop_starさんのおっしゃるフレーム分けして表示する事もできます。
タブリンク
───── ←フレーム境界
内容
↑上下分けの場合。
選択中のタブに色をつける方法は、
フレーム分けしないでタブごとに各ページを作成し、それにリンクするという表示方法もあります。
恐らく有名サイトや企業サイトではこのパターンの方が多い気がします。
(各ページ毎に同じフォーマットのデザインで作成する方法)
検索するとJavaScriptを使ったものが多く紹介されていますが、
基本的には上記方法で可能です。
検索は
「素材 タブ メニュー」等でかければいくつかHITしましたので
試してみてください。
http://flashcafe.jp/menu/tab/
http://www.sys5jp.net/simplest/tablei.php?act=9
こういったものもありました。
タブの素材は、素材屋さんによって表現方法がまちまちなのと、カテゴリとしてくくっている人が少ないと思われるので、
可能ならば自作されたほうが早いかもしれません^^;
上の図(?)、とってもわかり易いかったです。
私の考えてる方法でもできる事も
教えてくださいまして、ありがとうございます。
「フレーム分けせず、タブごとに各ページを作成し、
それにリンクする」
という方法はいまいちイメージが掴めないです。
教えていただいたURLのものどちらも
良い感じです!
シンプレストってサイトは自分でも見に行ったのに、
このコーナーは気がつかなかったです。(^_^;)
回答ありがとうございました。
No.3
- 回答日時:
フレームはあまりお勧めしません。
タブの高さが各OSやブラウザで違うので
あなたのPCで見れても他の環境の人だと
隠れてしまう場合がありますよ。
それに、ユーザビリティが悪いので。
DHTMLでたくさんサンプルがあります。
http://www02.so-net.ne.jp/~oka/oritatami3c.html
の Java、DHTML、JavaScript、CSS、XMLサンプルをクリックして、トップナビバーをクリックすると、すごくたくさんのタブ型ナビゲーションのサンプルと書き方があるので参考にされては?
あとはPHPとかでヘッダのテンプレートを作成して、
一括管理とかもできますけど、、、ちょっと難しいかな?
確かにブラウザによってフレームの
表示が若干違っちゃいますよね。
埋まってしまったら何も出来ないですね。
教えていただいたURL参考になりました。
説明もわかりやすかったです。
PHP、勉強したいんですが
そこまでまだ余裕がなくて。。。
なので、一括管理出来る事も
良くわかりませんでした。
便利そうなので、余裕があったら
勉強してみようかな。
回答ありがとうございました。
No.1
- 回答日時:
>よく企業のサイトで見かけるような、
>見出しタブのようなことがしたいです。
参考URLみたいな物をイメージしておられるのでしょうか?
「タブのような見た目の素材」が欲しいのですか?
それとも、構築法が知りたいのですか?
それによって回答が変わってくるのですが。
タブのような見た目にするためには、
おそらくは「タブのような見た目の画像」をテーブルなどで配置して使うことになると思います。
構築法については、お手本にしたい企業サイトのソースをみてみると勉強になりますよ。
参考URL:http://www.apple.com/
回答ありがとうございます。
参考URLのような感じのページを
作りたいんです。
>「タブのような見た目の素材」が欲しいのですか?
それとも、構築法が知りたいのですか?
構築法については私が上で考えたような
仕掛けでいいのかということを教えて
戴きたかったんです。
ソース見て研究してみます。
タブのような見た目の素材も情報を
募集中です!
出来たらロールオーバー用に
色違いのものがあると尚うれしいです。
自分で作るっていうのも手ですが。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Word(ワード) Wordで見出しの設定が巧く出来ません、またスタイルの一部を表示するには(office365) 1 2022/06/22 18:20
- Access(アクセス) Access2016でフォーム内にExcelの複数シートを 表示させるイメージで複数テーブルの デー 1 2022/11/25 15:30
- タブレット パソコンから液タブと液晶に同じ画面を出したいのですが・・ 1 2023/01/18 16:53
- その他(Microsoft Office) EXCELでバーコードを作成すると白くなってコードが見えません 1 2022/04/04 14:24
- Word(ワード) word縦書き文書の分数が縦にならない 2 2023/01/07 13:27
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
- Excel(エクセル) セルの値をグーグルで検索するエクセルVBAについて! 2 2022/08/01 21:41
- Word(ワード) Wordで作った「表の罫線を部分的に削除したい」 4 2023/07/24 07:00
- Chrome(クローム) Chromeが強制終了 1 2023/01/29 09:54
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
指定URLを新しいウィンドウで開...
-
自分のサイトを開いた時にウィ...
-
プルダウンメニューからリンク→...
-
VBSでIEのウィンドウサイズを強...
-
ASP.Net 別ウィンドウを開く・...
-
アドレスの横にあるアイコン?...
-
IE7,IE8アクセス済みのリンク青...
-
ドリームウィーバー、JavaScrip...
-
headタグのprofile属性の意味
-
C++を使った外部アプリケーショ...
-
HTML 全画面表示 リンク先の...
-
HTML,js)リンクを新しいタブで...
-
プルダウンメニューの開く方向...
-
1クリックで、同時に2つのフ...
-
VC、コンソールアプリ結果の...
-
ポップアップのHTMLの記述
-
VBのタブストリップについて
-
HtmlでFlash(swf)を開くと画面...
-
見出しシールみたいなテーブル。
-
新しい画面で、画面いっぱい表...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
プルダウンメニューの開く方向...
-
新しいタブで開かせない方法は...
-
自分のサイトを開いた時にウィ...
-
指定URLを新しいウィンドウで開...
-
DBからPDFを取得して別画面で表...
-
FindWindowの使い方
-
表示中のURLなどをバッチファイ...
-
HTML 全画面表示 リンク先の...
-
ASP.Net 別ウィンドウを開く・...
-
ハイパーリンクからメニュー無...
-
VC++2010 MFC サイズの最大化に...
-
IEで別サイトをタブで開きたい
-
googleマップをポップアップウ...
-
VC、コンソールアプリ結果の...
-
OpenCVのcvNamedWindowによるウ...
-
QT 半透明の画面生成について
-
_blank?_brank?
-
ホームページビルダーでのドロ...
-
HTML,js)リンクを新しいタブで...
-
ウインドウを最前面で固定するタグ
おすすめ情報