Specify a different color for visited links

Collapse
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • Kier
    Former Lead Developer, vBulletin
    • Sep 2000
    • 8179
    #1

    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!

    Tags: None
    • George L
      Former vBulletin Support
      • May 2000
      • 32996
      • 3.8.x
      #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

        • Kier
          Former Lead Developer, vBulletin
          • Sep 2000
          • 8179
          #3
          Because it would be yet another replacement variable == more processor overhead.

            Comment

            • Kier
              Former Lead Developer, vBulletin
              • Sep 2000
              • 8179
              #4
              (whereas this way it's just a color value - so we don't need an additional replacement variable)

                Comment

                • Embattle
                  New Member
                  • Sep 2001
                  • 21
                  #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

                    • David Bott
                      Senior Member
                      • Sep 2001
                      • 131
                      • 3.7.x
                      #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.

                      AVS Forum
                      http://www.avsforum.com
                      A forum community dedicated to home theater owners and enthusiasts. Come join the discussion about home audio/video, TVs, projectors, screens, receivers, speakers, projects, DIY’s, product reviews, accessories, classifieds, and more!


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

                        Comment

                        • SWFans.net
                          Senior Member
                          • Sep 2001
                          • 207
                          #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.
                          Last edited by SWFans.net; Tue 23 Oct '01, 3: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

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