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

[Morrus]

Not working at all for me.

I get the strip at the top of the page OK.

Clicking on a color box gives me ""Error on page" in the bottom left of the browser, and has no effect.

Removed for now.

[Bansheebob]

Originally Posted by Morrus

Not working at all for me.

I get the strip at the top of the page OK.

Clicking on a color box gives me ""Error on page" in the bottom left of the browser, and has no effect.

Removed for now.

same here

[Bansheebob]

support? anyone? hmmm

[Morrus]

Originally Posted by Bansheebob

support? anyone? hmmm

Heh, yeah. Clearly not a currently supported mod. Who put that big "supported" check up there?

Developer's last post in this thread was in May, although he's been online here as recently as September.

[chennairam]

Originally Posted by 7lanet

Thank you
======================
not work to change the background
And some of the intervals

Brother For Backgroud Change To you need To Edit red.css,black.css Etc.... Than only it will Work


My modification Work At most of That Default Style's

Some Style Not work Becuase you need To Edit all Color's css which i attached folder

[chennairam]

Originally Posted by TAIFUN_T

This page have virus

Demo Link fixed Now


Now Check the Demo

[New Joe]

Didn't work, it only changed some of my vB Default color.
Not installed, would be nice if it if work.

[chennairam]

Originally Posted by New Joe

Didn't work, it only changed some of my vB Default color.
Not installed, would be nice if it if work.

Yes i said already ..it will work Best in vbdefault style ...

if you custom style you must edit all css color which you upload same like as your style


hope you understand

[New Joe]

But I use vB Default color style.
Which I did say in my post;

Didn't work, it only changed some of my vB Default color.

[ade5675]

Originally Posted by New Joe

But I use vB Default color style.
Which I did say in my post;

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;
}