PDA

View Full Version : End-User Options - UKBL ~ Choose Multiple Forum Colors - like VB.Org


UKBusinessLive
18 Feb 2009, 09:00
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

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


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

<a href="link.com"><img src="picture.jpg"></a>

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

<a href="http://www.ukbusinesslive.co.uk/forum/index.php?styleid=5"><img src="picture.jpg"></a>

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

<a href="http://www.ukbusinesslive.co.uk/forum/index.php?styleid=5"><img src="http://www.ukbusinesslive.co.uk/forum/images/misc/green.png"></a>

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


<a href="http://www.ukbusinesslive.co.uk/forum/index.php?styleid=5"><img src="http://www.ukbusinesslive.co.uk/forum/images/misc/green.png"></a> &nbsp;

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

<a href="http://www.ukbusinesslive.co.uk/forum/index.php?styleid=5"><img src="http://www.ukbusinesslive.co.uk/forum/images/misc/green.png"></a>&nbsp; <a href="http://www.ukbusinesslive.co.uk/forum/index.php?styleid=6"><img src="http://www.ukbusinesslive.co.uk/forum/images/misc/red.png"></a>&nbsp; <a href="http://www.ukbusinesslive.co.uk/forum/index.php?styleid=7"><img src="http://www.ukbusinesslive.co.uk/forum/images/misc/blue.png"></a>&nbsp;

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

Choose Your Color &nbsp; <a href="http://www.ukbusinesslive.co.uk/forum/index.php?styleid=5"><img src="http://www.ukbusinesslive.co.uk/forum/images/misc/green.png"></a> &nbsp; <a href="http://www.ukbusinesslive.co.uk/forum/index.php?styleid=6"><img src="http://www.ukbusinesslive.co.uk/forum/images/misc/red.png"></a>&nbsp; <a href="http://www.ukbusinesslive.co.uk/forum/index.php?styleid=7"><img src="http://www.ukbusinesslive.co.uk/forum/images/misc/blue.png"></a>&nbsp;

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

<strong>

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, 09:02
:) Reserved ;)

Aclikyano
18 Feb 2009, 13:27
1st to reply :D nice work gonna try this out now, let you know how it goes!

Aclikyano
18 Feb 2009, 13:30
anyway you can make the banner colors change like it does on VB.org? hmmm

macc
18 Feb 2009, 13:33
Thanks ...nice work and thanks for your help!

regards

macc

UKBusinessLive
18 Feb 2009, 13:54
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, 13:55
Thanks ...nice work and thanks for your help!

regards

macc

Thanks Macc, Glad you liked it :D

ry215
18 Feb 2009, 14:00
This mod isnt like vbOrg :D

UKBusinessLive
18 Feb 2009, 14:04
This mod isnt like vbOrg :D

:D lol It changes forum colours like VB.org

http://www.ukbusinesslive.co.uk/forum/images/misc/choser.png

;)

Shazz
18 Feb 2009, 14:29
This looks really ugly but its real nice :)

UKBusinessLive
18 Feb 2009, 14:36
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, 15:46
: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, 15:56
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, 16: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, 16:12
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

rapidphim
18 Feb 2009, 17:30
so, in order to change the color for the forum, you also have to edit the style CSS to match the color? Is there away for it to change automatically without edit the template CSS for each of style color that you add on?

UKBusinessLive
18 Feb 2009, 17:58
so, in order to change the color for the forum, you also have to edit the style CSS to match the color? Is there away for it to change automatically without edit the template CSS for each of style color that you add on?

You edit the child style which you us your default forum as the parent, Changing the Style template CSS is so easy and the results can be viewed instantly after being saved, each template should take no more than 3 to 5 minutes.

I've not done it any other way as to make it more difficult by editing main page CSS and database tables.

This is a Hack for the little guy that wants the same result as VB.org but alot easier and quicker.

If you did it the way you say you will still have to edit a CSS page for each color, so this ways quicker and easier :D

Hornstar
18 Feb 2009, 20:53
thanks for sharing :) now if only I could create some nice colours as I would most likely create something that looks like yours :D

UKBusinessLive
18 Feb 2009, 21:13
thanks for sharing :) now if only I could create some nice colours as I would most likely create something that looks like yours :D

LOL, I did that in minutes because i was adding it to here :D, But its so easy to play with, given time you could make some nice complimentry color styles for your Forum.

Experiment, Thats the fun Part :D

pein87
18 Feb 2009, 21:18
Your awesome with javascript mate well done do you do paid services my js isnt the best?

UKBusinessLive
18 Feb 2009, 21:27
Your awesome with javascript mate well done do you do paid services my js isnt the best?

For you buddy, a donation will suffice ;) Pm me your problem and i'll help where i can, But this hack wasn't done with JS :confused:

KevinL
21 Feb 2009, 13:41
thanks for sharing :) now if only I could create some nice colours as I would most likely create something that looks like yours :D

Try this site... http://www.colourlovers.com/ it has a lot of colors to work off ;)

UK, nice work once again! :)

UKBusinessLive
21 Feb 2009, 14:59
Try this site... http://www.colourlovers.com/ it has a lot of colors to work off ;)

UK, nice work once again! :)

Thanks kev :up:;)

atmaca
21 Feb 2009, 16:32
Thank you, very nice (:

UKBusinessLive
21 Feb 2009, 16:41
Thank you, very nice (:

Thanks, Don't forget to click installed if you use ;)

dvbusuario
23 Feb 2009, 07:12
On the next page is implemented in the script where vbulletin-turkey.com add this hack to implement javascript and ajax

http://www.dynamicdrive.com/dynamicindex9/stylesheetswitcher.htm

How can you implement to vBulletin?

Demo: http://www.vbulletin-turkey.com/
Look at the navbar

Thank You!

UKBusinessLive
23 Feb 2009, 18:18
On the next page is implemented in the script where vbulletin-turkey.com add this hack to implement javascript and ajax

http://www.dynamicdrive.com/dynamicindex9/stylesheetswitcher.htm

How can you implement to vBulletin?

Demo: http://www.vbulletin-turkey.com/
Look at the navbar

Thank You!


Thanks for your post but its got nothing to do with my mod, and i recommend you email the admin on that site as opposed to starting a new topic on my thread.

:rolleyes:

Amadeus Cho
28 Feb 2009, 21:30
tagged.

if it's half as easy as you say you've done a great job :)

UKBusinessLive
01 Mar 2009, 09:43
tagged.

if it's half as easy as you say you've done a great job :)

Thanks, Let us know how you got on ;)

Gweebs
09 Mar 2009, 09:50
Thanks....

Going to have some fun with this later...

RedeemedWarrior
09 Mar 2009, 12:06
very cool i use something like this on my forum, its nicer than the standard dropdown

UKBusinessLive
09 Mar 2009, 17:42
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 ;)

:D

creative-friend
09 Mar 2009, 20:41
Thanks For That.

UKBusinessLive
09 Mar 2009, 21:02
Thanks For That.

Your most welcomed :D

yenibeyin
10 Mar 2009, 10:41
turkish explain at www.yenibeyin.com (http://www.yenibeyin.com/forum/eklentiler/31949-navbardan-tema-rengini-degistirme.html)
Türkçe anlatım mevcut. Kendi sitemde kullanıyorum

UKBusinessLive
10 Mar 2009, 17:44
turkish explain at www.yenibeyin.com (http://www.yenibeyin.com/forum/eklentiler/31949-navbardan-tema-rengini-degistirme.html)
Türkçe anlatım mevcut. Kendi sitemde kullanıyorum

This is what happens when you use javascript :rolleyes:

https://www.vbulletin.org/forum/external/2009/03/37.png


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.

Reece^B
10 Mar 2009, 23:42
Hey,

Nice hack, say I wanted to keep the default style, but just change the header colours, could that be done?

UKBusinessLive
11 Mar 2009, 08:02
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 ;)

Winterworks
24 Mar 2009, 02:07
I suggest you replace:

<a href="http://www.ukbusinesslive.co.uk/forum/index.php?styleid=5"><img src="http://www.ukbusinesslive.co.uk/forum/images/misc/green.png"></a>&nbsp; <a href="http://www.ukbusinesslive.co.uk/forum/index.php?styleid=6"><img src="http://www.ukbusinesslive.co.uk/forum/images/misc/red.png"></a>&nbsp; <a href="http://www.ukbusinesslive.co.uk/forum/index.php?styleid=7"><img src="http://www.ukbusinesslive.co.uk/forum/images/misc/blue.png"></a>&nbsp;

With...

<a href="http://www.ukbusinesslive.co.uk/forum/index.php?styleid=5"><img src="http://www.ukbusinesslive.co.uk/forum/images/misc/green.png" border="0"></a>&nbsp; <a href="http://www.ukbusinesslive.co.uk/forum/index.php?styleid=6"><img src="http://www.ukbusinesslive.co.uk/forum/images/misc/red.png" border="0"></a>&nbsp; <a href="http://www.ukbusinesslive.co.uk/forum/index.php?styleid=7"><img src="http://www.ukbusinesslive.co.uk/forum/images/misc/blue.png" border="0"></a>&nbsp;

UKBusinessLive
25 Mar 2009, 21:28
I suggest you replace:

<a href="http://www.ukbusinesslive.co.uk/forum/index.php?styleid=5"><img src="http://www.ukbusinesslive.co.uk/forum/images/misc/green.png"></a>&nbsp; <a href="http://www.ukbusinesslive.co.uk/forum/index.php?styleid=6"><img src="http://www.ukbusinesslive.co.uk/forum/images/misc/red.png"></a>&nbsp; <a href="http://www.ukbusinesslive.co.uk/forum/index.php?styleid=7"><img src="http://www.ukbusinesslive.co.uk/forum/images/misc/blue.png"></a>&nbsp;

With...

<a href="http://www.ukbusinesslive.co.uk/forum/index.php?styleid=5"><img src="http://www.ukbusinesslive.co.uk/forum/images/misc/green.png" border="0"></a>&nbsp; <a href="http://www.ukbusinesslive.co.uk/forum/index.php?styleid=6"><img src="http://www.ukbusinesslive.co.uk/forum/images/misc/red.png" border="0"></a>&nbsp; <a href="http://www.ukbusinesslive.co.uk/forum/index.php?styleid=7"><img src="http://www.ukbusinesslive.co.uk/forum/images/misc/blue.png" border="0"></a>&nbsp;

Thank You Michael :D

will update the code in a moment :D

Winterworks
26 Mar 2009, 20:25
Thank You Michael :D

will update the code in a moment :D

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.

esperone
03 Apr 2009, 10:41
well done. good job :)

cyberbob73
04 Apr 2009, 00:51
Thanks :up:

davew
27 Apr 2009, 13:29
Very Cool! Thank you!

RobbieZ
14 May 2009, 16:44
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.

basilrath
15 May 2009, 00:08
Can someone tell me why you would want this rediculous "add on"

Theater
15 May 2009, 00:24
Can someone tell me why you would want this rediculous "add on"


Actually it's a Template Modification and it is in the appropriate section.

As far as your question to "why" you would want this: Well not everyone wants to have 4 or 5 of the same styles with different CSS color hex codes and a dropdown menu when you can simply have a color chooser at the bottom just like it is here at vB.org.

basilrath
15 May 2009, 00:40
well have different styles then if not everyone wants the same styles

ps i appreciate it is much harder work to click on a dropdown

jonlar
19 May 2009, 10:13
Is there any codeto set the wide (fixed/fluid) also?!

Nadeemjp
23 May 2009, 01:02
i have tagged it for later use:)
nice:)

MoJo Smirnoff
28 May 2009, 20:45
this is awesome! Thanks so much for sharing!! Using this now and love it!

UKBusinessLive
28 May 2009, 21:05
this is awesome! Thanks so much for sharing!! Using this now and love it!


Glad you enjoy it :D

TimzZ
29 May 2009, 20:17
So If I download this color.zip file, what's in it? Do I still have to do this tutorial?

UKBusinessLive
29 May 2009, 20:35
So If I download this color.zip file, what's in it? Do I still have to do this tutorial?

Well lets see the file contains the color squares, you can of course make your own, and it has the code for you to edit with your own info.

Generally you just need to read the instructions at the top once if your happen doing minor template edits then this should be a doddle for you :D

let me know if you want any help :up:

TimzZ
29 May 2009, 21:08
Well, it sounds pretty difficult for me when I was reading.. Sounds like a lot of work, or am I wrong?

UKBusinessLive
29 May 2009, 22:06
Well, it sounds pretty difficult for me when I was reading.. Sounds like a lot of work, or am I wrong?

Well if you wanted it done in 5 minutes then this is not for you, It will take time for you to create the new color schemes, to how you want it, then you need to edit the code and add the url to your new colored skins, then save them to your footer, the code edits and saving to the footer can be done in less than 15 minutes i guess, but the different colored skins, that what will take the time.

Its not that hard to do but a little time consuming, don't expect to do it in half an hour, take your time and have fun, I'll help if you get stuck ;)

Sofia
29 May 2009, 22:40
Thank you for this mod, UKBusinessLive :) Very useful. ;)

UKBusinessLive
29 May 2009, 23:24
Thank you for this mod, UKBusinessLive :) Very useful. ;)

Thanks Sofia :D

nnStaff
04 Jun 2009, 16:31
If anybody's looking for the new hot color palettes, check here.. I use them for things like this

http://www.colourlovers.com/

UKBusinessLive
04 Jun 2009, 21:22
If anybody's looking for the new hot color palettes, check here.. I use them for things like this

http://www.colourlovers.com/
Thanks nnstaff :D

Just bookedmarked it myself ;)

RobbieZ
07 Jul 2009, 10:11
The color blocks at the bottom of your are sumwhat chunky.

Any chance of how to have them like vb.org's nice and sharp please.

HeloHi
17 Jul 2009, 04:04
How would I replace the dropdown quick_style_chooser menu on the left hand side of the footer with this, rather than it being to the immediate left of "contact us"? I know it is probably very simple but I am a beginner :o

Clicked install, instructions were perfect (great job!) besides this little thing I wanted on my own...

ShawneyJ
21 Jul 2009, 02:55
going to give this a shoot, thanks very much ;)

can the icons change with each style? or every icon has to be the same for each style?

sKippah
28 Jul 2009, 16:00
Hi there. Thanks for this...
I am using a few styles from here http://www.vbulletin.org/forum/showthread.php?t=214585 - Grey will be standard, and lets say green, red, darkblue and plum should be the changeable ones..... I dont know how to add them that the Colorchange will work. How do i have to add the other styles?
Also one point i dont understand.. maybe its my bad english.... in the description is written "Display order - 20". Does it mean i need to give this number to every Style i add?! Confusing me ;)

K4GAP
04 Aug 2009, 06:57
I am using the CA Evo 3.8.3 style (http://www.vbulletin.org/forum/showthread.php?t=214585&page=2)s (just 8 of them) and would love to use your mod so users can make a simple click to change colors. Is there a simple way to implement your mod with the already installed styles I already have?

K4GAP
04 Aug 2009, 06:59
Can someone tell me why you would want this rediculous "add on"


I'm as picky as anybody and I don't see anything "ridiculous" about it.

UKBusinessLive
04 Aug 2009, 07:17
I am using the CA Evo 3.8.3 style (http://www.vbulletin.org/forum/showthread.php?t=214585&page=2)s (just 8 of them) and would love to use your mod so users can make a simple click to change colors. Is there a simple way to implement your mod with the already installed styles I already have?

Hi Gary

The Mod redirects the user to the color/style which he wants to view, If your using several different styles as opposed to colors, then thats fine, all you nee to do is to include your style url in the clickable color square. You will need to chose a basic color which compliments your style or you could use a small block of say 4 or 5 of the most common colors for your particular style. ;)

Your first style line of code would be something like this.........

<a href="http://www.yourforum.com/forum/index.php?styleid=5"><img src="http://www.yourforum.com/forum/images/misc/style1.png"></a>

with this

http://www.yourforum.com/forum/index.php?styleid=5

Being the redirect to your chosen style

:)

K4GAP
04 Aug 2009, 16:41
Hi Gary

The Mod redirects the user to the color/style which he wants to view, If your using several different styles as opposed to colors, then thats fine, all you nee to do is to include your style url in the clickable color square. You will need to chose a basic color which compliments your style or you could use a small block of say 4 or 5 of the most common colors for your particular style. ;)

Your first style line of code would be something like this.........

<a href="http://www.yourforum.com/forum/index.php?styleid=5"><img src="http://www.yourforum.com/forum/images/misc/style1.png"></a>

with this

http://www.yourforum.com/forum/index.php?styleid=5

Being the redirect to your chosen style

:)

I have multiple styles that only differ in color and each color comes in either fixed or fluid. These are the styles offered by Sofia.

I'll dig into your suggestion and see what happens... thanks

UKBusinessLive
04 Aug 2009, 21:48
Let us know how you got on Gary ;)

sKippah
07 Aug 2009, 15:08
Hi. I still have some Probs. I added my Styles i want to use as u can see in the Picture
https://www.vbulletin.org/forum/external/2009/08/92.jpg (http://img5.imagebanana.com/view/6rm82f2j/Unbenannt.jpg)

I have added this code in the footer of the Main Style - http://test.brainlag.eu/forums.php?styleid=39

Choose Your Color &nbsp; <a href="http://test.brainlag.eu/forums.php?styleid=39"><img src="http://www.test.brainlag.eu/images/colorchoose/blue.png"></a> &nbsp; <a href="http://test.brainlag.eu/forums.php?styleid=41"><img src="http://test.brainlag.eu/images/colorchoose/blue.png</a> &nbsp; <a href="http://test.brainlag.eu/forums.php?styleid=42"><img src="http://www.test.brainlag.eu/images/colorchoose/green.png"></a> &nbsp; <a href="http://test.brainlag.eu/forums.php?styleid=43"><img src="http://www.test.brainlag.eu/images/colorchoose/red.png"></a> &nbsp; <a href="http://test.brainlag.eu/forums.php?styleid=44"><img src="http://www.test.brainlag.eu/images/colorchoose/red.png"></a> &nbsp; <a href="http://test.brainlag.eu/forums.php?styleid=45"><img src="http://www.test.brainlag.eu/images/colorchoose/orange.png"></a> &nbsp; <a href="http://test.brainlag.eu/forums.php?styleid=46"><img src="http://www.test.brainlag.eu/images/colorchoose/orange.png"></a>

Still have probs with showing the squares (just using 4 atm to test it).

Another question i have is if i have to add the Code to all my styles?
btw.. I just want to use the Evo Styles. Thanks for helping me.

UKBusinessLive
07 Aug 2009, 16:18
Hi. I still have some Probs. I added my Styles i want to use as u can see in the Picture
http://img5.imagebanana.com/img/6rm82f2j/thumb/Unbenannt.jpg (http://img5.imagebanana.com/view/6rm82f2j/Unbenannt.jpg)

I have added this code in the footer of the Main Style - http://test.brainlag.eu/forums.php?styleid=39



Still have probs with showing the squares (just using 4 atm to test it).

Another question i have is if i have to add the Code to all my styles?
btw.. I just want to use the Evo Styles. Thanks for helping me.

When you see the red cross That means that the url of where you have your color square is broken, you need to get the right url in the code. ;)

Also if you add border=0 to the end of the graphic link, it will install your color square without the Purple link surrounding it

like this

www.yourforum/forum/images/misc/blue.png" border="0"

sKippah
07 Aug 2009, 17:00
Thanks. I dont get the prob with the squares but i am on it...

U wrote to give the copied Style the number 20? What a bout the next added styles? not number 20?

And do i have to add the Code for the Colorchoose to every style?

Thank u

UKBusinessLive
07 Aug 2009, 18:57
Thanks. I dont get the prob with the squares but i am on it...

U wrote to give the copied Style the number 20? What a bout the next added styles? not number 20?

And do i have to add the Code for the Colorchoose to every style?

Thank u

The Links to your Styles are shown like the example below

http://www.ukbusinesslive.co.uk/forum/index.php?styleid=10

Thats an example from my forum, if you go to your ADMIN CP and go to your Style Manager you will see all your available styles, clicking on those style will take you to your forum in the style you've chosen, Look at the url and you should see one similar to the example above.

I've only given an example styleid, as invidivual forums will differ

:D

sKippah
07 Aug 2009, 19:21
Ok so far.. but what about the code? seems i have to add this to every footer Template? Thanks

K4GAP
08 Aug 2009, 09:29
I've followed your directions and everything works as it should :up:

Now, how can I remove the drop down style selector without disabling user selection? If I were to disable user selection it would disable their being able to set it in their user options.

I want to put your mod in place of the drop menu. (same place)

=================

Note:
I skipped the first part of your instructions as I am using the multiple colored styles offered by Sofia's "CA Evo 3.8.3 - 25 colors (http://www.vbulletin.org/forum/showthread.php?t=214585)" styles.

Again, this mod is so simple to implement, even I could do it :D Trust me, that's saying a lot for your instructions.

UKBusinessLive
08 Aug 2009, 13:37
Ok so far.. but what about the code? seems i have to add this to every footer Template? Thanks

Yes to every style or color that you have included ;)

UKBusinessLive
08 Aug 2009, 13:45
I've followed your directions and everything works as it should :up:

Now, how can I remove the drop down style selector without disabling user selection? If I were to disable user selection it would disable their being able to set it in their user options.

I want to put your mod in place of the drop menu. (same place)

=================

Note:
I skipped the first part of your instructions as I am using the multiple colored styles offered by Sofia's "CA Evo 3.8.3 - 25 colors (http://www.vbulletin.org/forum/showthread.php?t=214585)" styles.

Again, this mod is so simple to implement, even I could do it :D Trust me, that's saying a lot for your instructions.

Hi Gary

I think :confused: But not 100% sure you can remove the style drop menu from the admin cp (general options??) But i'm not 100% sure and not totally sure if it would effect this mod or not, Perhaps you could let us know ;)

Thanks Buddy

BTW, Sofia is a Very Talented Designer, I have a lot of respect for her work, those evo styles are just wicked ;)

K4GAP
08 Aug 2009, 16:33
Thanks Gerry
I'm a grumpy old kind of guy and usually ask myself why others do what I just did. Asking questions for support of something that isn't related to the actual mod. Sorry about that.

I'm going to dive into the code after I back everything up. I'll post positive results with a link to my site and any helpful code examples.

UKBusinessLive
08 Aug 2009, 18:58
Thanks Gerry
I'm a grumpy old kind of guy and usually ask myself why others do what I just did. Asking questions for support of something that isn't related to the actual mod. Sorry about that.

I'm going to dive into the code after I back everything up. I'll post positive results with a link to my site and any helpful code examples.

Hey Buddy, I'm grumpy too, so thats cool ;)

see how you get on mate, i'm always here to help ;)

K4GAP
08 Aug 2009, 21:01
This is what I came up with.... looks and works GREAT!

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

UKBusinessLive
09 Aug 2009, 03:45
Excellent :D :up:

K4GAP
09 Aug 2009, 20:58
This is what I came up with.... looks and works GREAT!

http://www.publicwarriors.com/gary/colormenu.jpg

So I thought. :confused:
The first two members on the web site to try it said the colors were not changing for them when they clicked a colored square. They are using IE8. I tried it with IE8 and it works fine for me????

Here is the code I'm using....
<center>Layout Options | <span class="smallfont">Width:</span><a target="_top" href="http://www.publicwarriors.com/forums/index.php?styleid=46">Narrow&nbsp;</a><span class="smallfont">Color:</span>
<a href="http://www.publicwarriors.com/forums/index.php?styleid=32"><img title="Default Style - Tan" alt="Default Tan" src="http://www.publicwarriors.com/forums/images/colors/default_tan.gif" border="0" height="9" width="9"></a>&nbsp;
<a href="http://www.publicwarriors.com/forums/index.php?styleid=10"><img title="Black" alt="Black" src="http://www.publicwarriors.com/forums/images/colors/black.gif" border="0" height="9" width="9"></a>&nbsp;
<a href="http://www.publicwarriors.com/forums/index.php?styleid=14"><img title="Gray" alt="Gray" src="http://www.publicwarriors.com/forums/images/colors/gray.gif" border="0" height="9" width="9"></a>&nbsp;
<a href="http://www.publicwarriors.com/forums/index.php?styleid=18"><img title="Blue" alt="Blue" src="http://www.publicwarriors.com/forums/images/colors/blue.gif" border="0" height="9" width="9"></a>&nbsp;
<a href="http://www.publicwarriors.com/forums/index.php?styleid=12"><img title="Dark Blue" alt="Dark Blue" src="http://www.publicwarriors.com/forums/images/colors/darkblue.gif" border="0" height="9" width="9"></a>&nbsp;
<a href="http://www.publicwarriors.com/forums/index.php?styleid=22"><img title="Light Blue" alt="Light Blue" src="http://www.publicwarriors.com/forums/images/colors/lightblue.gif" border="0" height="9" width="9"></a>&nbsp;
<a href="http://www.publicwarriors.com/forums/index.php?styleid=24"><img title="Royal Blue" alt="Royal Blue" src="http://www.publicwarriors.com/forums/images/colors/royalblue.gif" border="0" height="9" width="9"></a>&nbsp;
<a href="http://www.publicwarriors.com/forums/index.php?styleid=16"><img title="Perfect Blue" alt="Perfect Blue" src="http://www.publicwarriors.com/forums/images/colors/perfectblue.gif" border="0" height="9" width="9"></a>&nbsp;
<a href="http://www.publicwarriors.com/forums/index.php?styleid=28"><img title="Red" alt="Red" src="http://www.publicwarriors.com/forums/images/colors/red.gif" border="0" height="9" width="9"></a>&nbsp;
<a href="http://www.publicwarriors.com/forums/index.php?styleid=27"><img title="Coral" alt="Coral" src="http://www.publicwarriors.com/forums/images/colors/coral.gif" border="0" height="9" width="9"></a>&nbsp;
<a href="http://www.publicwarriors.com/forums/index.php?styleid=26"><img title="Chestnut" alt="Chestnut" src="http://www.publicwarriors.com/forums/images/colors/chestnut.gif" border="0" height="9" width="9"></a>&nbsp;
<a href="http://www.publicwarriors.com/forums/index.php?styleid=29"><img title="Rosy Brown" alt="Rosy Brown" src="http://www.publicwarriors.com/forums/images/colors/rosybrown.gif" border="0" height="9" width="9"></a>&nbsp;
<a href="http://www.publicwarriors.com/forums/index.php?styleid=30"><img title="Gold" alt="Gold" src="http://www.publicwarriors.com/forums/images/colors/gold.gif" border="0" height="9" width="9"></a></center>

Do you see anything in this code that would prevent anyone from being able to use it? This has got me stumped.

UKBusinessLive
09 Aug 2009, 21:08
:eek: The beauty of this hack is the fact that its quite easy to do the links are in fact clickable pictures and if your using the basic code there can't really be a problem??

<a href="yourstyle.com"><img src="picture.jpg"></a>

basically the Url to your style goes in the front and the url to the colored squares goes to the end

Test each url in your brower see if it goes where its meant to ;)

I've just checked a url http://publicwarriors.com/forums/index.php?styleid=28 and it goes to the brown style also with http://publicwarriors.com/forums/index.php?styleid=10 thats brown also ??

You have every style going to the brown style, I think you've not set somthing up right in your style manager???

K4GAP
09 Aug 2009, 22:01
:eek: The beauty of this hack is the fact that its quite easy to do the links are in fact clickable pictures and if your using the basic code there can't really be a problem??

<a href="yourstyle.com"><img src="picture.jpg"></a>

basically the Url to your style goes in the front and the url to the colored squares goes to the end

Test each url in your brower see if it goes where its meant to ;)

I've just checked a url http://publicwarriors.com/forums/index.php?styleid=28 and it goes to the brown style also with http://publicwarriors.com/forums/index.php?styleid=10 thats brown also ??

You have every style going to the brown style, I think you've not set somthing up right in your style manager???

You have to be logged in. It works now. It requires user style selection be turned on. I had it off to hide the drop menu. As Admin it would work for me but nobody else.
Everything is good now... thanks!

UKBusinessLive
11 Aug 2009, 02:48
You have to be logged in. It works now. It requires user style selection be turned on. I had it off to hide the drop menu. As Admin it would work for me but nobody else.
Everything is good now... thanks!

Just took a look Gary, You did a great job with all the styles, works ok for me buddy. What do your members make of it???

Well done again :D

K4GAP
11 Aug 2009, 03:03
Members? :)
Both of them love it!!

Kadence
13 Aug 2009, 23:44
There's probably no way this would work with 3.6.8 right? :)

UKBusinessLive
14 Aug 2009, 00:50
There's probably no way this would work with 3.6.8 right? :)

This is Basic Html, It would work with VB 2.2 if people still have it ;)

OcR Envy
26 Aug 2009, 13:16
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:

<script type="text/javascript">
<!--
//<![CDATA[
function updatestyle(styleid){
location.href = location.href + "?styleid=" + styleid;
}
//]]>
// -->
</script>


Then the color image/link would change to:


<a href="#" onclick="updatestyle(5);"><img src="http://www.ukbusinesslive.co.uk/forum/images/misc/green.png"></a> &nbsp;


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

Enjoy :)

PGAmerica
04 Sep 2009, 04:04
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?

Manic Mechanic
11 Sep 2009, 03:56
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.

Manic Mechanic
11 Sep 2009, 04:06
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.

Manic Mechanic
11 Sep 2009, 04:09
Oh by the way I did this hack on 3.8.4 and it works great. Thanks

The Smoking Gun
08 Nov 2009, 04:06
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!

caliman
18 Dec 2009, 01:27
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?

Devanand
04 Jan 2010, 07:46
Great hack, work fine but don't work on IE8 for me...what can be problem?

TheLastSuperman
04 Jan 2010, 13:50
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 ;).

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 :p Let us know, maybe we can add it in to remember if not ;).

Great hack, work fine but don't work on IE8 for me...what can be problem?

What can it be... IE! Firefox FTW :D (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:

<img src="http://www.yoursite.com/yourimage.png" style="border-style: none"/>

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

style="border-style: none"

Mike

Hornstar
18 Jan 2010, 02:54
Would love if something simple was made for VB4. Are you interested in making a new one for Vb4?

archet1337
02 Mar 2010, 13:15
Working with vB 4.0.2. Thanks :)

caliman
02 Mar 2010, 19:10
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?

Travis-Mc
15 Mar 2010, 18:47
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.

Aurore
15 Jan 2011, 08:47
http://img410.imageshack.us/img410/2674/vborgchangeja1.png

http://img128.imageshack.us/img128/4080/v2bchangedm9.png


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

nasko
11 Mar 2012, 23:33
Is there a mod like this for Vbulletin 4.08?

oxblood12
02 Jun 2012, 04:50
gracias por el datito

trollshrooms
11 Nov 2015, 02:16
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

safwan khazraji
03 Jan 2016, 18:02
good job