Blog Description Background

[cheat-master30]

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 (https://vborg.vbsupport.ru/member.php?u=163646) for first demo.

[Brandon Sheley]

screenshot or demo ?

[cheat-master30]

Oh, right. Have one soon.

[cheat-master30]

Screenshot added, and demo is pretty obvious from the screenshot. Oh, and if you thought the border would be thicker, or to change colours, do this:

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

Note, highlighted for emphasis. Please removing bolding and decapitalise GREEN before use, or changed as necessary to suit board or style.

[PoetJA-1975]

Demo at: http://jpicforum.info/blog.php?u=1
I added additional padding element: padding:10px;

Thanx very much for the share.
I don't know why on earth that section was designed without any border or background - A little silly in my opinion....

Anyway - Thanx ;)

Jacquii.

[cheat-master30]

^That is why it was added. Because someone screwed quite a bit and didn't realise the effect on aesthetics.

[Reeve of shinra]

I felt the same way, glad you shared this.

[cheat-master30]

No problem. Sometimes a minor thing can help.

[Ophelia]

Having a blonde moment.

I have this:

#blog_description { background: #FFEA7B; color: [Same as blog_message]; }

I would like a padding around it though. How would I do that?

[cheat-master30]

You would change to:

#blog_description { background: #FFEA7B; color: [Same as blog_message]; padding: [whatever]; }

Oh, and by the way, if you have not done so, edit the [same as blog_message] and [whatever] to what you want.

[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. :p

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

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]

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?