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

[ddo36]

Installed nice nice nice. =)

BUT Is there a way to add another color?'

how do you do that?

[dvbusuario]

Very Good Hack, thank you!

Install!

[ddo36]

Installed nice nice nice. =)

BUT Is there a way to add another color?'

how do you do that?

nevermind. ive done it.

[DR.vBProf]

looking www.flstudio.biz

[Bounce]

The blocked web page included objects that were either infected or likely to be infected with a virus.

[SirHappy]

nice work. thanks

[TAIFUN_T]

Live Demo Click Here

This page have virus

[jonlar]

Seems i have done something wrong. i do get this



i added the first Code here (red Border)


Cause i do not understand whats ment with

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

this is the 2nd Box?! Thanks for help

edit: Using vBadvanced CMPS v3.2.0 and vB 3.8.3

[Cobra-J82]

Originally Posted by TAIFUN_T

This page have virus

samething happened here

and thanks for the hack works perfect

[KevinGupta]

Is there anyway I can have it per section?
Like if I chose a color it change for ALL of the sections...
Can I have it colors showing one section each?