Announcement

Collapse
No announcement yet.

Specify a different color for visited links

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Specify a different color for visited links

    By default, vBulletin hyperlinks are all one color called {linkcolor} until you mouseover them, at which point they become {hovercolor}.

    However, what about if you wanted to have a separate color for visited links?

    Simple, edit your headinclude template...

    Find this code:
    Code:
    A:link, A:visited, A:active {
    	COLOR: {[size=2]linkcolor};
    }
    A:hover {
    	COLOR: {hovercolor[/size]};
    }
    and replace it with this:
    Code:
    a:link, a:active {
    	color: {[size=2]linkcolor};
    }
    a:visited {
    	color: [color=blue]#FF00FF[/color];
    }
    a:hover {
    	color: {hovercolor[/size]};
    }
    Now edit the color value marked in blue to suit your own style, and you're all done!


  • #2
    Wonders why it wasn't in there in the first place
    :: Always Back Up Forum Database + Attachments BEFORE upgrading !
    :: Nginx SPDY SSL - World Flags Demo [video results]
    :: vBulletin hacked forums: Clean Up Guide for VPS/Dedicated hosting users [ vbulletin.com blog summary ]

    Comment


    • #3
      Because it would be yet another replacement variable == more processor overhead.

      Comment


      • #4
        (whereas this way it's just a color value - so we don't need an additional replacement variable)

        Comment


        • #5
          You know after you post a message comes up saying 'redirecting to topic page blah blah blah' how do you change the link colour under that paragraph?

          Comment


          • #6
            Ok, thanks....this works great and my newly converted users were wanting this.

            Question...For some reason my hover over does not work on the main form page for the Forum Areas only.

            This is so confussing that you make these settings in the Admin area for the Style and they do not carry over.

            It does work in the forum thread listings and other places even on the main page, but not if you hover over the Forum Areas themselfs.

            http://www.avsforum.com

            Suggestions?
            David Bott
            AVS Forum & DBSTalk Admin
            http://www.avsforum.com
            http://www.dbstalk.com

            Comment


            • #7
              I have accomplished the same effect by doing this;

              The original code:
              Code:
              A:link, A:visited, A:active {
              	COLOR: #000020;
              }
              A:hover {
              	COLOR: #FF4400;
              }
              My modified code:
              Code:
              A:link, A:active {
              	COLOR: #000020;
              }
              A:hover {
              	COLOR: #FF4400;
              }
              Code:
              <body vlink="{timecolor}">
              It yields a smaller addition to my BODY tag than the one required in the CSS declaration.

              I am also sure that replacement variables could be used in place of the hex code, if so desired.

              Example:
              Code:
              <body vlink="{ timecolor }">
              That would be without the leading and following spaces around the word timecolor in the example.
              SWFans.net
              Senior Member
              Last edited by SWFans.net; Tue 23 Oct '01, 4:13pm.
              SWFans.Net Forums
              Not Your Average Star Wars Forums.

              Just a few of the other styles to choose from:
              Jedi | Streamlined | T-Phantom

              Comment

              widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
              Working...
              X