MyBB Community Forums

Another (hopefully quick) question I had - is there a code I can insert into one of the style templates to make links within posts show up a different color or bolder without changing the link color or boldness of the entire forum?

The only code I could find that affects links within a post itself was a global property that changed nearly all the links on the entire forum. What template would I need to edit in order to just effect links within a post or is that even possible?

To change only the links within a post, you can use the following code.
Define whatever you want, but don't forget the "div.post_body" part

div.post_body a:link {
  color: #ff0000;
  text-decoration: none;
}

div.post_body a:visited {
  color: #ff0000;
  text-decoration: none;
}

div.post_body a:hover, div.post_body a:active {
  color: #00ff00;
  text-decoration: underline;
}

Awesome, thank you. Worked like a charm. I appreciate you taking the time to post the solution.

Excellent themes, can someone please let me know the HEX for the green for Apart Leaf?

Also, Ive just installed Apart Night which looks great but im having some problems with the header and logo

http://www.investingideas.biz/

I need to remove the Apart Night image and then extend the background blue of the left and right images across, any suggestions on how to do this and the best way to proceed?

Do you want it like this?
[attachment=20053]
If so, please edit your header template.

Search

<div class="logo"><table width=100%><tr><td align="left">
<a href="http://www.investingideas.biz/forum/index.php">
<img src="http://investingideas.biz/images/newphlogoleft.png" border=0 alt="Investing Ideas Forum" title="Investing Ideas Forum" >
</td>
<td align="right">
<a href="http://www.investingideas.biz/forum/index.php">
<img src="http://investingideas.biz/images/newphlogoright.png">
</a>
</td></tr></table>
</a></div>

Replace with

<div class="logo">
	<a href="http://www.investingideas.biz/forum/index.php">
		<img src="http://investingideas.biz/images/newphlogoleft.png" alt="Investing Ideas Forum" title="Investing Ideas Forum" border="0">
	</a>

	<span style="float:right">
		<img src="http://investingideas.biz/images/newphlogoright.png">
	</span>
</div>

And add this to your global.css

div.logo {
	background: #022338 url(../../../images/night/header_bg.png) top left repeat-x;
	min-width:647px;
}

Finally please upload the header_bg.png (attached) to your "images/night" directory

Edit: About the HEX for Apart Leaf
Not so easy to supply the right HEX value, as there are several shades.
But with the little tool "ColorCop", you can find the HEX value by yourself

Excellent, thanks for your help with all that Cayo Its almost there but doesn't quite line up correctly and everything on the forum is now centered for some reason. Any ideas on this?

---

btw That's a great tool , The green appears to be #4B932B

(2010-10-03, 12:08 PM)GFN Wrote: [ -> ]Its almost there but doesn't quite line up correctly [...]

You need to edit your global.css correctly - as described

1. Remove the (header) background from the CSS "body" section

Quote:body
{
background: #222 url(../../../images/logo_bg.png); <-- remove this line
background-position:left 5px; <-- remove this line
color: #000;
text-align: center;
line-height: 1.4;
margin: 0;
font-family: Verdana, Arial, Sans-Serif;
font-size: 13px;
}

2. Add the following code to your global.css

div.logo {
	background: #02558c url(../../../images/logo_bg.png) top left repeat-x;
	min-width:647px;	
}

3. Edit the header template
[ACP > Templates & Styles > Templates > Apart ... > Header Templates > header]
Changes already described in my previous post.

If you do that, it should look exactly like my screenshot

WOW Perfect, thanks so much, it worked perfectly. I did try that before but it didn't work, I obviously didn't follow your instructions correctly

The only thing that I noticed is when you hit "mark all forums read" the background doesn't show (its white)

http://www.investingideas.biz/forum/images/night/bg.png

Sorry, my fault. Just forgot something

Add this to the "body" section and it should be fine:

body {
  background: #222 url(../../../images/night/bg.png);
}

Regarding this theme (Apart) I would like to remove the form home link located on the upper left corner. How can I do this? See attached image.