how to add ‘hints’ to html in posts to give translation of word

  • Author
    Posts
  • #392660

    shinnylites
    Member

    Hey there: I have started a blog based on learning Irish and I’d like to be able to supply the translation of an Irish word by the visitor hovering the mouse over the underlined (translated word). This can be seen on any article on Beo.ie.

    Is there a way to do this? I did try [hint][/hint] etc. but that didn’t work.

    Will be so grateful for any help. Cheers, Sinéad

    The blog I need help with is craiceann.wordpress.com.

    #392859

    devblog
    Member

    do you mean doing something like when you hover the word “cruinn” a tooltip would appear with the word “exact”?

    If so, this is how you do it:

    <a href="#" title="exact">cruinn</a>

    Also, please link to your blog when posting in these forums. Sometimes, the answer we give may not apply if the blog is not a wordpress.com hosted one.

    #392860

    izaakmak
    Member

    I didn’t know you could do that! I will be trying this soon! Thanks.

    #392861

    shinnylites
    Member

    Hi again. And thank you!
    http://www.craiceann.wordpress.com

    I tried what you suggested and it works except that when I hover my mouse over it, it is only highlighted and the English isn’t coming up!

    What ya reckon I did wrong?

    #392863

    shinnylites
    Member

    Got it working! Míle buíochas!
    Sinéad

    #392874

    devblog
    Member

    No problem. And if you want it to make it look even cooler, try this:

    <a style="cursor: help;" title="exact">cruinn</a>

    Notice that I remove the “href” property. Since you’re not linking to a page, you don’t need it.

    #392887

    shinnylites
    Member

    Very cool Dev, thanks a mil :)

The topic ‘how to add ‘hints’ to html in posts to give translation of word’ is closed to new replies.