Showthread: Posted Hyperlink Colour
 

Description:

Easy And Visible Posted Live Hyperlink Colour To Any Dark/Black Background Forum Showthread Pages:
(without affecting all the colour of the forum link's buttons)


Procedures:

• Admin CP > Styles & Templates > Style Manager > Main CSS (in the dropdown menu) > Additional CSS Definitions (below)
  
  
• Download Text File Below; Find The Code And Add To Your Additional CSS For The Theme (below):
  
  
• Click Save
  
  
• Pick Easy For Your Desired Color Here!
  
  
  

Edit Postbit Or Postbit Legacy:

Admin CP > Styles & Templates > Style Manager > ? ? > Postbit Templates > postbit or postbit_legacy (depending on which layout you are using)


Open: postbit or postbit_legacy Template.


FIND:


REPLACE WITH:


CLICK SAVE!


Hope You Like It And Find This Useful To Your Website!
If You Use This Mod; Please Don't Forget To:

• Click "Mark as Installed"
• Leave Any Comment
• Rate
• Nominate

Thanks And Best Regards To All!

Good job. Now if I could get one that worked for my lighter background skins. :)

thanks....hope it works good also to your forum...:p

Reserved

I am really hoping this works on 3.7.0 !!

Nevermind. :) It was an oversight. Now have it working on 3.7.0 :)

Thanks!!

Any chance of the same for a near white background. I just want the posted hyperlinks a different colour to the rest of the post.

As it is now, the links are the same colour as the rest, and people miss the links.

Works fine on my light/white backgrounds.

:rolleyes: hmmm...sorry don't get what you mean here...

thanks...and glad that it work fine to your site... ;)

Nope, doesn't work. What have I done wrong?

}
.post a {
color:#008080[/COLOR];
background :none;
}
.post a:hover {
color: #2F4F4F[/COLOR];
background:none;
}

thank you soooo much!

Put that at the VERY beginning of your Extra Definitions instead of at the end. (That's how I got it working.) Also not that an extra } is needed as you can see in the screenshot below.

Also make sure you make the changes to the postbit and/or postbit_legacy templates.

http://i79.photobucket.com/albums/j1...73/example.jpg

Trying to get the above working with no luck. Can someone identify the tags that correspond to URL's that appear in posts below?

/* Here you can change the look of the post text and links */

.vb_postbit
{
color: #333333;
font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
text-decoration: none;
}
.vb_postbit a:link
{
color: #333333;
font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border-bottom: 1px dotted #4E72A2;
text-decoration: none;
}
.vb_postbit a:visited
{
color: #333333;
font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border-bottom: 1px dotted #4E72A2;
text-decoration: none;
}
.vb_postbit a:hover, .vb_postbit a:active
{
color: #4E72A2;
font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border-bottom: 1px dotted #333333;
text-decoration: none;
}

/* ***** header pm and login box ***** */
.header_box_guest
{
background-color: #F6F6F6;
color: #000000;
padding:7px 7px 7px 7px;
border: 1px dotted #CFCFCF;
width: 300px;
}
.header_box
{
background-color: #FFFFCC;
color: #000000;
padding:7px 7px 7px 7px;
border: 1px dotted #CFCFCF;
width: 300px;
}

/* ***** postbit user info ***** */
.postbit_box
{
background-color: #edf3f9;
color: #000000;
padding:7px 7px 7px 7px;
border: 1px dotted #CFCFCF;
width: 292px;
}

/* ***** spacers and paddings ***** */

.cat_spacer {
padding:5px 0px 5px 0px;
}
.spacer {
padding:5px 0px 5px 0px;
}
.spacer_small {
padding:2px 0px 2px 0px;
}

/* ***** make announcements, stickies moderated, soft deleted posts and search result since last visit pretty ***** */
.announcement {
background-color: #d7e7f6;
color: #000000;
}
.sticky {
background-color: #edf3f9;
color: #000000;
}
.moderated {
background-color: #f9edee;
color: #000000;
}
.subscribed {
background-color: #edf9f2;
color: #000000;
}
.deleted {
background-color: #e5e8eb;
color: #283A5E;
}
.poll {
background-color: #e0ffdc;
}
.last_visit {
background-color: #edf3f9;
color: #000000;
}

/* ***** dotted hr ***** */
div.hr {
height: 1px;
background: url(images/bluesaint/misc/hr.gif) repeat scroll center;
}
div.hr hr {
display: none;
}

/* ***** make dropdown menu pretty ***** */

.vb_menu_control {
background: #E0E0E0 url(images/bluesaint/gradients/catbotbg.gif) repeat-x top left;
color: #666666;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 3px 6px 3px 6px;
white-space: nowrap;
}
.vb_menu_control a:link {
color: #666666;
text-decoration: none;
}
.vb_menu_control a:visited {
color: #666666;
text-decoration: none;
}
.vb_menu_control a:hover, .vb_menu_control a:active {
color: #666666;
text-decoration: underline;
}

Anyone? :(

Anyone got this working on 3.8.4 - had a go but no joy.

Good mod.

I have tried this on 3.8.7 with no success.

Anyone else able to get it to work on 3.8.x and what did you have to do?