Easy Style Color switcher
Mod Version: 1.1, by chennairam
| vB Version: 3.8.1 | Rating:  (10 votes - 5.00 average) |
Installs: 78 |
| Released: 17 Mar 2009 | Last Update: 24 Mar 2009 | Downloads: 568 |
 Not Supported
 Template Edits
Code Changes
|
||
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
http://chennaigsm.org/forums/index.php?styleid=89
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
Styles & Templates > Search in template > Find > header
Add the following code first
Upload All Files In color Coding Folder Which i Attached here IN your Forum Root
/public_html/www.youdomain.com Or http://www.youdomain.com/forum/
Red.css , black.css , grey.css , orange.css , pinkish.css , violet , colorchooser.js
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
http://chennaigsm.org/forums/index.php?styleid=89
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
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
}
Add the following code first
Code:
<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 http://www.youdomain.com/forum/
Red.css , black.css , grey.css , orange.css , pinkish.css , violet , colorchooser.js
Download
Colour coding.zip (2.3 KB, 600 downloads)
Supporters / CoAuthors
- jesuraja
Screenshots
