SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Guru
    Join Date
    Aug 2004
    Location
    Canada
    Posts
    730
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    highlighting links and removing underlines of URLs

    I found an online example and worked on that and it works now.
    This goes in the <head></head>
    Code:
    <script language="Javascript">
    //<!--Hide script from old browsers
    function setpic(x) {
    //if (isNaN(x) == true) {
    // eval("document['" + x.toLowerCase() + "'].src = '/nav_redarrow.gif'")
    //} else {
    // eval("document['pic" + x + "'].src = '/nav_redarrow.gif'")
    //}
    }
    function changeIcon(pic,motion) {
    if (document[pic].src.indexOf('/nav_redarrow.gif') == -1) {
     if (motion.indexOf("over") != -1) {
      document[pic].src = 'wheel.gif' 
     } else if (motion.indexOf("out") != -1) {
      document[pic].src = 'greywheel.gif' 
     } else {
      document[pic].src = motion
     }   
    }
    }
    function ci(pic,motion) {
    if (document[pic].src.indexOf('/nav_redarrow.gif') == -1) {
     if (motion.indexOf("over") != -1) {
      document[pic].src = 'wheel.gif' 
     } else if (motion.indexOf("out") != -1) {
      document[pic].src = 'greywheel.gif' 
     } else {
      document[pic].src = motion
     }   
    }
    }
    //-->
    </script>
    This goes in the <body></body>
    Code:
     <a href='http://n.1asphost.com/wheelofgod/Bibletext.asp'
    onMouseOver='changeIcon("TwoTexts","over")' 
    onMouseOut='changeIcon("TwoTexts","out")'> 
    <img src='greywheel.gif' width='20' height='20' border='0' name='TwoTexts'>
    Compare Two Bible Texts</a><br/>
     
    <a href='http://n.1asphost.com/wheelofgod/Kjv.asp'
    onMouseOver='changeIcon("searchkjv","over")' 
    onMouseOut='changeIcon("searchkjv","out")'> 
    <img src='greywheel.gif' width='20' height='20' border='0' name='searchkjv'>
    Search The Bible</a><br/>
     
    <a href='http://n.1asphost.com/wheelofgod/Tripledemo.asp'
    onMouseOver='changeIcon("read","over")' 
    onMouseOut='changeIcon("read","out")'> 
    <img src='greywheel.gif' width='20' height='20' border='0' name='read'>
    Read By Chapters</a><br/>
     
    <a href='http://n.1asphost.com/wheelofgod/Spokesearch.asp'
    onMouseOver='changeIcon("spokesearch","over")' 
    onMouseOut='changeIcon("spokesearch","out")'> 
    <img src='greywheel.gif' width='20' height='20' border='0' name='spokesearch'>
    Search The Bible By Spokes</a><br/>
     
    <a href='http://n.1asphost.com/wheelofgod/mailto.asp'
    onMouseOver='changeIcon("mailto","over")' 
    onMouseOut='changeIcon("mailto","out")'> 
    <img src='greywheel.gif' width='20' height='20' border='0' name='mailto'>
    Leave Your Feedback</a><br/>
     
    <a href='http://n.1asphost.com/wheelofgod/Instructions.asp'
    onMouseOver='changeIcon("instr","over")' 
    onMouseOut='changeIcon("instr","out")'> 
    <img src='greywheel.gif' width='20' height='20' border='0' name='instr'>
    How To Conduct Searches</a><br/>
    How can I get the URL links highlighted? I think that would look good...and deleting the underlining too.
    Compare bible texts (and other tools):
    TheWheelofGod

  2. #2
    SitePoint Enthusiast user9's Avatar
    Join Date
    Jan 2005
    Location
    localhost
    Posts
    53
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You can insert a CSS file and use something like the following. Just change the colors according to your style.


    Code:
    a:link { color: red;text-decoration:none; }   
    
    a:visited { color: red;text-decoration:none;}  
    
    a:hover { color: yellow;text-decoration:none; }  /* color when you hover over a link */
    
    a:active { color: red;text-decoration:none;}


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
  •