サイドバーガイドを設置!
○○を覚えた猿のようにボタンを知った僕...はボタンでサイドバーのナビゲーションを設置しました。訪問者にこのサイトのサイドバーにどんなコンテンツがあるのかがすぐ分かるのと、自分が使うのに便利にしようとするのが狙いです。サイドバーの操作としては折り畳む方法もありますが、僕...のスキルと分相応なようにシンプルなやり方にしました。
行き先サイドバーコンテンツのマイリスト「設定」にある「リストの名前」の後ろに、
<A Name="blogpeople"></A>とアンカータグを入れ、あとは「サイドバーガイド」というマイリスト(リンクタイプ)に、
<Form><Input type="button" style="width:170px" value="BlogPeopleへ" onClick="location.href='#blogpeople'"></Form>を登録すれば出来上がり。下線部は自分のサイドバーコンテンツに合わせて任意に変えてみてください。
難点は最初から用意されている「最近の記事」等のコンテンツには適用出来ないことと、僕...のスキルのせいですがボタンの長さが不揃いで見栄えが悪いことです。
僕...的にはページ内リンクでサクサクと動くので気に入っています。
【追記 2004.02.21】
ボタンの幅については頂いたコメントを見て突然閃いて「style="width:170px"」を記述して解消しました。上記ソースにも追加しました。
TrackBack
TrackBack URL for this entry:
http://app.cocolog-nifty.com/t/trackback/2665/218457
Listed below are links to weblogs that reference サイドバーガイドを設置!:
» きのうの出来事: サイドバーガイドを設置! [此処録ANNEX : ココログTIPS]
きのうの出来事: サイドバーガイドを設置!... [Read More]
Tracked on 2004.03.16 at 12:47 AM
» アンカータグ応用 [るるが株式会社]
きのうの出来事様(初めまして)のこの記事を参考にさせて頂きました、ありがとうござ [Read More]
Tracked on 2005.02.12 at 08:58 AM


Comments
> ボタンの長さが不揃いで見栄えが悪い
input.sbbtn { width: 100px; height: 22px; }
# width, height は好みに合わせて
というようなスタイルを用意して
Input type="button" class="sbbtn" value="BlogPeopleへ" onClick="・・・" /
などとされればよろしいかと。(^^)/
あ、CSSの機能でボタンを作るとかってのもいいかもです。
Posted by: Akkey | 2004.02.21 at 05:42 PM
>Akkeyさん
アドバイスありがとうございます。コメントを見て突然閃いて「style="width:170px"」を入れたら幅が揃いました。これからもよろしくお願いします。
Posted by: 僕... | 2004.02.21 at 06:03 PM
初めまして。
るるがと言います。
今回、記事を書くにあたって【サイドバーガイドを設置!】を参考にさせて頂いたので、トラックバックさせて頂きました。
ありがとうございました。
Posted by: るるが | 2005.02.12 at 09:59 AM