Changing link colours

SUMMARY: original link = colour of it all of the time

                   link:hover = colour when hovered over (also text decoration)

                   link:visited = colour when the links already been clicked on.

You can add text decoration for any part, I just prefer to for the hover.

Also change the colours to whatever you want, this is just what I use.

----------------------------------------------------------------------------------------------------------

FOR ALL LINKS:

<style>

a{color: white !important}

   a:hover{color: yellow !important;

    text-decoration: underline}

   a:visited: color: red !important}

</style>

JUST HELP | LOGIN LINKS:

<style>

.top a{color: white !important}

   .top a:hover{color: yellow !important;

    text-decoration: underline}

   .top a:visited{color: red !important}

</style>

JUST NAVIGATION BAR LINKS:

<style>

.links, .links a{color: white !important}

   .links a:hover{color: yellow !important;

    text-decoration: underline}

   .links a:visited{color: red !important}

</style>

JUST FOOTER LINKS:

<style>

footer .links a{color: white !important}

   footer .links a:hover{color: yellow !important;

    text-decoration: underline}

   footer .links a:visited{color: red !important}

JUST MOOD LINKS:

</style>

.mood a, .mood{color: white !important}

   .mood a, .mood:hover{color: yellow !important;

    text-decoration: underline}

   .mood a, .mood:visited{color: red !important}

</style>

JUST CONTACT LINKS:

</style>

.contact, .contact a{color: white !important}

   .contact, .contact a:hover{color: yellow !important;

    text-decoration: underline}

   .contact, .contact a:visited{color: red !important}

</style>

JUST FRIENDS GRID LINKS:

</style>

.friends, .friends-grid a{color: white !important}

   .friends, .friends-grid a:hover{color: yellow !important;

    text-decoration: underline}

   .friends, .friends-grid a:visited{color: red !important}

</style>

JUST 'VIEW BLOG' LINK:

</style>

.blog-preview h4 a{color: white !important}

   .blog-preview h4 a:hover{color: yellow !important;

    text-decoration: underline}

   .blog-preview h4 a:visited{color: red !important}

</style>

[If i've made a mistake or something isnt working let me know and ill try to fix it]