topbanner_forum
  *

avatar image

Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length
  • Friday December 13, 2024, 6:48 pm
  • Proudly celebrating 15+ years online.
  • Donate now to become a lifetime supporting member of the site and get a non-expiring license key for all of our programs.
  • donate

Author Topic: A small tweak to DC forum for Firefox & K-meleon users (enhances visited links)  (Read 11751 times)

app103

  • That scary taskbar girl
  • Global Moderator
  • Joined in 2006
  • *****
  • Posts: 5,885
    • View Profile
    • Donate to Member
I like the look of the forum, and its colors but sometimes the lack of contrast between visited/unvisited links makes the visited links not obvious enough for me.

So I created a tweak to userContent.css that can be used in both Firefox and k-Meleon to change the visited link color from a lighter shade of blue, to purple. This doesn't affect all visited links on the site because that really looked bad. It just affects some of them...the ones I feel are the most important to have more contrast on.

Installing it is relatively simple.

Firefox:

In your Firefox profile folder is a userContent.css file (might not be there if you never set it up before, but there is an example file with a slightly different name)

Path to file:

on Win2k/XP: C:\Documents and Settings\(your name)\Application Data\Mozilla\Firefox\Profiles\[random looking chars].default\chrome\userContent.css
on Vista/Win7: C:\Users\(your name)\AppData\Roaming\Mozilla\Firefox\Profiles\[random looking chars].default\chrome\userContent.css

  • Open the file in Notepad (or create the file if it doesn't exist) and paste in the code, save, and restart your browser.

K-Meleon:

  • Go to the Edit menu in K-Meleon, and under Configuration, select User-Defined Stylesheet. This will open a file named userContent.css in Notepad.
  • In the userContent.css file, go all the way to the bottom and locate the line that tells you not to edit anything below it.
  • Paste in the code right above that line and save the file.
  • Restart your browser.

The code:

Spoiler
Code: CSS [Select]
  1. /* BEGIN DonationCoder tweaks */
  2. @-moz-document domain("donationcoder.com") {
  3.         a:visited{
  4.                 color: #aa00aa !important; /* make this one the color you want */
  5.         }
  6.         #topnavbar a:visited {
  7.                 color:#6495ED !important;
  8.         }
  9.         .maintab_active_back a:visited {
  10.                 color:white !important;
  11.         }
  12.         .maintab_back a:visited{
  13.                 color:white !important;
  14.         }
  15.         .catbg a:visited{
  16.                 color:blue !important;
  17.         }
  18.         .nav a:visited {
  19.                 color:#1E5164 !important;
  20.         }
  21.         .windowbgdc2 a:visited{
  22.                 color:#2E6FCC !important;
  23.         }
  24.         .mirrortab_back a:visited{
  25.                 color:white !important;
  26.         }
  27.         .mirrortab_active_back a:visited{
  28.                 color:white !important;
  29.         }
  30.         .titlebg a:visited{
  31.                 color:black !important;
  32.         }
  33.         #topbannerSubtitle a:visited{
  34.                 color:#d90000 !important;
  35.         }
  36. }
  37.  /* END DonationCoder tweaks */


Screenshot of what it does:

Before:
SNAG-00385.pngA small tweak to DC forum for Firefox & K-meleon users (enhances visited links)

After:
SNAG-00384.pngA small tweak to DC forum for Firefox & K-meleon users (enhances visited links)
« Last Edit: June 01, 2009, 12:53 AM by app103 »

Grorgy

  • Supporting Member
  • Joined in 2007
  • **
  • default avatar
  • Posts: 821
    • View Profile
    • Donate to Member
thanks app, makes life a lot easier, i use various firefox and windows themes so colours get a bit confused at times.  For any one else who cuts and pastes like I did, it put in a lot of # characters between lines which need to be removed.

app103

  • That scary taskbar girl
  • Global Moderator
  • Joined in 2006
  • *****
  • Posts: 5,885
    • View Profile
    • Donate to Member
For any one else who cuts and pastes like I did, it put in a lot of # characters between lines which need to be removed.

Not if you click this little link:

SNAG-00386.png

Grorgy

  • Supporting Member
  • Joined in 2007
  • **
  • default avatar
  • Posts: 821
    • View Profile
    • Donate to Member
ahhh never thought of that little link lol  :-[

mouser

  • First Author
  • Administrator
  • Joined in 2005
  • *****
  • Posts: 40,914
    • View Profile
    • Mouser's Software Zone on DonationCoder.com
    • Read more about this member.
    • Donate to Member

CleverCat

  • Supporting Member
  • Joined in 2006
  • **
  • Posts: 1,164
    • View Profile
    • Donate to Member
Very nice!  :Thmbsup:

Jammo the OrganizedFellow

  • Supporting Member
  • Joined in 2006
  • **
  • Posts: 212
    • View Profile
    • OrganizedFellow
    • Donate to Member
hhmm, why not have Mouser add this styling to the forum css?
https://www.donation...Themes/Dc2/style.css

or am i missing the point?  :(
As an aspiring web developer/designer, it is a constant struggle to cope with my ADHD + Hypomania/Bipolar Disorder.

The slow growth of my web dev projects is eclipsed by my patience, understanding and desire to learn AS MUCH AS POSSIBLE as I slowly progress.

X_____jamjammo_____

app103

  • That scary taskbar girl
  • Global Moderator
  • Joined in 2006
  • *****
  • Posts: 5,885
    • View Profile
    • Donate to Member
Well, not everyone will like this so those that do want it can have it and those that don't, won't have to.

And it might introduce more people to the idea of taking control of their internet experience and customizing sites to suit their own preferences.

Jammo the OrganizedFellow

  • Supporting Member
  • Joined in 2006
  • **
  • Posts: 212
    • View Profile
    • OrganizedFellow
    • Donate to Member
Well, not everyone will like this so those that do want it can have it and those that don't, won't have to.
hm, thanks for the elaboration.
I didn't think of it that way.

Same idea as Greasemonkey, the addon for Firefox, right?
As an aspiring web developer/designer, it is a constant struggle to cope with my ADHD + Hypomania/Bipolar Disorder.

The slow growth of my web dev projects is eclipsed by my patience, understanding and desire to learn AS MUCH AS POSSIBLE as I slowly progress.

X_____jamjammo_____

app103

  • That scary taskbar girl
  • Global Moderator
  • Joined in 2006
  • *****
  • Posts: 5,885
    • View Profile
    • Donate to Member
This doesn't require any plugins and only uses CSS. And as far as performance, I have noticed that CSS site themes perform better in the usercontent.css file than when used in a greasemonkey script. (works faster without the annoying flash of the site's default theme)

J-Mac

  • Supporting Member
  • Joined in 2007
  • **
  • Posts: 2,918
    • View Profile
    • Donate to Member
Very nice, app!  And yes, I also used "Select All" and copied it with numbers at first. Had to do it again, not realizing the numbers would invalidate the script. (Definitely not a CSS person here!)

But after correcting it the forums now are much easier to look at and see what has already been visited.

Thanks!

Jim