New Posting Features - Showthread: Posted Hyperlink Colour

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!
  
  
  

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]

Originally Posted by Baldilocks

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]

Originally Posted by 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;
}

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.

[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?