The Arcive of Official vBulletin Modifications Site.

Custom forum CSS per Forum, using the Forum Admin · **Released**: 11-10-2006

Hi!

I am developping a new forum on http://www.papegaaienforum.com/ (meaning: parrotforum.com in dutch) and I needed to be able to change the header for each specific parrot via CSS and might also need to change other CSS for each specific forum so I wrote this small mod wich is optimized (fast, using variables already made available by vbulletin so no extra queries) and enables to configure CSS via the vBulletin admin as if it's available by default.

It contains 1 phrase ("CSS") and requires 1 template mod to insert the new styles just below the <body> tag via the "header" template. It might be better to place the styles just above the </head> tag on each seperate forum and threadview template but this requires more work so I provide instructions for the most easy and simple way.

Upload css_install.php to your forum root (e.g. / or /forum/)
Run the script, it will return an confirmation message that the instalation is completed. It will add one field to the forum table ("css"/TEXT).
Import the included product (product-custom_forum_css.xml)
Edit the "header" template and put the folowing code on very top of the template:
1. <style type="text/css">
  $forum_css_code
  </style>

Now you will be able to aply CSS code per forum via the Forum Adminpanel, there is a new CSS textarea input on the bottom of the edit and add forum forms.

Btw, if you use subforums without CSS specified on a parrent that does have CSS specified it will use the CSS of the parrent (unlimited, so also if you have 100 levels of subforums).

I am developping more mods btw, PM or contact me for more information.

Have Fun!
Jan Jaap

Smoothie · #22 11-13-2006, 01:12 AM

Possible to have more flexibility with this? Like maybe the header and footer templates?

abramelin · #23 11-13-2006, 02:33 AM

smoothie stop flooding!

Adult SEO · #24 11-13-2006, 03:14 AM

Quote:

Originally Posted by Smoothie

Possible to have more flexibility with this? Like maybe the header and footer templates?

Hi!

This mod will enable you to change everything that is styleable via CSS. Since almost everything on the forum is styled via CSS you can change the look of for example the footer or header easily.

Best Regards,
Jan Jaap

kall · #25 11-13-2006, 03:36 AM

A question - does this offer anything that the default 'Choose style for viewing this forum' option in Forum Manager does not?

Adult SEO · #26 11-13-2006, 03:46 AM

Quote:

Originally Posted by kall

A question - does this offer anything that the default 'Choose style for viewing this forum' option in Forum Manager does not?

Hi!

It will just save a lot of time and alow to easily change the CSS of a forum without the need to create templates, styles etc. and managing them all together.

This will work based on 1 design, wich will make it easyer to update all forums and making minor changes to the CSS to for example just change the header image.

It's just more simple and faster and saves a lot of work if you just want to change the header image or backgroundcolor for example. It's not meant for advanced style changes, just for minor CSS changes.

Best Regards,
Jan Jaap

kall · #27 11-13-2006, 04:46 AM

I thought that was the general idea but confused myself when I tried to work out how to change the header/header image and footer using CSS only, without making major changes to the vB core files. How do you manage to change the logo using css?

Adult SEO · #28 11-13-2006, 04:51 AM

Well, you could remove the header image and put for example a div with the class "header_image".

You will then be able to format it as folowing:

PHP Code:


			
.header_image {

width:300px;

height:200px;

background:#ffffff url('/images/header1.png') 0px 0px no-repeat;

}

So it costs just a simple header edit you need to do anyway + CSS.

Best Regards,
Jan Jaap

Smoothie · #29 11-13-2006, 08:51 AM

Quote:

Originally Posted by abramelin

smoothie stop flooding!

In case you haven't noticed wise guy there is some sort of problem with forum because of the upgrade. So, get a life.

abramelin · #30 11-13-2006, 02:17 PM

hmmm, after your example adult seo, there is a question stuck in my mind. you gave a css code that only control the header part. i want to change my forums only header too but i dont understand one part: am i have to use only the header part of css code or the entire css code with the modified header part ?

Adult SEO · #31 11-14-2006, 04:54 AM

With this MOD you just need to use the CSS code you want to change or aply as new. As this CSS code will be served to the browser after the original CSS code, it will override the original CSS code, it does not replace the original CSS code.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.04639 seconds Memory Usage 2,304KB Queries Executed 26 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (1)bbcode_php (3)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (6)navbar_link (120)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (11)post_thanks_box (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (11)post_thanks_postbit_info (10)postbit (11)postbit_onlinestatus (11)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.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/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.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 showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!