Page 1 of 2 12 LastLast
Results 1 to 10 of 17

Thread: how do i make text bold on mouse over

  1. #1
    Join Date
    Sep 2006
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default how do i make text bold on mouse over

    how do i make text bold on mouse over?

  2. #2
    Join Date
    Sep 2006
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hi. Using Frontpage... you can right click on the page and select "Page properties".
    - from there, go to "background tab"
    - highlight "Enable hyperlink rollover effects"
    - pick a style... "Rollover styles"
    - Choose your style.
    - select the colors you want to use for your rollover

    Hope this helps.
    Master_Elf

  3. #3
    Join Date
    Jul 2006
    Location
    Canada
    Posts
    2,581
    Thanks
    13
    Thanked 28 Times in 28 Posts

    Default

    Err... No. That's not good. FrontPage tends to use functions that are already embedded functions in JavaScript.

    Example:

    For a mouseover frontpage might have:
    Code:
    function MouseOver() {...
    which in reality could be a simple event handler.

    So. If you want to make text bold onmouseover, use event handlers.

    Example:
    Code:
    <p onmouseover="style.fontWeight = 'bold'" onmouseout="style.fontWeight = 'normal'">This is some text</p>
    - Mike

  4. #4
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,878
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    It should be noted, however, that this is rarely a good idea, since it will make your text move.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends franšais | entiendo espa˝ol | t˘i Ýt hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  5. #5
    Join Date
    Jul 2006
    Location
    Canada
    Posts
    2,581
    Thanks
    13
    Thanked 28 Times in 28 Posts

    Default

    Yes. Bolding isn't an efficient hover idea. Don't try changing the font size either, it'll make it look messy on different browsers (not necessarily browsers, as much as it is the user's browser settings).
    - Mike

  6. #6
    Join Date
    Sep 2006
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    what about strikethrough, underlined, and italisized?

  7. #7
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,878
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    Underlining is fine. Italics are probably OK. I'd guess that strikethrough has no effect on the text width, but I can't be sure because I've never tried it (since it may make the text unreadable to some people, I don't consider it a very good idea).
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends franšais | entiendo espa˝ol | t˘i Ýt hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  8. #8
    Join Date
    Jul 2006
    Location
    Canada
    Posts
    2,581
    Thanks
    13
    Thanked 28 Times in 28 Posts

    Default

    Changing the background color is a good way to do hovers too.
    - Mike

  9. #9
    Join Date
    Sep 2006
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    i mean i want to strikethrough, underlined, and italisized but how?

  10. #10
    Join Date
    Jul 2006
    Location
    Canada
    Posts
    2,581
    Thanks
    13
    Thanked 28 Times in 28 Posts

    Default

    Here's strike-through:
    Code:
    <span onmouseover="style.textDecoration = 'line-through'" onmouseout="style.textDecoration = 'none'">test</span>
    Underline:
    Code:
    <span onmouseover="style.textDecoration = 'underline'" onmouseout="style.textDecoration = 'none'">test</span>
    Italisized:
    Code:
    <span onmouseover="style.fontStyle = 'italic'" onmouseout="style.fontStyle = 'none'">test</span>
    - Mike

Bookmarks

Posting Permissions

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