Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
UKBL ~ Choose Multiple Forum Colors - like VB.Org Details »
UKBL ~ Choose Multiple Forum Colors - like VB.Org
Mod Version: 1.00, by UKBusinessLive (Designer) UKBusinessLive is offline
Developer Last Online: Feb 2012 I like it Show Printable Version Email this Page

This modification is in the archives.
vB Version: 3.7.5 Rating: (3 votes - 5.00 average) Installs: 4
Released: 18 Feb 2009 Last Update: Never Downloads: 44
Not Supported Template Edits Re-usable Code Translations  

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

Lets get Started

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

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









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

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 save your work

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

You should get something along the lines of this









Thats all folks

Please Click Install and i'll support 100%

Download Now

Only licensed members can download files, Click Here for more information.

Screenshots

Click image for larger version

Name:	choser.png
Views:	18
Size:	48.9 KB
ID:	95095   Click image for larger version

Name:	bluepage.png
Views:	12
Size:	50.8 KB
ID:	95096   Click image for larger version

Name:	redpage.png
Views:	13
Size:	50.4 KB
ID:	95097   Click image for larger version

Name:	orangepage.png
Views:	10
Size:	50.8 KB
ID:	95098  

Click image for larger version

Name:	greenpage.png
Views:	12
Size:	51.0 KB
ID:	95099  

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • If you like this modification support the author by donating.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Similar Mod
Mod Developer Type Replies Last Post
End-User Options UKBL ~ Choose Multiple Forum Colors - like VB.Org UKBusinessLive vBulletin 3.8 Template Modifications 105 03 Jan 2016 17:02

Comments
  #2  
Old 18 Feb 2009, 08:06
UKBusinessLive UKBusinessLive is offline
 
Join Date: Sep 2008
Real name: Gerry
Reserved
Reply With Quote
  #3  
Old 18 Feb 2009, 12:29
GSeybold GSeybold is offline
 
Join Date: Dec 2007
OMG Gerry I was just looking for this, this morning. How ironic. We'll create some colors this week and install this. Creating new colors is kind of fun for me and it's something I can actually do. LOL

Makes it much easier to keep everyone happy by using this without having the hassles of fixing new designs to meet your forum needs . Much easier to go with a default style and just change coloring.

Thanks so much. I really appreciate this more than you know!

Gabby

Last edited by GSeybold; 18 Feb 2009 at 12:36.
Reply With Quote
  #4  
Old 18 Feb 2009, 13:01
UKBusinessLive UKBusinessLive is offline
 
Join Date: Sep 2008
Real name: Gerry
Originally Posted by GSeybold View Post
OMG Gerry I was just looking for this, this morning. How ironic. We'll create some colors this week and install this. Creating new colors is kind of fun for me and it's something I can actually do. LOL

Makes it much easier to keep everyone happy by using this without having the hassles of fixing new designs to meet your forum needs . Much easier to go with a default style and just change coloring.

Thanks so much. I really appreciate this more than you know!

Gabby
Hey Gabby,

Glad you like it, A few people had it on their sites and kept quite about it, why?? So this i did last night when i was asked to make something like this for another admin.

Now its on here, We'll share it all round

The great thing about it, is how easily you can change the styles, Its so much fun to change the colors and then viewing it to see what it turns out like, thats the fun part, Plus everyones different, so we'll be seening some great style edits comin up, and perhaps some new skin designers of the future

Give me a shout if you need help

Take Care

Reply With Quote
  #5  
Old 18 Feb 2009, 13:30
GSeybold GSeybold is offline
 
Join Date: Dec 2007
I'm working on a pretty in pink one now
Reply With Quote
  #6  
Old 18 Feb 2009, 13:37
UKBusinessLive UKBusinessLive is offline
 
Join Date: Sep 2008
Real name: Gerry
Originally Posted by GSeybold View Post
I'm working on a pretty in pink one now
Nice, I bet you'll make some great skin designs Gabby

Don't forget to down load the example code, and click install
Reply With Quote
  #7  
Old 20 Feb 2009, 16:26
GSeybold GSeybold is offline
 
Join Date: Dec 2007
Worked like a charm. My members now have 11 colors to choose from. Thanks for your help Uk and thanks for your patience as well.

I used 26 X 26 squares because it's easier for my members to see.

Great mod. Nominated for MOTM as far as I'm concerned.

Gabby
Attached Images
File Type: jpg forumcolorsquares.jpg (10.5 KB, 24 views)
Reply With Quote
  #8  
Old 20 Feb 2009, 16:52
UKBusinessLive UKBusinessLive is offline
 
Join Date: Sep 2008
Real name: Gerry
Originally Posted by GSeybold View Post
Worked like a charm. My members now have 11 colors to choose from. Thanks for your help Uk and thanks for your patience as well.

I used 26 X 26 squares because it's easier for my members to see.

Great mod. Nominated for MOTM as far as I'm concerned.

Gabby
Thanks Gabby, Always a Pleasure to help
Reply With Quote
  #9  
Old 22 Feb 2009, 00:36
yeku's Avatar
yeku yeku is offline
 
Join Date: May 2005
Installed

thank
Reply With Quote
  #10  
Old 22 Feb 2009, 11:48
UKBusinessLive UKBusinessLive is offline
 
Join Date: Sep 2008
Real name: Gerry
Originally Posted by yeku View Post
Installed

thank
Thanks Hope your colors end up better than my examples
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 14:43.

Layout Options | Width: Wide Color: