Add-On Releases - Easy Style Color switcher

Hello Friends

This is Our Frist Modification in Vbulletin...
Easily Style Switcher For Vbulletin like A Vb.org

It will Work On Version 3.7.X , 3.8.X


Live Demo Click Here


using java script colorchooser.js

Description: This is a "plug & play" style sheet switcher that lets your visitors switch between a list of alternative style sheets to apply to your forum. With a change of style sheet the entire look of your site can be transformed. Persistent cookies are used to store the user's selection and automatically recall that style sheet upon his return.

.

This is Work perfectly vbulletin default Style
if you Want More Change just edit made a CSS Code for like


Easy Style Color switcher Installation method

Styles & Templates > Style Manager > Main CSS > Scroll to the bottom and paste it in the second text area.

Add the following css code

#topbar {
height: 32px;
background: #CCCCCC;
}
.colorchooser {
float:right;
margin-right:10px;
margin-top:10px;
}
.colorchooser span {
  font-family:arial; 
  color:#FFFFFF; 
  font-size:10px; 
  text-decoration:none; 
  float:left; 
  display:block;
}
.colorchooser a {
  width:10px; 
  height:10px; 
  display:block;
  float:left;
  margin-left:5px
}

Styles & Templates > Search in template > Find > header

Add the following code first

<link rel="alternate stylesheet" type="text/css" title="orange-theme" href="orange.css" />
<link rel="alternate stylesheet" type="text/css" title="violet-theme" href="violet.css" />
<link rel="alternate stylesheet" type="text/css" title="red-theme" href="red.css" />
<link rel="alternate stylesheet" type="text/css" title="grey-theme" href="grey.css" />
<link rel="alternate stylesheet" type="text/css" title="black-theme" href="black.css" />
<link rel="alternate stylesheet" type="text/css" title="pinkish-theme" href="pinkish.css" />
<script src="colorchooser.js" type="text/javascript"></script>

<div id="topbar">
<div class="colorchooser"> <span>Choose your color scheme: </span>
<a href="javascript:ChennaigsmStyle('none')" style="background-color:#5A0000;"></a>
<a href="javascript:ChennaigsmStyle('orange-theme')" style="background-color:#FF9900;"></a>
<a href="javascript:ChennaigsmStyle('violet-theme')" style="background-color:#003366;"></a>
<a href="javascript:ChennaigsmStyle('red-theme')" style="background-color:#990000;"></a>
<a href="javascript:ChennaigsmStyle('grey-theme')" style="background-color:#999999;"></a>
<a href="javascript:ChennaigsmStyle('black-theme')" style="background-color:#000000;"></a>
<a href="javascript:ChennaigsmStyle('pinkish-theme')" style="background-color:#B26267;"></a> </div> 
</div>

Upload All Files In color Coding Folder Which i Attached here IN your Forum Root

/public_html/www.youdomain.com Or www.youdomain.com/forum/

Red.css , black.css , grey.css , orange.css , pinkish.css , violet , colorchooser.js

[New Joe]

Thanks for that, please put up any more.

[chennairam]

Originally Posted by ade5675

You have to be creative with the code and add more css attributes you want to change.

This is what I used for grey.css file. Let me know if you need more ....

Check sample here (top right corner) ... http://www.naijadiscussion.com/naijaforum/

.tcat
{
background: #999999;
}


.vbmenu_control
{
background: #999999;
}


.thead
{
background: #B1B1B1;
}


.tfoot
{
background: #999999;
}


.tborder
{
background: #686868;
}


.controlbar
{
background: #999999;
}


.fieldset
{
background: #CCCCCC;
}



.alt2
{
background: #CCCCCC;
}

You are absolute Right ...

keep it up ....

[ade5675]

Originally Posted by chennairam

You are absolute Right ...

keep it up ....

Tks ... and I have great respect for your work on this mod.

[ade5675]

Originally Posted by New Joe

Thanks for that, please put up any more.

I don't wanna steal chennairam's shine. He did a great work with this quick fix of a mod. If he is ok with it, I will post the rest. But remember it's all about been creative with it.

[revmitchell]

Styles & Templates > Search in template > Find > header

This doesnt make any sense

[COL NIL SATIS]

excellent this is!!! installed

[Hornstar]

Any chance for a VB4 update?

[mgurain]

I was looking for such a thing,
It will be better to make changes automatic by a product,
but worth a try.

Thanks,,

[ddo36]

what if i want the header and the background to change color just like the bars.
how can i do that>?

[mohammadxxx]

hi
very nice . i have meny search for this change 4 my forum .
nice job .

thanks
kind regards
all4persian