vb.org Archive
Page 1 of 7 1 23 Last »
Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 3.8 Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=235)
-   -   Add-On Releases - Easy Style Color switcher (https://vborg.vbsupport.ru/showthread.php?t=208603)

chennairam 03-16-2009 10:00 PM
Easy Style Color switcher
 
1 Attachment(s)
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

gsmlover4u 03-17-2009 01:12 PM
installed www.gsmlover.com

and working fine thanks ram

DobieGillis? 03-17-2009 01:30 PM
Quote:
Originally Posted by gsmlover4u (Post 1770384)
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

gsmlover4u 03-17-2009 01:40 PM
1 Attachment(s)
how i can remove strip
and how i can put the switch at the bottom of the forum ?

DobieGillis? 03-17-2009 01:42 PM
Quote:
Originally Posted by gsmlover4u (Post 1770396)
how i can remove strip
and how i can put the switch at the bottom of the forum ?
that strip does look bad.

chennairam 03-17-2009 01:42 PM
Quote:
Originally Posted by gsmlover4u (Post 1770396)
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

gsmlover4u 03-17-2009 01:46 PM
i put the code in footer
now swith at the bottom of the forum
thanks

DobieGillis? 03-17-2009 01:46 PM
looks much better. Will try mine now

chennairam 03-17-2009 01:47 PM
Cheers Gsmlover4u

Br.,
Ram

gsmlover4u 03-17-2009 01:52 PM
Quote:
Originally Posted by chennairam (Post 1770400)
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


All times are GMT. The time now is 12:37 AM.
Page 1 of 7 1 23 Last »
Show 40 post(s) from this thread on one page

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01259 seconds
  • Memory Usage 1,742KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (2)bbcode_code_printable
  • (4)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (2)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (10)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 
Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.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/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.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
  • printthread_start
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete