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

はてなダイアリーガイド

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

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

 | 

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

補足:モジュールにtemplate="hatena-module"を使用していない場合

モジュールのタグにtemplate属性の指定がない場合はHTMLの構造が違うので(参考図)、それに合わせてきれいに表示するための記述方法が変わってきます。

「カテゴリー」のリストを入れる場合は以下のような形で。

 <p class="recentitem">この日記のカテゴリー</p>
 <div class="recentsubtitles">
  <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>

文章や画像を入れる場合は以下のような形で。

<p class="recentitem">この日記のカテゴリー</p>
<div class="recentsubtitles">
 <p>こんにちは。</p>
 <p>はてなダイアリーに引っ越してきました。</p>
 <img src="http://〜〜画像のアドレス" alt="あれば画像の代替文">
</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

 | 

ホームページ制作