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
      #2  
    Old 03-17-2009, 01:12 PM
    gsmlover4u's Avatar
    gsmlover4u gsmlover4u is offline
     
    Join Date: Jan 2007
    Posts: 348
    Благодарил(а): 0 раз(а)
    Поблагодарили: 0 раз(а) в 0 сообщениях
    Default

    installed www.gsmlover.com

    and working fine thanks ram
    Reply With Quote
      #3  
    Old 03-17-2009, 01:30 PM
    DobieGillis? DobieGillis? is offline
     
    Join Date: Feb 2009
    Posts: 538
    Благодарил(а): 0 раз(а)
    Поблагодарили: 0 раз(а) в 0 сообщениях
    Default

    Quote:
    Originally Posted by gsmlover4u View Post
    installed www.gsmlover.com

    and working fine thanks ram
    I saw this at the top of your forum, can it be placed at the bottom of the main forum page
    Reply With Quote
      #4  
    Old 03-17-2009, 01:40 PM
    gsmlover4u's Avatar
    gsmlover4u gsmlover4u is offline
     
    Join Date: Jan 2007
    Posts: 348
    Благодарил(а): 0 раз(а)
    Поблагодарили: 0 раз(а) в 0 сообщениях
    Default

    how i can remove strip
    and how i can put the switch at the bottom of the forum ?
    Attached Images
    File Type: jpg untitled.JPG (17.3 KB, 0 views)
    Reply With Quote
      #5  
    Old 03-17-2009, 01:42 PM
    DobieGillis? DobieGillis? is offline
     
    Join Date: Feb 2009
    Posts: 538
    Благодарил(а): 0 раз(а)
    Поблагодарили: 0 раз(а) в 0 сообщениях
    Default

    Quote:
    Originally Posted by gsmlover4u View Post
    how i can remove strip
    and how i can put the switch at the bottom of the forum ?
    that strip does look bad.
    Reply With Quote
      #6  
    Old 03-17-2009, 01:42 PM
    chennairam's Avatar
    chennairam chennairam is offline
     
    Join Date: Aug 2007
    Posts: 284
    Благодарил(а): 0 раз(а)
    Поблагодарили: 0 раз(а) в 0 сообщениях
    Default

    Quote:
    Originally Posted by gsmlover4u View Post
    how i can remove strip
    and how i can put the switch at the bottom of the forum ?
    Change This Code css topbar

    #topbar {
    height: 32px;

    }


    Copy whole Customer Code To paste in Footer template


    hope it will work
    Reply With Quote
      #7  
    Old 03-17-2009, 01:46 PM
    gsmlover4u's Avatar
    gsmlover4u gsmlover4u is offline
     
    Join Date: Jan 2007
    Posts: 348
    Благодарил(а): 0 раз(а)
    Поблагодарили: 0 раз(а) в 0 сообщениях
    Default

    i put the code in footer
    now swith at the bottom of the forum
    thanks
    Reply With Quote
      #8  
    Old 03-17-2009, 01:46 PM
    DobieGillis? DobieGillis? is offline
     
    Join Date: Feb 2009
    Posts: 538
    Благодарил(а): 0 раз(а)
    Поблагодарили: 0 раз(а) в 0 сообщениях
    Default

    looks much better. Will try mine now
    Reply With Quote
      #9  
    Old 03-17-2009, 01:47 PM
    chennairam's Avatar
    chennairam chennairam is offline
     
    Join Date: Aug 2007
    Posts: 284
    Благодарил(а): 0 раз(а)
    Поблагодарили: 0 раз(а) в 0 сообщениях
    Default

    Cheers Gsmlover4u

    Br.,
    Ram
    Reply With Quote
      #10  
    Old 03-17-2009, 01:52 PM
    gsmlover4u's Avatar
    gsmlover4u gsmlover4u is offline
     
    Join Date: Jan 2007
    Posts: 348
    Благодарил(а): 0 раз(а)
    Поблагодарили: 0 раз(а) в 0 сообщениях
    Default

    Quote:
    Originally Posted by chennairam View Post
    Change This Code css topbar

    #topbar {
    height: 32px;

    }


    Copy whole Customer Code To paste in Footer template


    hope it will work
    i remove
    #topbar {
    height: 32px;
    background: #CCCCCC;
    }

    that code now much better
    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 09:20 AM.


    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.07792 seconds
    • Memory Usage 2,334KB
    • Queries Executed 25 (?)
    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
    • (4)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
    • (2)pagenav_pagelink
    • (10)post_thanks_box
    • (10)post_thanks_button
    • (1)post_thanks_javascript
    • (1)post_thanks_navbar_search
    • (10)post_thanks_postbit_info
    • (9)postbit
    • (5)postbit_attachment
    • (10)postbit_onlinestatus
    • (10)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