Go Back   vb.org Archive > vBulletin Modifications > vBulletin 3.8 Modifications > vBulletin 3.8 Add-ons
FAQ Community Calendar Today's Posts Search

Reply
 
Thread Tools
Easy Style Color switcher Details »»
Easy Style Color switcher
Version: 1.1, by chennairam chennairam is offline
Developer Last Online: Sep 2013 Show Printable Version Email this Page

Category: Add-On Releases - Version: 3.8.1 Rating:
Released: 03-16-2009 Last Update: 03-23-2009 Installs: 78
Template Edits
Code Changes  
No support by the author.

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

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
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 www.youdomain.com/forum/

Red.css , black.css , grey.css , orange.css , pinkish.css , violet , colorchooser.js

Download Now

File Type: zip Colour coding.zip (2.3 KB, 594 views)

Screenshots

File Type: jpg black_silver.jpg (73.0 KB, 0 views)
File Type: jpg Red.jpg (65.4 KB, 0 views)
File Type: jpg silver_color.jpg (25.7 KB, 0 views)

Supporters / CoAuthors

    Show Your Support

    • This modification may not be copied, reproduced or published elsewhere without author's permission.

    Comments
      #22  
    Old 04-12-2009, 04:23 AM
    chennairam's Avatar
    chennairam chennairam is offline
     
    Join Date: Aug 2007
    Posts: 284
    Благодарил(а): 0 раз(а)
    Поблагодарили: 0 раз(а) в 0 сообщениях
    Default

    Quote:
    Originally Posted by hexeditor View Post
    thanks good work
    Can you Show Me Demo Of Your Site
    Reply With Quote
      #23  
    Old 04-12-2009, 05:58 AM
    subzero06 subzero06 is offline
     
    Join Date: Dec 2006
    Posts: 92
    Благодарил(а): 0 раз(а)
    Поблагодарили: 0 раз(а) в 0 сообщениях
    Default

    works great on 3.7.6
    Reply With Quote
      #24  
    Old 04-14-2009, 01:34 AM
    nomoreturn's Avatar
    nomoreturn nomoreturn is offline
     
    Join Date: Apr 2009
    Posts: 345
    Благодарил(а): 0 раз(а)
    Поблагодарили: 0 раз(а) в 0 сообщениях
    Default

    Installed and works great my forum looks kool now
    Reply With Quote
      #25  
    Old 05-05-2009, 10:40 AM
    chennairam's Avatar
    chennairam chennairam is offline
     
    Join Date: Aug 2007
    Posts: 284
    Благодарил(а): 0 раз(а)
    Поблагодарили: 0 раз(а) в 0 сообщениях
    Default

    Quote:
    Originally Posted by subzero06 View Post
    works great on 3.7.6
    Quote:
    Originally Posted by nomoreturn@hotm View Post
    Installed and works great my forum looks kool now
    Thank you Friends

    Can you Shows me your Forum links
    Reply With Quote
      #26  
    Old 05-05-2009, 12:19 PM
    RedDevil's Avatar
    RedDevil RedDevil is offline
     
    Join Date: Mar 2008
    Location: Cumbria, UK
    Posts: 310
    Благодарил(а): 0 раз(а)
    Поблагодарили: 0 раз(а) в 0 сообщениях
    Default

    Installed thanks.

    It does miss a few mods out like mgc shoutbox, notices and a few others at bottom of forum, otherwise very nice.
    Reply With Quote
      #27  
    Old 05-05-2009, 12:30 PM
    macc's Avatar
    macc macc is offline
     
    Join Date: Feb 2008
    Posts: 647
    Благодарил(а): 0 раз(а)
    Поблагодарили: 0 раз(а) в 0 сообщениях
    Default

    Nice mod - thanks - works perfect!

    macc
    Reply With Quote
      #28  
    Old 05-08-2009, 05:37 AM
    isatice's Avatar
    isatice isatice is offline
     
    Join Date: Mar 2008
    Posts: 52
    Благодарил(а): 0 раз(а)
    Поблагодарили: 0 раз(а) в 0 сообщениях
    Default

    nice hack , easy installation , great job , mark as installed
    also i added "thead" and "tfoot" to css files
    Reply With Quote
      #29  
    Old 05-12-2009, 09:12 PM
    RobbieZ RobbieZ is offline
     
    Join Date: Jul 2008
    Posts: 1,117
    Благодарил(а): 0 раз(а)
    Поблагодарили: 0 раз(а) в 0 сообщениях
    Default

    All I see is the text.

    Quote:
    Choose your color scheme:
    No little boxes of color , no nothing

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

    Thanks

    Quote:
    Originally Posted by isatice View Post
    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
    Reply With Quote
      #30  
    Old 05-29-2009, 07:26 AM
    chennairam's Avatar
    chennairam chennairam is offline
     
    Join Date: Aug 2007
    Posts: 284
    Благодарил(а): 0 раз(а)
    Поблагодарили: 0 раз(а) в 0 сообщениях
    Default

    Quote:
    Originally Posted by RobbieZ View Post
    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)
    Reply With Quote
      #31  
    Old 05-29-2009, 08:34 AM
    cordleztoaster cordleztoaster is offline
     
    Join Date: Oct 2006
    Posts: 9
    Благодарил(а): 0 раз(а)
    Поблагодарили: 0 раз(а) в 0 сообщениях
    Default

    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?
    Reply With Quote
    Reply


    Posting Rules
    You may not post new threads
    You may not post replies
    You may not post attachments
    You may not edit your posts

    BB code is On
    Smilies are On
    [IMG] code is On
    HTML code is Off

    Forum Jump


    All times are GMT. The time now is 02:13 PM.


    Powered by vBulletin® Version 3.8.12 by vBS
    Copyright ©2000 - 2024, vBulletin Solutions Inc.
    X vBulletin 3.8.12 by vBS Debug Information
    • Page Generation 0.05070 seconds
    • Memory Usage 2,341KB
    • Queries Executed 27 (?)
    More Information
    Template Usage:
    • (1)SHOWTHREAD
    • (1)ad_footer_end
    • (1)ad_footer_start
    • (1)ad_header_end
    • (1)ad_header_logo
    • (1)ad_navbar_below
    • (1)ad_showthread_beforeqr
    • (2)bbcode_code
    • (6)bbcode_quote
    • (1)footer
    • (1)forumjump
    • (1)forumrules
    • (1)gobutton
    • (1)header
    • (1)headinclude
    • (1)modsystem_post
    • (1)navbar
    • (4)navbar_link
    • (120)option
    • (1)pagenav
    • (1)pagenav_curpage
    • (4)pagenav_pagelink
    • (11)post_thanks_box
    • (11)post_thanks_button
    • (1)post_thanks_javascript
    • (1)post_thanks_navbar_search
    • (11)post_thanks_postbit_info
    • (10)postbit
    • (4)postbit_attachment
    • (11)postbit_onlinestatus
    • (11)postbit_wrapper
    • (1)spacer_close
    • (1)spacer_open
    • (1)tagbit_wrapper 

    Phrase Groups Available:
    • global
    • inlinemod
    • postbit
    • posting
    • reputationlevel
    • showthread
    Included Files:
    • ./showthread.php
    • ./global.php
    • ./includes/init.php
    • ./includes/class_core.php
    • ./includes/config.php
    • ./includes/functions.php
    • ./includes/class_hook.php
    • ./includes/modsystem_functions.php
    • ./includes/functions_bigthree.php
    • ./includes/class_postbit.php
    • ./includes/class_bbcode.php
    • ./includes/functions_reputation.php
    • ./includes/functions_post_thanks.php 

    Hooks Called:
    • init_startup
    • init_startup_session_setup_start
    • init_startup_session_setup_complete
    • cache_permissions
    • fetch_threadinfo_query
    • fetch_threadinfo
    • fetch_foruminfo
    • style_fetch
    • cache_templates
    • global_start
    • parse_templates
    • global_setup_complete
    • showthread_start
    • showthread_getinfo
    • forumjump
    • showthread_post_start
    • showthread_query_postids
    • showthread_query
    • bbcode_fetch_tags
    • bbcode_create
    • showthread_postbit_create
    • postbit_factory
    • postbit_display_start
    • post_thanks_function_post_thanks_off_start
    • post_thanks_function_post_thanks_off_end
    • post_thanks_function_fetch_thanks_start
    • post_thanks_function_fetch_thanks_end
    • post_thanks_function_thanked_already_start
    • post_thanks_function_thanked_already_end
    • fetch_musername
    • postbit_imicons
    • bbcode_parse_start
    • bbcode_parse_complete_precache
    • bbcode_parse_complete
    • postbit_attachment
    • postbit_display_complete
    • post_thanks_function_can_thank_this_post_start
    • pagenav_page
    • pagenav_complete
    • tag_fetchbit_complete
    • forumrules
    • navbits
    • navbits_complete
    • showthread_complete