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

[chennairam]

Originally Posted by gsmlover4u

i remove that code now much better

Yes You Can removed From header templete

[DobieGillis?]

installed and works fine except I cannot get back to my default color, lol!

[chennairam]

Originally Posted by DobieGillis?

installed and works fine except I cannot get back to my default color, lol!

Thx Dobiegillis Mark as installed

Cannot Get Back to my default Color

Shows me your Forum link

[DobieGillis?]

<a href="http://www.cooluniverse.net" target="_blank">www.cooluniverse.net</a> ...it's in the bluefox test skin

[DjEddie]

Installed and works a charm .... only thing it doesnt do is get rid of the image gifs that are on the end of the catagory strips...

any ideas?

[chennairam]

Originally Posted by DobieGillis?

www.cooluniverse.net ...it's in the bluefox test skin

Works Fine

Nice Forum

[DobieGillis?]

Originally Posted by chennairam

Works Fine

Nice Forum

thank you

[chennairam]

Originally Posted by DjEddie

Installed and works a charm .... only thing it doesnt do is get rid of the image gifs that are on the end of the catagory strips...

any ideas?

What ever You Want to add Others stripsto changes To Put a Code In red.css, Green.css like all

[chennairam]

Originally Posted by DobieGillis?

www.cooluniverse.net ...it's in the bluefox test skin

Works greatly

[hexeditor]

thanks good work