[ Новые сообщения · Участники · Правила форума · Пошук · RSS ]
Страница 1 из 11
Модератор форума: sova77 
Форум » Общий раздел » все для сайта » Цветовые схемы для форума
Цветовые схемы для форума
sova77Дата: Вт, 25.08.2009, 11:40 | Сообщение # 1
вип
Группа: разработчик
Сообщений: 601
Награды: 13
Статус: відсутній
выбор Цветовых схем для форума (как здесь) - сохраняется в кукисах

установка: Панель управление>> управление дизайном>> Форум >> общий вид страниц форума
вставляем после < head>

Code


<script type="text/javascript" language="JavaScript" src="http://nms.at.ua/design/main.js"></script>       
<script type="text/javascript" language="JavaScript">       
var css_file_def = 'orig';       
var link_string = '<link type="text/css" rel="StyleSheet" href="http://nms.at.ua/design/css_style/'+readCookie('skin')+'.css" />'       
document.write(link_string);       
</script>       
<noscript><link href="http://nms.at.ua/design/css_style/orig.css" rel="stylesheet" type="text/css" /></noscript>       
<table border="0" width="100%" bgcolor="#FFFFFF" cellspacing="1" cellpadding="3" class="gTable">       
<tr>       
<td class="gTableTop" colspan="5">Мои закладки</td>       
</tr>       
<tr>       
<!-- -->       
<SCRIPT LANGUAGE="JavaScript">       
var total = GetTotalBookmarks();       
if (total == 0)       
{       
document.write("<style type='text/css'>.embed_mini_other {display: none;}</style>");       
}       
</SCRIPT>       
<div class="embed_mini_other">       
<table class="Fmenu1" border="0" cellpadding="0" cellspacing="0">       
<tr><td class="Ftbmenu1" align="center"></td></tr>       
<tr><td class="Ftbmenu2">       
<table border="0" width="500">       
<SCRIPT LANGUAGE="JavaScript">       
ListBookmarks();       
</SCRIPT>       
</table>       
</td></tr>       
<tr><td class="Ftbmenu3"></td></tr>       
</table>       

</div>       
<!--/-->       
</tr>       
</table>       

<table border="0" width="100%" bgcolor="#dadada" cellspacing="1" cellpadding="3" class="gTable">       
<tr>       
<td width="50%" bgcolor="#dadada" class="gTableSubTop">Цветовая схема форума:       

</td>       
<td align="right" width="50%" bgcolor="#dadada" class="gTableSubTop">       
<a href="#" title="Поменять шкурку" onclick="document.cookie = 'skin=blue';location.reload();"><img src="http://nms.at.ua/design/ico/blue.gif" alt="Поменять шкурку" width="15" height="15" border="1" align="absmiddle" style="border:#999999" /></a>       
<a href="#" title="Поменять шкурку" onclick="document.cookie = 'skin=green';location.reload();"><img src="http://nms.at.ua/design/ico/green.gif" alt="Поменять шкурку" width="15" height="15" border="1" align="absmiddle" style="border:#999999" /></a>       
<a href="#" title="Поменять шкурку" onclick="document.cookie = 'skin=orange';location.reload();"><img src="http://nms.at.ua/design/ico/orange.gif" alt="Поменять шкурку" width="15" height="15" border="1" align="absmiddle" style="border:#999999" /></a>       
<a href="#" title="Поменять шкурку" onclick="document.cookie = 'skin=red';location.reload();"><img src="http://nms.at.ua/design/ico/red.gif" alt="Поменять шкурку" width="15" height="15" border="1" align="absmiddle" style="border:#999999" /></a>       
<a href="#" title="Поменять шкурку" onclick="document.cookie = 'skin=white';location.reload();"><img src="http://nms.at.ua/design/ico/white.gif" alt="Поменять шкурку" width="15" height="15" border="1" align="absmiddle" style="border:#999999" /></a>       
<a href="#" title="Поменять шкурку" onclick="document.cookie = 'skin=orig';location.reload();"><img src="http://nms.at.ua/design/ico/orig.gif" alt="Поменять шкурку" width="15" height="15" border="1" align="absmiddle" style="border:#999999" /></a>       
<a href="#" title="Поменять шкурку" onclick="document.cookie = 'skin=grey';location.reload();"><img src="http://nms.at.ua/design/ico/grey.gif" alt="Поменять шкурку" width="15" height="15" border="1" align="absmiddle" style="border:#999999" /></a>       
<a href="#" title="Поменять шкурку" onclick="document.cookie = 'skin=siren';location.reload();"><img src="http://nms.at.ua/design/ico/bluegrey.gif" alt="Поменять шкурку" width="15" height="15" border="1" align="absmiddle" style="border:#999999" /></a>       

</td>       
</tr>       
</table>

для того чтоб настроить свои цвета вам необходимо:
http://nms.at.ua/design/css_style/blue.css
http://nms.at.ua/design/css_style/green.css
http://nms.at.ua/design/css_style/orange.css
http://nms.at.ua/design/css_style/red.css
http://nms.at.ua/design/css_style/white.css
http://nms.at.ua/design/css_style/orig.css
последний стиль - это ваш родной, его ставить ненужно
и сам скрипт http://nms.at.ua/design/main.js
и картинки http://nms.at.ua/design/ico/white.gif
http://nms.at.ua/design/ico/green.gif и т.д
сохраняете себе на сайт, и соответственно меняете пути в коде на свои

илиже просто ставите себе этот код - и стили будут браться отсюда


форум для интересных людей

Сообщение отредактировал sova77 - Ср, 26.08.2009, 19:55
 
Обьявления
sova77Дата: Пт, 28.08.2009, 18:38 | Сообщение # 2
вип
Группа: разработчик
Сообщений: 601
Награды: 13
Статус: відсутній
данный код хранит куки до закрытия браузера, а после закрытия -куки удаляются, и соответственно настройка теряется

чтоб этого небыло - нужно установить дату истечения куки!!

просто меняете строки вида:

Code
onclick="document.cookie = 'skin=blue';location.reload();"

на
Code
onclick="document.cookie = 'skin=blue;expires=Wed, 1 Mar 2030 00:00:00';location.reload();"

в данном примере мы установили срок хранения кука до 1 марта 2030года biggrin

кому лень берите этот полный измененный код:

Code
<script type="text/javascript" language="JavaScript" src="http://nms.at.ua/design/main.js"></script>    
<script type="text/javascript" language="JavaScript">    
var css_file_def = 'orig';    

var link_string = '<link type="text/css" rel="StyleSheet" href="'+readCookie('skin')+'.css" />'    

document.write(link_string);    
</script>    
<noscript><link href="http://nms.at.ua/design/css_style/orig.css" rel="stylesheet" type="text/css" /></noscript>    
<table border="0" width="100%" bgcolor="#FFFFFF" cellspacing="1" cellpadding="3" class="gTable">    

<!-- -->    
<SCRIPT LANGUAGE="JavaScript">    
var total = GetTotalBookmarks();    
if (total == 0)    
{    
document.write("<style type='text/css'>.embed_mini_other {display: none;}</style>");    
}    
</SCRIPT>    
<div class="embed_mini_other">    
<table class="Fmenu1" border="0" cellpadding="0" cellspacing="0">    
<tr><td class="Ftbmenu1" align="center"></td></tr>    
<tr><td class="Ftbmenu2">    
<table border="0" width="500">    
<SCRIPT LANGUAGE="JavaScript">    
ListBookmarks();    
</SCRIPT>    
</table>    
</td></tr>    
<tr><td class="Ftbmenu3"></td></tr>    
</table>    

</div>    
<!--/-->    
</tr>    
</table>    

<table border="0" width="100%" bgcolor="#dadada" cellspacing="1" cellpadding="3" class="gTable">    
<tr>    
<td width="50%" bgcolor="#dadada" class="gTableSubTop">Цветовая схема форума:    

</td>    
<td align="right" width="50%" bgcolor="#dadada" class="gTableSubTop">    
<a href="#" title="Поменять шкурку" onclick="document.cookie = 'skin=http://nms.at.ua/design/css_style/blue; expires=Wed, 1 Mar 3000 00:00:00';location.reload();"><img src="http://nms.at.ua/design/ico/blue.gif" alt="Поменять шкурку" width="15" height="15" border="1" align="absmiddle" style="border:#999999" /></a>    
<a href="#" title="Поменять шкурку" onclick="document.cookie = 'skin=http://nms.at.ua/design/css_style/green; expires=Wed, 1 Mar 3000 00:00:00';location.reload();"><img src="http://nms.at.ua/design/ico/green.gif" alt="Поменять шкурку" width="15" height="15" border="1" align="absmiddle" style="border:#999999" /></a>    
<a href="#" title="Поменять шкурку" onclick="document.cookie = 'skin=http://nms.at.ua/design/css_style/orange; expires=Wed, 1 Mar 3000 00:00:00';location.reload();"><img src="http://nms.at.ua/design/ico/orange.gif" alt="Поменять шкурку" width="15" height="15" border="1" align="absmiddle" style="border:#999999" /></a>    
<a href="#" title="Поменять шкурку" onclick="document.cookie = 'skin=http://nms.at.ua/design/css_style/red; expires=Wed, 1 Mar 3000 00:00:00';location.reload();"><img src="http://nms.at.ua/design/ico/red.gif" alt="Поменять шкурку" width="15" height="15" border="1" align="absmiddle" style="border:#999999" /></a>    
<a href="#" title="Поменять шкурку" onclick="document.cookie = 'skin=http://nms.at.ua/design/css_style/white; expires=Wed, 1 Mar 3000 00:00:00';location.reload();"><img src="http://nms.at.ua/design/ico/white.gif" alt="Поменять шкурку" width="15" height="15" border="1" align="absmiddle" style="border:#999999" /></a>    
<a href="#" title="Поменять шкурку" onclick="document.cookie = 'skin=http://nms.at.ua/design/css_style/orig; expires=Wed, 1 Mar 3000 00:00:00';location.reload();"><img src="http://nms.at.ua/design/ico/orig.gif" alt="Поменять шкурку" width="15" height="15" border="1" align="absmiddle" style="border:#999999" /></a>    
<a href="#" title="Поменять шкурку" onclick="document.cookie = 'skin=http://nms.at.ua/design/css_style/grey; expires=Wed, 1 Mar 3000 00:00:00';location.reload();"><img src="http://nms.at.ua/design/ico/grey.gif" alt="Поменять шкурку" width="15" height="15" border="1" align="absmiddle" style="border:#999999" /></a>    

<a href="#" title="стандартная шкурка" onclick="document.cookie = 'skin=http://nms.at.ua/design/css_style/siren; expires=Wed, 1 Mar 3000 00:00:00';location.reload();"><img src="" alt="СТН" border="1" align="absmiddle" style="border:#999999" /></a>    

<a href="#" title="шкурка 101" onclick="document.cookie = 'skin=http://s19.ucoz.net/src/css/101; expires=Wed, 1 Mar 3000 00:00:00';location.reload();"><img src="http://nms.at.ua/design/ico/bluegrey.gif" alt="101" border="1" width="15" align="absmiddle" style="border:#999999" /></a>
<a href="#" title="шкурка 691" onclick="document.cookie = 'skin=http://s19.ucoz.net/src/css/691; expires=Wed, 1 Mar 3000 00:00:00';location.reload();"><img src="http://s19.ucoz.net/t/sc/691.gif" alt="691" border="1" height="15" onmouseover="height=60" onmouseout="height=15" align="absmiddle" style="border:#999999" /></a>
<a href="#" title="шкурка 871" onclick="document.cookie = 'skin=http://s19.ucoz.net/src/css/871; expires=Wed, 1 Mar 3000 00:00:00';location.reload();"><img src="http://s19.ucoz.net/t/sc/871.gif" alt="871" border="1" onmouseover="height=60" onmouseout="height=15" height="15" align="absmiddle" style="border:#999999" /></a>
<a href="#" title="шкурка 101" onclick="document.cookie = 'skin=http://s19.ucoz.net/src/css/936; expires=Wed, 1 Mar 3000 00:00:00';location.reload();"><img src="http://s19.ucoz.net/t/sc/936.gif" alt="936" border="1" onmouseover="height=60" onmouseout="height=15" height="15" align="absmiddle" style="border:#999999" /></a>
<a href="#" title="шкурка 101" onclick="document.cookie = 'skin=http://s19.ucoz.net/src/css/111; expires=Wed, 1 Mar 3000 00:00:00';location.reload();"><img src="http://s19.ucoz.net/t/sc/111.gif" alt="111" border="1" onmouseover="height=60" onmouseout="height=15" height="15" align="absmiddle" style="border:#999999" /></a>
<a href="#" title="шкурка 101" onclick="document.cookie = 'skin=http://s19.ucoz.net/src/css/701; expires=Wed, 1 Mar 3000 00:00:00';location.reload();"><img src="http://s19.ucoz.net/t/sc/701.gif" alt="701" border="1" onmouseover="height=60" onmouseout="height=15" height="15" align="absmiddle" style="border:#999999" /></a>
<a href="#" title="шкурка 101" onclick="document.cookie = 'skin=http://s19.ucoz.net/src/css/872; expires=Wed, 1 Mar 3000 00:00:00';location.reload();"><img src="http://s19.ucoz.net/t/sc/872.gif" alt="872" border="1" onmouseover="height=60" onmouseout="height=15" height="15" align="absmiddle" style="border:#999999" /></a>
<a href="#" title="шкурка 101" onclick="document.cookie = 'skin=http://s19.ucoz.net/src/css/937; expires=Wed, 1 Mar 3000 00:00:00';location.reload();"><img src="http://s19.ucoz.net/t/sc/937.gif" alt="937" border="1" height="15" onmouseover="height=60" onmouseout="height=15" align="absmiddle" style="border:#999999" /></a>
<a href="#" title="шкурка 101" onclick="document.cookie = 'skin=http://s19.ucoz.net/src/css/121; expires=Wed, 1 Mar 3000 00:00:00';location.reload();"><img src="http://s19.ucoz.net/t/sc/121.gif" alt="121" border="1" height="15" onmouseover="height=60" onmouseout="height=15" align="absmiddle" style="border:#999999" /></a>
<a href="#" title="шкурка 101" onclick="document.cookie = 'skin=http://s19.ucoz.net/src/css/711; expires=Wed, 1 Mar 3000 00:00:00';location.reload();"><img src="http://s19.ucoz.net/t/sc/711.gif" alt="711" border="1" height="15" onmouseover="height=60" onmouseout="height=15" align="absmiddle" style="border:#999999" /></a>

</td>    
</tr>    
</table>

А если мы допустим хотим чтоб дата сама определялась!! - к примеру год от тек даты?? - без проблем!!
вот скрипт!! - как встроить - кому нада разберется, по кукам можно здесь почитать - и здесь

Code

<SCRIPT>
/ * Срок хранения — 1 год от текущей даты: */
var d1 = new Date()
var d2 = d.getTime() + (365*24*60*60*1000)
d1.setTime(d2)
/* Запись и чтение cookie: */
   writeCookie("skin","СТИЛЬ СSS",d1)
</SCRIPT>


форум для интересных людей

Сообщение отредактировал sova77 - Пт, 28.08.2009, 18:53
 
Обьявления
Форум » Общий раздел » все для сайта » Цветовые схемы для форума
Страница 1 из 11
Поиск: