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.
  #31  
Old 09 Mar 2009, 12:06
RedeemedWarrior's Avatar
RedeemedWarrior RedeemedWarrior is offline
 
Join Date: Apr 2008
Real name: Richard R
very cool i use something like this on my forum, its nicer than the standard dropdown
Reply With Quote
  #32  
Old 09 Mar 2009, 17:42
UKBusinessLive UKBusinessLive is offline
 
Join Date: Sep 2008
Real name: Gerry
Originally Posted by RedeemedWarrior View Post
very cool i use something like this on my forum, its nicer than the standard dropdown
Thanks Its not a bad little hack, plus it gets people playing with different styles and colors, something which they wouldn't of done normally.

It really is a lot easier than it looks and the results are great

Reply With Quote
  #33  
Old 09 Mar 2009, 20:41
creative-friend creative-friend is offline
 
Join Date: Feb 2009
Thanks For That.
Reply With Quote
  #34  
Old 09 Mar 2009, 21:02
UKBusinessLive UKBusinessLive is offline
 
Join Date: Sep 2008
Real name: Gerry
Originally Posted by creative-friend View Post
Thanks For That.
Your most welcomed
Reply With Quote
  #35  
Old 10 Mar 2009, 10:41
yenibeyin yenibeyin is offline
 
Join Date: Feb 2007
turkish explain at www.yenibeyin.com
Türkçe anlatım mevcut. Kendi sitemde kullanıyorum
Reply With Quote
  #36  
Old 10 Mar 2009, 17:44
UKBusinessLive UKBusinessLive is offline
 
Join Date: Sep 2008
Real name: Gerry
Originally Posted by yenibeyin View Post
turkish explain at www.yenibeyin.com
Türkçe anlatım mevcut. Kendi sitemde kullanıyorum
This is what happens when you use javascript




You want to delete that, and install my hack instead

The problem with the javascript hack is that the member needs to have javascript enabled, otherwise the hack won't work.

Last edited by UKBusinessLive; 10 Mar 2009 at 18:57.
Reply With Quote
  #37  
Old 10 Mar 2009, 23:42
Reece^B Reece^B is offline
 
Join Date: Jan 2006
Real name: Reece
Hey,

Nice hack, say I wanted to keep the default style, but just change the header colours, could that be done?
Reply With Quote
  #38  
Old 11 Mar 2009, 08:02
UKBusinessLive UKBusinessLive is offline
 
Join Date: Sep 2008
Real name: Gerry
Originally Posted by Reece^B View Post
Hey,

Nice hack, say I wanted to keep the default style, but just change the header colours, could that be done?
Sure you can change as little or as much as you want
Reply With Quote
  #39  
Old 24 Mar 2009, 02:07
Winterworks's Avatar
Winterworks Winterworks is offline
 
Join Date: Feb 2008
Real name: Mike
I suggest you replace:


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

With...


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

Reply With Quote
  #40  
Old 25 Mar 2009, 21:28
UKBusinessLive UKBusinessLive is offline
 
Join Date: Sep 2008
Real name: Gerry
Originally Posted by Winterworks View Post
I suggest you replace:


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

With...


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

will update the code in a moment
Reply With Quote
  #41  
Old 26 Mar 2009, 20:25
Winterworks's Avatar
Winterworks Winterworks is offline
 
Join Date: Feb 2008
Real name: Mike
Originally Posted by UKBusinessLive View Post
Thank You Michael

will update the code in a moment
Please, call me Mike, not by my legal name, Michael.

For those of you that are wondering, the code just removed the ugly blue/pink borders around the images.
Reply With Quote
  #42  
Old 03 Apr 2009, 10:41
esperone esperone is offline
 
Join Date: Feb 2006
well done. good job
Reply With Quote
  #43  
Old 04 Apr 2009, 00:51
cyberbob73 cyberbob73 is offline
 
Join Date: Jun 2006
Thanks
Reply With Quote
  #44  
Old 27 Apr 2009, 13:29
davew davew is offline
 
Join Date: Oct 2005
Very Cool! Thank you!
Reply With Quote
  #45  
Old 14 May 2009, 16:44
RobbieZ RobbieZ is offline
 
Join Date: Jul 2008
All the buttons remain the same color.

To change the color's of buttons and put a hint/splash of color your would copy them out of your forum path and change them in photoshop and put them in a new folder and rename the forumpath in your new style.

EDIT: Thanks UK . I am just working through my CSS. Long process but the effects are very awarding.

Last edited by RobbieZ; 15 May 2009 at 19:11.
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 17:11.

Layout Options | Width: Wide Color: