ブログカスタマイズのブログ

HOME > その他 > リンクの説明を表示させる
【オソさんのコメントはこちら】
カーソルを重ねた際にリンクの説明文を表示させる方法です。

当ブログでは右サイドメニューの「新着記事」などに設定しています。カーソルを持って行くと説明文が表示されます。これは<a>タグのtitleを利用しています。

<a href="URL" title="説明文">リンク</a>

オソさんのおっしゃるとおり、サイドメニューの文字数を制限した場合にリンク文字列全部を表示できると親切ですね!「新着記事」を例に説明します。

<div class="sidetitle"><% content.title %></div>
<div class="side">
<% content.header -%>
<% loop:list_article -%>
(<% article.createstamp | date_format("%m/%d") %>)<a href="<% article.page_url %>" title="<% article.subject | tag_break %>"><% article.subject | tag_break %></a><br />
<% /loop -%>
<% content.footer -%>
</div>

赤文字のtitleを追加します。これでカーソルを持って行くと省略前のリンク全文字列が表示されます。

当ブログでは「最近のコメント」などの投稿時間確認用に時間を表示させています。他にも表示させたい情報があれば赤文字のtitleの箇所に追加して下さい。
23:00 | Comments(1) |
この記事へのコメント
2005年08月08日
ありがとうございました。
うまく表示できましたー。
おかげ様で閲覧者に親切なサイトになりました。
Posted by オソ at 19:43
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

×

この広告は1年以上新しい記事の投稿がないブログに表示されております。