ガイドグループ世話人の日記

はてなダイアリーガイド

はてなダイアリーガイドの草稿置き場です。この日記へリンクはどこでもご自由にどうぞ。ガイドを作るガイドグループ参加もお気軽に*。グループに入らなくても、ガイドははてなダイアリー市民なら誰でも作成・編集できるものですのでよろしくどうぞ。

※MacOS9でInternetExplorerをお使いの方は、この日記にコメントを書き込もうとすると文字化けすることがあります。対処方法はこちらをご覧ください。

 | 

2004-07-23ガイド草稿「サイドバーに何かを入れる」

「カテゴリー」のリストや、プルダウンメニューを入れる

「カテゴリー」のリストや、プルダウンメニューの作り方は活用編「ヘッダにカテゴリーのリストを作ってみる。」や、「カテゴリーのプルダウンメニューを作ってみる」を見てください。

ただそれをそのまま書くと、他のモジュールとちょっと見栄えが変わってしまうので、もう一工夫します。

<div class="hatena-module">
 <div class="hatena-moduletitle">タイトル</div>
 <div class="hatena-modulebody">
 入れる内容
 </div>
</div>

という形にすると、他のモジュールと同じ見栄えになります。例えば

<div class="hatena-module">
 <div class="hatena-moduletitle">この日記のカテゴリー</div>
 <div class="hatena-modulebody">
  <ul>
   <li>[<a href="http://d.hatena.ne.jp/自分のID/searchdiary?word=%2a%5bweb%5d">web</a>]</li>
   <li>[<a href="http://d.hatena.ne.jp/自分のID/searchdiary?word=%2a%5bhatena%5d">hatena</a>]</li>
   <li>[<a href="http://d.hatena.ne.jp/自分のID/searchdiary?word=%2a%5b%a5%c9%a5%e9%a5%de%5d">ドラマ</a>]</li>
  </ul>
 </div>
</div>

のようにします。このような内容を<div class="sidebar">〜〜</div>の間に入れてみてください。

sugiosugio2004/07/23 05:14このガイドで解決しなかった方、そのほかご指摘などございましたらコメントくださいませ。

sugiosugio2004/07/23 11:18サイドバーを作る項目自体はよそに置きたいな。でもテーマが対応してないとスタイルシートまでいっちゃうしな。(ということで分けてません)

tsuntsun2004/10/03 10:03サイドバーをいじってみたかったので、とても参考になりました。ありがとうございます!

sugiosugio2004/10/03 10:57まー、とても嬉しいお言葉。書いてみて良かったです。どうもです。

NoseNose2004/10/19 04:46カテゴリー一覧の表示方法がわからず彷徨ってました^^;参考にさせて頂きます!

sugiosugio2004/10/19 10:40おつかれさまでございました。自動でできそうなかんじなのに、実はできないという。

sugiosugio2004/11/13 03:52↑追記。sectioncategoryモジュールまたはcalendarモジュールのドロップダウン表示で、できるようなりました↓
http://d.hatena.ne.jp/hatenadiary/20041028#1098956566

 | 

ホームページ制作