Results 1 to 10 of 17

Thread: how to create an on-mouse comment in posts?

Hybrid View

  1. #1
    Join Date
    Jun 2007
    Posts
    13

    how to create an on-mouse comment in posts?

    HEY THERE, AGAIN,

    I d like to know how to create an on-mouse comment to my blog posts.

    Like when I write:

    I saw a huge papaya at the local store this morning.

    then papaya is double underlined or highlighted or whatever and when I move my mouse over it, it ll pop up a box saying:

    Papaya - a type of fruit, widely used in Thailand to make wonderful dishes, such as Som Tum Thai.... yum

    How is this possible ?

    thanks

  2. #2
    Join Date
    Mar 2007
    Location
    Milan
    Posts
    125
    this is possible in many ways, using JavaScript. However the easiest way, although not the most configurable is to add a link pointing to the page itself and use the title attribute of the anchor, something like this:

    <a href="#" title="Papaya - a type of fruit, widely used in Thailand to make wonderful dishes, such as Som Tum Thai.">papaya</a>

    Go on my blog about [URL="http://dracula-transylvania.blogspot.com"]Vlad the Impaler[/URL] and look for the second item in the list of latest posts, the one with the text "Vlad Dracula conquers Wallachia's Throne.". Hold the mouse over it to see how it looks. In this case it is a real link, pointing to another page, however putting the href="#" will make it do...nothing...it'll point the the current page.

    If you don't like it, there is some javascript to put in the page, for this you have to know just a little bit of JS programming.

    Hope this helps,
    radu

  3. #3
    Join Date
    Jun 2007
    Posts
    13
    Hi Radu,

    wow, it worked, have a look... burntmouth.blogspot.com/2007/06/preparation-and-storage-of-spices.html

    it s the very first link under the title, the expl. of Kitchen God ....

    thank you sooooo much. Anyway, when it is a bit confusing, cause it looks just like a hyperlink. And when I click at it, it goes right on the top of the page... how is so? anyway of changing this?
    like hon-mouse comments wouldnt beunderlined or maybe would be highlighted ?

    z

  4. #4
    Join Date
    Mar 2007
    Location
    Milan
    Posts
    125
    Dear Zlamushka ,

    Look, I found a simple way of doing what you need. Have a look at the following code and see if it helps (ther is no href in the anchor) so nothing happens if you clik on the text:
    <a title='test on MouseOver link'><font color='red'><u>test</u></font></a>
    - the underline is obtained by <u></u> (remove it if not necessary);
    - font color can also be written using the RGB code like this <font color="#eeff00"> some text </font>
    - of course, the elegant way of managing all this is to add a css with styles and just apply it to format the text.

    Hope it helps,
    Radu

  5. #5
    Join Date
    Jun 2007
    Posts
    13
    radu, you ROCK!!!!

    thanks man, now it looks fantastic. I am so grateful for all your comments, you ve been a lot of help.

    Mayb you can tell me, how to set up a link to a specific paragraph in a page? So when I link ot my older posts, one doesnt have to read the whole thingy, just the relevant part.

    thanks
    z

  6. #6
    Join Date
    Mar 2007
    Location
    Milan
    Posts
    125
    In a simple HTML it could work like this:

    <a name="oldPost1"></a>
    Your old post /paragraph here ... put more test to see how it links to this
    <a href="#oldPost1" title='few details about the old post'> link to old post 1/paragraph </a>
    If you want to link to another page, the href should look like this:
    <a href="http://yousite/anotherPage#oldPost1" title='few details about the old post'> link to old post 1/paragraph </a>
    That means:
    Add the <a name="oldPost1"></a> before the paragraph.

    put the link like this to your old marked post (it should work from any page):
    <a href="http://www.burntmouth.com/index.html#oldPost1>link</a>

    All best,
    Radu

  7. #7
    Join Date
    Jul 2007
    Location
    Seattle WA
    Posts
    2
    Quote Originally Posted by zlamushka View Post
    HEY THERE, AGAIN,

    I d like to know how to create an on-mouse comment to my blog posts.

    Like when I write:

    I saw a huge papaya at the local store this morning.

    then papaya is double underlined or highlighted or whatever and when I move my mouse over it, it ll pop up a box saying:

    Papaya - a type of fruit, widely used in Thailand to make wonderful dishes, such as Som Tum Thai.... yum

    How is this possible ?

    thanks
    Wow! I'd like to know how to create a mouse-over too and I certainly would
    like to know more about your wonderful papaya dishes!

    Fran
    Fran Civile | Marketing
    [URL="http://www.own-your-wellness.com"]Staying fit as we age...[/URL]

  8. #8
    Join Date
    Jun 2007
    Posts
    13
    Dear Fran,

    thanks for the compliment. I just made a papaya salad today for lunch I took some pics, so will post the recipe later this week. Come back and enjoy ... I just had a look at your blog and it is nice to see a vital lady like you smiling at the world

    Zlamushka

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •