vBulletin Mods

The Official vBulletin Modifications Site
https://www.vbulletin.org/forum/showthread.php?t=205755

UKBL ~ Choose Multiple Forum Colors - like VB.Org
by UKBusinessLive
18 Feb 2009 08:00

10 Attachment(s)
UKBL ~ Choose Multiple Forum Colors - like VB.Org


With recent requests to do something similar to VB.org without all the complications of seperate CCS scripts and pages, Now you'll be able to change your forums color, Just like VB.org ;) This hack will show you how to make and customise your own forum styles - Great Fun



PLEASE NOTE, The demo Screenshots are not the Colors you will be getting :rolleyes: They are just quick examples i made to show different colors. The Colours are custom made by you when you Edit the CSS in your Styles template folder :D

Lets get Started :D

First you will need to decide how many colors you want, For example we'll chose just 4, but you can have as many or as little as you want.

Then decide which forum style you want to use to offer your color changes, I've used just the VB default style for this example.

So here we go..........

1. Go to your Admin CP and select Style Manager

2. Click the Link at the bottom - Add New Style

3. Parent Style - Select the Style that you want to offer Color Changes on, Normally this would be your chosen default style, and name it Default - Green Allow User selection - Yes Display order - 20 Then Save

4. You will see that you've created a copy of your default style called default green. Now we'll need to play with our Colors :D

5. On your defalt Green style click on All Style Options and GO, scroll down untill you come to the Body CSS

Then basically you need to work your way down this changing Background Colors, font colors etc,, If you click on one of the colored squares you will bring up a selector of colors which can let you chose the color you want without having to know Hex color numbers.

Trust me, I've not done this before and already within minutes i was making different forum styles, It really is that simple, The key word here is experiment :D You'll love it

To see your changes save and then click on the Forum Home Page link at the top right of your screen.

So basically thats what we need to do to make our different color Styles, Do a new Default Style for each color you want.

Color Squares

Next we'll need our color Squares

https://www.vbulletin.org/forum/

https://www.vbulletin.org/forum/

https://www.vbulletin.org/forum/

https://www.vbulletin.org/forum/

Just make your own in the color which best represents your Style and save to your forums /images/misc folder To fit nicely in the bottom navbar, I made mine 13 x 13 pixels and made them in paint.net, You can use photoshop or even windows paint ;)

Half way there :D:D

Now comes the Fun Part ;)

We need to Make our Color Squares Clickable so for that we'll have to edit a bit of code.

Open Notepad or a similar Text editor and add the following Code


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Now we will need to add our url of our style to the Front of that code like this


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

You can find out which Style id you need in the Style Manager in your AdminCP, Next we add the url of our color square.

If you already havn't done so, Upload your Color squares to your forums image/misc folder and use the full url to link to that in the code, so now our code will be like this


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Then we add a spacer Code to the end of our coded like this  



Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Thats it, Then you do that with all the colors and save them one after the other, so you end up with one long line of code


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Thats the code done, Now to add a few words to the Front of it


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Remember to add a unedited Link back to your normal Style so members can keep using the original, You can use a white color square for this.

and thats it :up: save your work :D

Next we'll need to upload the code to our footer template of our Parent Style

Go to Default (Parent) style in the Admin CP and select All style Options > Edit Templates > Footer
and then find


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

and below it add your code, Then save.

You'll see that it will copy to all the child styles automatically :D

You should get something along the lines of this

https://www.vbulletin.org/forum/

https://www.vbulletin.org/forum/

https://www.vbulletin.org/forum/

https://www.vbulletin.org/forum/

Thats all folks :D

Please Click Install and i'll support 100%

UKBusinessLive 18 Feb 2009 08:02

:) Reserved ;)

Aclikyano 18 Feb 2009 12:27

1st to reply :D nice work gonna try this out now, let you know how it goes!

Aclikyano 18 Feb 2009 12:30

anyway you can make the banner colors change like it does on VB.org? hmmm

macc 18 Feb 2009 12:33

Thanks ...nice work and thanks for your help!

regards

macc

UKBusinessLive 18 Feb 2009 12:54

Quote:

Originally Posted by Aclikyano (Post 1747806)
anyway you can make the banner colors change like it does on VB.org? hmmm

Yes and its so easy :D

UKBusinessLive 18 Feb 2009 12:55

Quote:

Originally Posted by macc (Post 1747811)
Thanks ...nice work and thanks for your help!

regards

macc

Thanks Macc, Glad you liked it :D

ry215 18 Feb 2009 13:00

This mod isnt like vbOrg :D

UKBusinessLive 18 Feb 2009 13:04

Quote:

Originally Posted by ry215 (Post 1747848)
This mod isnt like vbOrg :D

:D lol It changes forum colours like VB.org

http://www.ukbusinesslive.co.uk/foru...isc/choser.png

;)

Shazz 18 Feb 2009 13:29

This looks really ugly but its real nice :)

UKBusinessLive 18 Feb 2009 13:36

Quote:

Originally Posted by Shazz (Post 1747889)
This looks really ugly but its real nice :)

Ha ha, Please don't go by the colors, i just did them as an example :o

I guess when admins change their own colors they'll do it with a bit more care and attention, God forbid anyone having a forum with those colors :erm:

:D

ry215 18 Feb 2009 14:46

Quote:

Originally Posted by UKBusinessLive (Post 1747855)
:D lol It changes forum colours like VB.org

;)

https://www.vbulletin.org/forum/

https://www.vbulletin.org/forum/


You MUST add some new fields to Database, and use PHP Codes for this, not only edit template :)

Only use Main CSS and StyleID for all colors.

UKBusinessLive 18 Feb 2009 14:56

Quote:

Originally Posted by ry215 (Post 1747961)
https://www.vbulletin.org/forum/

https://www.vbulletin.org/forum/


You MUST add some new fields to Database, and use PHP Codes for this, not only edit template :)

Only use Main CSS and StyleID for all colors.

Well i'm not just going to copy someone elses code??

Plus this is a quite and simple way for people not advanced in coding and databases, to have a similar function to their site, If i wanted to copy VB.orgs code i'd copy the source code, but thats not the idea. :confused:

My Heading states "Choose Multiple Forum Colors - like VB.Org"

Notice it says "Like" Not spitting image or a copy.

also "With recent requests to do something similar to VB.org without all the complications of seperate CCS scripts and pages"

i'm sorry if its not met your expectations :erm:

macc 18 Feb 2009 15:06

Your code works also fine (on my site) !

here i had read that many asked and requested about this code or hack ...but never get help from here -mean vbulletin org.

Thanks again UKbusinesslive - nice mod and nice help!

regards

macc

UKBusinessLive 18 Feb 2009 15:12

Quote:

Originally Posted by macc (Post 1747987)
Your code works also fine (on my site) !

here i had read that many asked and requested about this code or hack ...but never get help from here -mean vbulletin org.

Thanks again UKbusinesslive - nice mod and nice help!

regards

macc

Thanks Macc,

Always happy to help :D


All times are GMT. The time now is 17:37.

Powered by vBulletin® Version 3.8.12
Copyright © 2019, MH Sub I, LLC dba vBulletin. All Rights Reserved. vBulletin® is a registered trademark of MH Sub I, LLC
Copyright ©2001 - , vbulletin.org. All rights reserved.