Showthread: Posted Hyperlink Colour

[princeedward]

Showthread: Posted Hyperlink Colour
(All vB v3.6 Compatible )




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! (http://www.pitt.edu/~nisg/cis/web/cgi/rgb.html)





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:


<div id="post_message_$post[postid]">$post[message]</div>



REPLACE WITH:


<div id="post_message_$post[postid]" class="post">$post[message]</div>



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!

[princeedward]

RESERVED!

[Baldilocks]

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

[princeedward]

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

[yeku]

Reserved

[Baldilocks]

I am really hoping this works on 3.7.0 !!

[Baldilocks]

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

Thanks!!

[Nevets2329]

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.

[Baldilocks]

Works fine on my light/white backgrounds.

[princeedward]

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.:rolleyes: hmmm...sorry don't get what you mean here...

[princeedward]

Works fine on my light/white backgrounds.thanks...and glad that it work fine to your site... ;)

[Nevets2329]

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

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

[principino1984]

thank you soooo much!

[Baldilocks]

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

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

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/j149/Baldilocks73/example.jpg

[Terry Burger]

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;
}

[Terry Burger]

Anyone? :(

[orangefive]

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

[Secret Warez]

Good mod.

[sweptwingnut]

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?