web-dev-qa-db-fra.com

Comment insérer des acronymes / info-bulles dans Blogger?

J'ai des mots coréens sur mon blog et je voudrais montrer la romanisation soit dans la barre d'état, soit sous la forme d'une info-bulle lors d'un survol de la souris. Ce texte ne crée pas de lien hypertexte.

Sur certains sites Web, j'ai vu des acronymes comportant un soulignement en pointillé spécial. Lorsque vous placez la souris sur ces mots, le mot développé complet s'affiche dans la barre d'état du navigateur. Je serais également heureux si une info-bulle apparaît avec la romanisation.

Comment puis-je obtenir cet effet simplement sur Blogger? J'utilise MS Live Writer pour composer les entrées de mon blog. Dans votre réponse, veuillez indiquer dans quelle mesure les navigateurs prennent en charge votre solution.

Mise à jour: J'ai modifié solution de eagle légèrement:

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

et l'a ajouté à "Ajouter un CSS personnalisé" de Blogger Template Designer. Le résultat ressemble à this .

blogger
3
Leftium

Ceci est une fonctionnalité HTML. Vous pouvez utiliser la balise <acronym> ou un élément _<span>_. Si ce n'est pas un acronyme, je vous recommande d'utiliser _<span>_ avec un attribut personnalisé class. L'astuce consiste à placer le texte que vous souhaitez voir apparaître dans l'attribut en tant qu'attribut title.

Voici un exemple du code HTML:

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

Maintenant, pour le mettre en forme avec un soulignement, vous devez ajouter ce style n'importe où dans votre code HTML, de préférence une seule fois dans votre modèle:

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

Cela devrait fonctionner dans tous les principaux navigateurs.

6
Senseful