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

vB Version: 3.8.1 Rating: (9 votes - 5.00 average) Installs: 64
Released: 18 Feb 2009 Last Update: Never Downloads: 568
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:	510
Size:	48.9 KB
ID:	95081   Click image for larger version

Name:	bluepage.png
Views:	177
Size:	50.8 KB
ID:	95086   Click image for larger version

Name:	orangepage.png
Views:	160
Size:	50.8 KB
ID:	95087   Click image for larger version

Name:	redpage.png
Views:	202
Size:	50.4 KB
ID:	95088  

Click image for larger version

Name:	greenpage.png
Views:	240
Size:	51.0 KB
ID:	95089  

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.
  #91  
Old 11 Sep 2009, 03:56
Manic Mechanic Manic Mechanic is offline
 
Join Date: Oct 2008
Originally Posted by sKippah View Post
Ok so far.. but what about the code? seems i have to add this to every footer Template? Thanks
The code you add to the footer, you only have to add it one time to your parent/default style. It will be in all the other styles you make.
Reply With Quote
  #92  
Old 11 Sep 2009, 04:06
Manic Mechanic Manic Mechanic is offline
 
Join Date: Oct 2008
Originally Posted by PGAmerica View Post
Thank you for this. It works perfectly for me. However, I have 2 questions.

1) How do I remove the pull-down style selection list so this is the only way to change styles?

2) How do I make this the only way to select a new style in the UserCP?
Edit: Sorry I checked this as an Admin and it worked fine. When I checked as a regular user the colors will not change if you do as I say below.

Go to acp and click vBulletin Options, then go to Style & Language Settings. Go to 3rd. box down marked Allow Users To Change Styles. Click no then scroll to bottom and click save.

Last edited by Manic Mechanic; 13 Sep 2009 at 23:35.
Reply With Quote
  #93  
Old 11 Sep 2009, 04:09
Manic Mechanic Manic Mechanic is offline
 
Join Date: Oct 2008
Oh by the way I did this hack on 3.8.4 and it works great. Thanks
Reply With Quote
  #94  
Old 08 Nov 2009, 04:06
The Smoking Gun The Smoking Gun is offline
 
Join Date: Jul 2009
Question

Thanks for the convenient hack UKBL, is there an option for the fluid fixed change over too?

Also will running vBa be an issue with this hack?

Thanks, will mark installed as soon as I manage to get through the install LOL!

TIA,

TSG!
Reply With Quote
  #95  
Old 18 Dec 2009, 01:27
caliman's Avatar
caliman caliman is offline
 
Join Date: Jan 2005
With 'allow users to select styles' and this mod... when somebody clicks a color square - will vb remember your selection next time you come to the site?
Reply With Quote
  #96  
Old 04 Jan 2010, 07:46
Devanand Devanand is offline
 
Join Date: Apr 2009
Great hack, work fine but don't work on IE8 for me...what can be problem?
Reply With Quote
  #97  
Old 04 Jan 2010, 13:50
TheLastSuperman's Avatar
TheLastSuperman TheLastSuperman is offline
 
Join Date: Sep 2008
Real name: Michael Miller Jr
Cool

Originally Posted by The Smoking Gun View Post
Thanks for the convenient hack UKBL, is there an option for the fluid fixed change over too?

Also will running vBa be an issue with this hack?

Thanks, will mark installed as soon as I manage to get through the install LOL!

TIA,

TSG!
It should work in Fluid or Fixed width's as long as the code has been added for selection. This should also work with vBa just be sure to upload the cloro squares and any other required files into the correct style folder in your vBa directory .

Originally Posted by caliman View Post
With 'allow users to select styles' and this mod... when somebody clicks a color square - will vb remember your selection next time you come to the site?
Caliman... come on bud... did you test that before you posted? You could have logged out, closed the browser and checked yourself Let us know, maybe we can add it in to remember if not .

Originally Posted by Devanand View Post
Great hack, work fine but don't work on IE8 for me...what can be problem?
What can it be... IE! Firefox FTW (For the Win!) See if this works in IE7 and if your in IE8 try the compatibility tab (IE8 it works for me, reverting back to IE7 now.. bad IE!!!)

AND to everyone, if your style is showing the blue or "purple once visited" border arounf the image simply modify each img code like this:


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

Your just adding the code to remove any styling per say i.e.


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

Mike
__________________
Daddy Does Dios and Figs!
https://www.linkedin.com/in/thelastsuperman

Search - Use the search feature to find similar issues/answers.
Information - Include screenshots, copy/pasted error codes, url etc.
Fixed - Please return to your thread/post and let us know how it was fixed!
Thanks - For participating! Click the "Like" on a post if someone helped you!
Reply With Quote
  #98  
Old 18 Jan 2010, 02:54
Hornstar's Avatar
Hornstar Hornstar is offline
 
Join Date: Jun 2005
Real name: Matt
Would love if something simple was made for VB4. Are you interested in making a new one for Vb4?
Reply With Quote
  #99  
Old 02 Mar 2010, 13:15
archet1337's Avatar
archet1337 archet1337 is offline
 
Join Date: Sep 2009
Real name: Olav
Working with vB 4.0.2. Thanks
__________________
Administrator @ RadioCtrl Forums - Your online R/C community.
Reply With Quote
  #100  
Old 02 Mar 2010, 19:10
caliman's Avatar
caliman caliman is offline
 
Join Date: Jan 2005
Originally Posted by OcR Envy View Post
It bothered me that regardless of what page you were on this would redirect you to index.php when you change the color so I wrote up a simple javascript so when a user selects a different color they stay on the page they were viewing.

Place this above your color images:


Then the color image/link would change to:



onclick="updatestyle(5);" 5 represents the style id, change this to whatever.

Enjoy
This javascript did not work for me... did it work for anyone else?
Reply With Quote
  #101  
Old 15 Mar 2010, 18:47
Travis-Mc Travis-Mc is offline
 
Join Date: Sep 2009
Originally Posted by caliman View Post
This javascript did not work for me... did it work for anyone else?
It didn't work for me either. It's too bad too because that's exactly was I was looking for to use in a mobile skin. If the user is browsing on their phone and wants to see something in the default (full) view, I want them to able to click a button and be directed to the same location. Oh well.. For now I'm using the quick chooser at the top of the mobile skin along with a link next to it that says "Force Return to Default View". It they use the chooser, the won't lose what page they were on, if they use the force return, they will go to index.php.
Reply With Quote
  #102  
Old 15 Jan 2011, 08:47
Aurore Aurore is offline
 
Join Date: Jan 2002
Real name: J-J
Originally Posted by ry215 View Post





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.
Anyone known about the additional fields to add in misc.php ??
__________________
Jean-Jacques
Reply With Quote
  #103  
Old 11 Mar 2012, 23:33
nasko nasko is offline
 
Join Date: Sep 2005
Is there a mod like this for Vbulletin 4.08?
Reply With Quote
  #104  
Old 02 Jun 2012, 04:50
oxblood12's Avatar
oxblood12 oxblood12 is offline
 
Join Date: Oct 2006
gracias por el datito
Reply With Quote
  #105  
Old 11 Nov 2015, 02:16
trollshrooms's Avatar
trollshrooms trollshrooms is offline
 
Join Date: Sep 2011
My child styles are not inheriting edits made to the main style.

I uploaded the style i wanted as the main color, and all the other colors as children
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:54.

Layout Options | Width: Wide Color: