vBulletin Blog - Blog Description Background

Okay, this very minor CSS addition just does one thing; adds the right background to the blog_description property. Because by default, it just places this text on the page background colour with no nice background and no box border. And I felt it looked out of place.

In 'All Style Options', add this under 'Additional CSS':

#blog_description {background: [same as blog_message]; color: [Same as blog_message]; border: 1px solid black }

Replace as need be. Just felt like posting this because it felt half finished otherwise.

Oh, and change values for the other skins.

Demos:

http://jpicforum.info/blog.php?u=1 (With 10px padding)

http://www.dsultimate.net/Board/upload/blog.php?u=1 (guess why this forum added it).

Thanks to PoetJA-1975 for first demo.

[Mark.B]

I did this in the templates which is easier if you have multiple styles:

In template BLOG, find:

<!-- Description -->
		<if condition="$show['description']">
			<div id="blog_description">$description</div>
		</if>
		<!-- End Description -->

Replace with:

<!-- Description -->
		<if condition="$show['description']">
			<div id="blog_description" class="tborder" style="padding: $stylevar[cellspacing]px"><div class="alt2" style="padding: $stylevar[cellpadding]px">$description</div></div>
		</if>
		<!-- End Description -->

I'm not sure if doing that with two DIVs is ideal, however as we're avoiding tables now I am not sure of any other way. Works in Firefox, Opera and IE so it can't be THAT bad.

[cheat-master30]

Yeah, that works as well. The only reason I don't is because it saves loading time and file size to put all styling information in the CSS files.

[erinys]

allthough its just a css style, its something thats needed, therefor installed!

good for pointing it out!

[cheat-master30]

Originally Posted by erinys

allthough its just a css style, its something thats needed, therefor installed!

good for pointing it out!

I'm surprised this was not already default in the blog; it's a glaringly obviously CSS overlook.

[yoyoyoyo]

where is the blog css located/defined so I can find the blog_message hex color? I don't see that listed in my CSS or additional definitions. I am colorblind so I need some help! lol (btw - I am using the default vb skin)

[cheat-master30]

You just add it to the Main CSS part.

[yoyoyoyo]

Originally Posted by cheat-master30

You just add it to the Main CSS part.

I figured that, but your code says:

#blog_description {background: [same as blog_message]; color: [Same as blog_message]; border: 1px solid black }

how do I find out the code for blog_message so I can make it the same, and where is that defined?

[cheat-master30]

It's the same as the First Alternating Colour in my case. Try taking the value from that and applying it.

Edit: Of course, multiple skins will by nature slightly ruin this mod, so maybe also edit it different for each style?