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 hexeditor

thanks good work

Can you Show Me Demo Of Your Site

[subzero06]

works great on 3.7.6

[nomoreturn]

Installed and works great my forum looks kool now

[chennairam]

Originally Posted by subzero06

works great on 3.7.6

Originally Posted by nomoreturn@hotm

Installed and works great my forum looks kool now

Thank you Friends

Can you Shows me your Forum links

[RedDevil]

Installed thanks.

It does miss a few mods out like mgc shoutbox, notices and a few others at bottom of forum, otherwise very nice.

[macc]

Nice mod - thanks - works perfect!

macc

[isatice]

nice hack , easy installation , great job , mark as installed
also i added "thead" and "tfoot" to css files

[RobbieZ]

All I see is the text.

Choose your color scheme:

No little boxes of color , no nothing

EDIT: Sussed it, It only work on certain styles.

Thanks

Originally Posted by isatice

nice hack , easy installation , great job , mark as installed
also i added "thead" and "tfoot" to css files

Can you supply your CSS coding please? Thanks isatice

[chennairam]

Originally Posted by RobbieZ

All I see is the text.



No little boxes of color , no nothing

EDIT: Sussed it, It only work on certain styles.

Thanks



Can you supply your CSS coding please? Thanks isatice

Can edit what Ever you like all Css file For your Current templete For example (red.css , blue.css)

[cordleztoaster]

Any chance you can add a button so user can switch between a fixed width and non fixed width? like on the bottom of this page?