web-dev-qa-db-ja.com

Bloggerに頭字語/ツールチップを挿入するにはどうすればよいですか？

ブログに韓国語の単語があります。ローマ字表記をステータスバーに表示するか、マウスオーバーのツールチップとして表示したいと思います。このテキストは何にもハイパーリンクしていません。

特定のWebサイトで、特別な点線の下線が付いた頭字語を見ました。これらの単語の上にマウスを置くと、ブラウザのステータスバーに拡張された完全なWordが表示されます。また、ローマ字表記のツールチップが表示されたら嬉しいです。

Bloggerでこの効果を簡単に実現するにはどうすればよいですか？ MS Live Writerを使用してブログエントリを作成しています。答えには、ブラウザがソリューションをどの程度サポートしているかを含めてください。

更新：修正 イーグルのソリューション わずかに：

span.korean {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
}​

bloggerテンプレートデザイナーの「カスタムCSSを追加」に追加しました。結果は this のようになります。

blogger
3
Leftium

これはHTML機能です。 <acronym> タグ、または<span>要素を使用できます。頭字語でない場合は、<span>をカスタムclass属性とともに使用することをお勧めします。トリックは、ヒントに表示するテキストをtitle属性として配置することです。

HTMLの例を次に示します。

Can I get this <span class="myclass" title="as soon as possible">ASAP</span>?

下線でフォーマットするには、このスタイルをHTMLのどこにでも追加する必要があります（できればテンプレートに1回だけ追加する必要があります）。

<style type="text/css">
  .myclass {
    border-bottom-width: 1px;
    border-bottom-style​: dashed;
  }​
</style>

これは、すべての主要なブラウザーで機能するはずです。

6
Senseful