 |
|
|
Mod Options |
UKBL ~ Choose Multiple Forum Colors - like VB.Org Details »
|
|||||||||||||||||||||||||||||||||||||||
|
UKBL ~ Choose Multiple Forum Colors - like VB.Org
Developer Last Online: Feb 2012 
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 FunPLEASE 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 itTo 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
Now we will need to add our url of our style to the Front of that code like this
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
Then we add a spacer Code to the end of our coded like this
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
Thats the code done, Now to add a few words to the Front of it
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
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
Show Your Support
No members have liked this post.
|
|||||||||||||||||||||||||||||||||||||||
About Developer
Visit Web Site
Not Supported 
Template Edits|
#46
15 May 2009, 00:08
|
||||
|
||||
|
Can someone tell me why you would want this rediculous "add on"
No members have liked this post.
|
|
#47
15 May 2009, 00:24
|
||||
|
||||
|
Originally Posted by basilrath
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. No members have liked this post.
Last edited by Theater; 15 May 2009 at 00:29.
|
|
#48
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 No members have liked this post.
|
|
#49
19 May 2009, 10:13
|
|||
|
|||
|
Is there any codeto set the wide (fixed/fluid) also?!
No members have liked this post.
|
|
#50
23 May 2009, 01:02
|
|||
|
|||
|
i have tagged it for later use
 nice
__________________
Family Bunker No members have liked this post.
|
|
#51
28 May 2009, 20:45
|
|||
|
|||
|
this is awesome! Thanks so much for sharing!! Using this now and love it!
No members have liked this post.
|
|
#52
28 May 2009, 21:05
|
|||
|
|||
|
Originally Posted by MoJo Smirnoff
Glad you enjoy it
No members have liked this post.
|
|
#53
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?
No members have liked this post.
|
|
#54
29 May 2009, 20:35
|
|||
|
|||
|
Originally Posted by TimzZ
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 let me know if you want any help
No members have liked this post.
|
|
#55
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?
No members have liked this post.
|
|
#56
29 May 2009, 22:06
|
|||
|
|||
|
Originally Posted by TimzZ
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
No members have liked this post.
|
|
#57
29 May 2009, 22:40
|
|||
|
|||
|
Thank you for this mod, UKBusinessLive
Very useful.
No members have liked this post.
|
|
#58
29 May 2009, 23:24
|
|||
|
|||
|
Originally Posted by Sofia
Thanks Sofia
No members have liked this post.
|
|
#59
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/ No members have liked this post.
|
|
#60
04 Jun 2009, 21:22
|
|||
|
|||
|
Originally Posted by nnStaff
Thanks nnstaff
Just bookedmarked it myself
No members have liked this post.
|
|
«
Previous Mod
|
Next Mod
»
| Currently Active Users Viewing This Thread: 1 (0 members and 1 guests) | |
| Mod Options | |
|
|
| New To Site? | Need Help? |
All times are GMT. The time now is 12:37.