じゃんぬねっと日誌

.Text でのリンクの貼り方

.Text ではリンク機能を使ってリンクを貼ることができます。
便利なのですが、私は使っておりません。

使わない理由は、順番が自分で決められないのと、余計な ID が振られるのがイヤだという下らない理由です。(^-^;)
その変わりに、ニュース / アナウンス欄で貼ることにしています。
これならば、自分で順番も決められますし、img 要素を使ってリンクすることも可能です。

ニュース / アナウンスは初めに <h3>ニュース</h3> が勝手につけられます。
h3 要素が各カテゴリのヘッダになってますので、ul 要素を合わせた時に箱になるように CSS を改造します。

後は、ニュース / アナウンス欄を適当に埋めて、</ul> で閉じた後、
好きな名前で <h3> 要素を追加して、自分でカテゴリ分けすることができます。

以下は、一例です。
最初のカテゴリはニュース / アナウンスなので、h3 要素はありません。

<ul>
  <li>
    本家サイト<br>
    <a href="http://jeanne.wankuma.com/">
      <img src="../skin/jeanne.gif" alt="本家サイト" width="100" height="30">
    </a>
  </li>

  <li>
    Microsoft MVP<br>
    <a href="http://mvp.support.microsoft.com/">
      <img src="../skin/msmvp.png" alt="Microsoft MVP" width="180" height="72">
    </a>
  </li>
</ul>

<h3>わんくま同盟</h3>
<ul>
  <li><a href="http://blogs.wankuma.com/naka/">中博俊 さん</a></li>
  <li><a href="http://blogs.wankuma.com/jitta/">Jitta さん</a></li>
  <li><a href="http://blogs.wankuma.com/trapemiya/">trapemiya さん</a></li>
  <li><a href="http://blogs.wankuma.com/yaneurao/">やねうらお さん</a></li>
  <li>夏椰 さん</li>
  <li><a href="http://blogs.wankuma.com/naoko/">なおこ(・∀・) さん</a></li>
  <li><a href="http://blogs.wankuma.com/mayurin/">まゆりん さん</a></li>
  <li><a href="http://blogs.wankuma.com/shuujin/">囚人 さん</a></li>
</ul>

<h3>コミュニティ</h3>
<ul>
  <li><a href="http://www.gdncom.jp/general/bbs/">GotDotNet Japan 掲示板</a></li>
  <li><a href="http://www.atmarkit.co.jp/bbs/phpBB/">@IT 会議室</a></li>
</ul>

あ、そういえば明日はお祭りですね。(^ω^*)

投稿日時 : 2005年11月16日 16:18