vb.org Archive
Page 1 of 2 1 2
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

chennairam 03-17-2009 01:54 PM
Quote:
Originally Posted by gsmlover4u (Post 1770406)
i remove that code now much better
Yes You Can removed From header templete

DobieGillis? 03-17-2009 02:07 PM
installed and works fine except I cannot get back to my default color, lol!

chennairam 03-17-2009 02:09 PM
Quote:
Originally Posted by DobieGillis? (Post 1770418)
installed and works fine except I cannot get back to my default color, lol!
Thx Dobiegillis Mark as installed

Cannot Get Back to my default Color

Shows me your Forum link

DobieGillis? 03-17-2009 02:10 PM
<a href="http://www.cooluniverse.net" target="_blank">www.cooluniverse.net</a> ...it's in the bluefox test skin

DjEddie 03-17-2009 02:21 PM
Installed and works a charm .... only thing it doesnt do is get rid of the image gifs that are on the end of the catagory strips...

any ideas?

chennairam 03-17-2009 02:22 PM
Quote:
Originally Posted by DobieGillis? (Post 1770420)
www.cooluniverse.net ...it's in the bluefox test skin
Works Fine

Nice Forum

DobieGillis? 03-17-2009 02:28 PM
Quote:
Originally Posted by chennairam (Post 1770432)
Works Fine

Nice Forum
thank you

chennairam 03-17-2009 02:30 PM
Quote:
Originally Posted by DjEddie (Post 1770431)
Installed and works a charm .... only thing it doesnt do is get rid of the image gifs that are on the end of the catagory strips...

any ideas?
What ever You Want to add Others stripsto changes To Put a Code In red.css, Green.css like all

chennairam 03-24-2009 10:31 AM
Quote:
Originally Posted by DobieGillis? (Post 1770420)
www.cooluniverse.net ...it's in the bluefox test skin
Works greatly

hexeditor 04-07-2009 11:23 AM
thanks good work

chennairam 04-12-2009 04:23 AM
Quote:
Originally Posted by hexeditor (Post 1785680)
thanks good work
Can you Show Me Demo Of Your Site

subzero06 04-12-2009 05:58 AM
works great on 3.7.6

nomoreturn 04-14-2009 01:34 AM
Installed and works great my forum looks kool now

chennairam 05-05-2009 10:40 AM
Quote:
Originally Posted by subzero06 (Post 1789429)
works great on 3.7.6
Quote:
Originally Posted by nomoreturn@hotm (Post 1790702)
Installed and works great my forum looks kool now
Thank you Friends

Can you Shows me your Forum links

RedDevil 05-05-2009 12:19 PM
Installed thanks.

It does miss a few mods out like mgc shoutbox, notices and a few others at bottom of forum, otherwise very nice.

macc 05-05-2009 12:30 PM
Nice mod - thanks - works perfect!

macc

isatice 05-08-2009 05:37 AM
nice hack , easy installation , great job , mark as installed
also i added "thead" and "tfoot" to css files

RobbieZ 05-12-2009 09:12 PM
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. :D

Thanks

Quote:
Originally Posted by isatice (Post 1806788)
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

chennairam 05-29-2009 07:26 AM
Quote:
Originally Posted by RobbieZ (Post 1809637)
All I see is the text.



No little boxes of color , no nothing :(

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

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)

cordleztoaster 05-29-2009 08:34 AM
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?

ddo36 06-03-2009 02:38 AM
Installed :) nice nice nice. =)

BUT Is there a way to add another color?'

how do you do that?

dvbusuario 06-03-2009 03:40 AM
Very Good Hack, thank you!

Install!

ddo36 06-03-2009 06:03 AM
Quote:
Installed nice nice nice. =)

BUT Is there a way to add another color?'

how do you do that?
nevermind. ive done it. :)

DR.vBProf 06-20-2009 04:08 PM
looking www.flstudio.biz

Bounce 06-20-2009 04:24 PM
The blocked web page included objects that were either infected or likely to be infected with a virus. :eek:

SirHappy 06-24-2009 07:22 AM
nice work. thanks:)

TAIFUN_T 06-24-2009 08:08 AM
1 Attachment(s)
Quote:
Live Demo Click Here
This page have virus

jonlar 07-10-2009 07:15 PM
Seems i have done something wrong. i do get this

http://img3.imagebanana.com/img/sizg.../Unbenannt.jpg

i added the first Code here (red Border)
http://img3.imagebanana.com/img/tg0s.../Unbenannt.jpg

Cause i do not understand whats ment with
Quote:
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 07-11-2009 05:01 AM
1 Attachment(s)
Quote:
Originally Posted by TAIFUN_T (Post 1836254)
This page have virus
samething happened here

and thanks for the hack works perfect ;)

KevinGupta 08-29-2009 11:18 AM
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?


All times are GMT. The time now is 04:19 AM.
Page 1 of 2 1 2
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.01408 seconds
  • Memory Usage 1,826KB
  • 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
  • (20)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (1)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (40)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