CSS Color

03-28-2010, 10:50 AM

CSS Color v 0.1
Описание: Даёт возможность менять цвет на форуме !
Добавляет меню в верху форума.

Меняет под чти весь фон форума .
Видео
DEMO
Установка: Быстро
За основу взято это

Установка:

* залить содержимое архива в корень форума
* в Основную таблицу CSS (каждого стиля) добавить:

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
}

Цвет меняем по своему вкусу !
* в шаблон ad_header_logo добавляем в самый вверх:

Code:

<head>
<link rel="alternate stylesheet" type="text/css" media="screen" title="orange-theme" href="orange.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="violet-theme" href="violet.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="red-theme" href="red.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="grey-theme" href="grey.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="black-theme" href="black.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="pinkish-theme" href="pinkish.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="bel-theme" href="bel.css" />

<script src="styleswitch.js" type="text/javascript"></script>

</head>

<body bgcolor="#FFFFFF">

<div id="topbar">
<div class="colorchooser"><span>выберите цвет:</span>
<a href="javascript:chooseStyle('none', 60)" style="background-color:#6682B2;"></a>
<a href="javascript:chooseStyle('orange-theme', 7)" style="background-color:#FF9900;"></a>
<a href="javascript:chooseStyle('violet-theme', 7)" style="background-color:#003366;"></a>
<a href="javascript:chooseStyle('red-theme', 7)" style="background-color:#990000;"></a>
<a href="javascript:chooseStyle('grey-theme', 7)" style="background-color:#999999;"></a>
<a href="javascript:chooseStyle('black-theme', 7)" style="background-color:#000000;"></a>
<a href="javascript:chooseStyle('pinkish-theme', 7)" style="background-color:#B26267;"></a> </div> 
<a href="javascript:chooseStyle('bel-theme', 7)" style="background-color:#F4F4F4;"></a> </div>
</div>

03-28-2010, 11:51 AM

Ну вообщето эту же тему вчера запостили причем в этом же разделе http://www.vbsupport.ru/forum/showthread.php?t=27315
А если в общих черах, то эта тема на форуме уже 3 раза продублирована но с разными названиями )

03-28-2010, 02:21 PM

Serberg, то что в той теме взято за основу, а эта расширенная версия, меняет не 1-2 цвета (вроде один) а все.

DEN2, Спасибо ! постарался.

03-28-2010, 05:23 PM

Quote:

Originally Posted by xorex

DEN2, Спасибо ! постарался.

Позже сделаю лучше чтобы картинки менялись и хочу сделать чтобы логотип так же менялся .
Хотя логотип лучше ставить прозрачный что бы при смене фона ко всем цветам подходил !

03-28-2010, 09:27 PM

Сильно не вникал, но работает только на стандартном стиле :(

03-29-2010, 06:44 AM

Quote:

Originally Posted by DEN2

Позже сделаю лучше чтобы картинки менялись и хочу сделать чтобы логотип так же менялся .
Хотя логотип лучше ставить прозрачный что бы при смене фона ко всем цветам подходил !

Тоже подумал про прозрачный лого, также не плохо бы сделать указание цвета для шрифтов названий разделов и навбара.