it-swarm.com.de

Wie füge ich Akronyme / Tooltips in Blogger ein?

Ich habe koreanische Wörter in meinem Blog und möchte die Umschrift entweder in der Statusleiste oder als QuickInfo bei einem Mouse-Over anzeigen. Dieser Text enthält keinen Hyperlink zu irgendetwas.

Auf bestimmten Websites habe ich Akronyme gesehen, die mit einem speziellen Punkt unterstrichen sind. Wenn Sie mit der Maus über diese Wörter fahren, wird das vollständige, erweiterte Wort in der Statusleiste des Browsers angezeigt. Ich würde mich auch freuen, wenn ein Tooltip mit der Romanisierung auftauchen würde.

Wie kann ich diesen Effekt einfach auf Blogger erzielen? Ich verwende MS Live Writer, um meine Blogeinträge zu erstellen. Bitte geben Sie in Ihrer Antwort an, wie gut Browser Ihre Lösung unterstützen.


Update: Ich habe Adlerlösung leicht modifiziert:

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

und zu Blogger Template Designer "Benutzerdefiniertes CSS hinzufügen" hinzugefügt. Das Ergebnis sieht aus wie this .

3
Leftium

Dies ist eine HTML-Funktion. Sie können entweder das <acronym> -Tag oder ein _<span>_ -Element verwenden. Wenn es kein Akronym ist, würde ich empfehlen, _<span>_ mit einem benutzerdefinierten class -Attribut zu verwenden. Der Trick besteht darin, den Text, der im Hinweis erscheinen soll, als title -Attribut zu platzieren.

Hier ist ein Beispiel für HTML:

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

Um es nun mit einer Unterstreichung zu formatieren, müssen Sie diesen Stil an einer beliebigen Stelle in Ihrem HTML-Code hinzufügen, vorzugsweise nur einmal in Ihrer Vorlage:

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

Dies sollte in allen gängigen Browsern funktionieren.

6
Senseful