vb.org Archive - vBulletin Blog - Blog Description Background

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 3.6 Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=192)

- - vBulletin Blog - Blog Description Background (https://vborg.vbsupport.ru/showthread.php?t=158040)

cheat-master30

09-16-2007 10:00 PM

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':

Code:

#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.

Brandon Sheley

09-17-2007 02:46 PM

screenshot or demo ?

cheat-master30

09-17-2007 03:36 PM

Oh, right. Have one soon.

cheat-master30

09-17-2007 03:42 PM

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:

Code:

#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

09-18-2007 07:41 AM

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

09-18-2007 08:07 AM

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

Reeve of shinra

09-19-2007 07:48 PM

I felt the same way, glad you shared this.

cheat-master30

09-19-2007 08:39 PM

No problem. Sometimes a minor thing can help.

Ophelia

09-20-2007 02:13 PM

Having a blonde moment.

I have this:

Code:

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

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

cheat-master30

09-20-2007 04:45 PM

You would change to:

Code:

#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

09-20-2007 05:47 PM

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

In template BLOG, find:

Code:

<!-- Description -->

                <if condition="$show['description']">

                        <div id="blog_description">$description</div>

                </if>

                <!-- End Description -->

Replace with:

Code:

<!-- 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

09-20-2007 06:34 PM

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

10-05-2007 06:04 PM

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

good for pointing it out!

cheat-master30

10-05-2007 10:57 PM

Quote:

Originally Posted by erinys (Post 1353581)

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

10-30-2007 05:31 AM

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

10-30-2007 06:25 AM

You just add it to the Main CSS part.

yoyoyoyo

10-30-2007 02:24 PM

Quote:

Originally Posted by cheat-master30 (Post 1371722)

You just add it to the Main CSS part.

I figured that, but your code says:

Quote:

#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

10-30-2007 03:39 PM

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?

All times are GMT. The time now is 06:05 PM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01813 seconds Memory Usage 1,753KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (6)bbcode_code_printable (3)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (18)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: