Приветствуем Вас на сайте Best Studio!
      Авторизировавшись на сайте Вы получаете возможность заказывать эксклюзивные вещи для Вашего сайта, скачивать новинки, общаться с друзьями.

      Если у Вас ещё нет аккаунта на Best Studio, вы можете создать его потратив не более 30-ти секунд используя форму справа с заголовком "Регистрация"
Вход на сайт
Логин:

Пароль:
Вход
Регистрация
Логин:

Пароль:

Email:
Регистрация
Войти | Зарегистрироваться
Настройки
Анимация Шапки
Анимация Меню
Анимация Футера
Автообновление Чата
Автообновление Статистики
Перезагрузите страницу
Профиль
Сообщения
Опции темы
Я настройка

Страница 1 из 11
Модератор форума: feapir 
Форум » Java » Скрипты » Стили для тем (Врятли пригодится рядовому дизайнеру, но все же...)
Стили для тем
0sk0L0k
В профиль
Написать сообщение
1
09.01.2010    21:08
Изменено: feapir - Суббота, 09.01.2010, 21:13
Группа: Зам. Админа
Статус: Offline
Сообщений: 360
Карма: 1001
На одном из моих любимых сайтов заметил данную функцию и мне стало интересно, как это работает. Быстренько расковыряв исходный код я обнаружил там небольшую JS написанную с использованием mootools. Идея хорошая, а вот реализация не подходила - я фанат jQuery, да и uCoz придерживается моего мнения :) Поэтому взяв алгоритм того скрипта я перевел его к использованию на uCoz'е.

Информация:
CSS файл стиля, это файл, стили которого будут применены ПОВЕРХ основных стилей. Например с помощь стиля можно изменить только отдельные элементы, не затрагивая другие, при этом стилей может быть великое множество!

Требования:
1) Сайт на uCoz'е или jQuery
2) Основной CSS файл
3) Пара CSS файлов стилей

Установка:
1)Прописываем файлы стилей:

Code
<link rel="alternate stylesheet" media="all" type="text/css" href="/style/css/style-aaa.css" title="aaa" />
<link rel="alternate stylesheet" media="all" type="text/css" href="/style/css/style-bbb.css" title="bbb" />

Таким образом мы получим 2 стиля: aaa и bbb
2)После тега <body> втыкаем скрипт:
Code
<script>jQuery.cookie=function(f){c=null;if(document.cookie&&document.cookie!=""){a=document.cookie.split(";");for(b=0;b<a.length;b++){e=jQuery.trim(a[b]);if(e.substring(0,f.length+1)==f+"="){c=decodeURIComponent(e.substring(f.length+1));break}}}return c};function setActiveStyleSheet(f){var g,d;for(g=0;d=document.getElementsByTagName("link")[g];g++)if(d.getAttribute("rel").indexOf("style")!=-1&&d.getAttribute("title")){d.disabled=true;if(d.getAttribute("title")==f){d.disabled=false;data=new Date;data.setTime(data.getTime()+2592E6);document.cookie="ActiveStyleSheet="+d.getAttribute("title")+"; expires="+data}}}setActiveStyleSheet($.cookie("ActiveStyleSheet"));</script>

3)Сделать элемент который сменит стиль на усмотрение пользователя. Смену стиля вызывает функция setActiveStyleSheet('имя_стиля') Можно выполнить это кнопкой:
Code
<input type="button" onclick="setActiveStyleSheet('aaa')" value="aaa">
<input type="button" onclick="setActiveStyleSheet('bbb')" value="bbb">

Все вопросы задаем тут, не стесняемся. Объясню если чтото не понятно.
Mifun
В профиль
Написать сообщение
2
09.01.2010    21:22
Изменено: Mifun - Суббота, 09.01.2010, 21:23
Группа: Юзер
Статус: Offline
Сообщений: 41
Карма: 28
Я вот либо запутался, либо не понял чего-то. Зачем это вообще нужно ? Или основной ксс файлик не безразмерный и на него тоже наложено ограничение по символам?Или таким бананом можно 2 дизайна на сайт одновременно зделать? )
Стоп! Так мгновенья взрывают планеты
Так солнце блестящей фальшивой монетой
Следит за тобой каждый день каждый вечер
Срываясь в копилку тысячелетий. © Психея
0sk0L0k
В профиль
Написать сообщение
3
09.01.2010    21:27
Группа: Зам. Админа
Статус: Offline
Сообщений: 360
Карма: 1001
Чтото не понял. Таким образом пользователь может тыкнув на кнопку (грубо говоря!) сменить дизайн. На тех сайтах где я это видел стили меняли основной оттенок сайта (скажем фон, часть оформления элементов и по необходимости цвет текста).
З.Ы. Для наглядности демо страничку щас наваяю.
Mifun
В профиль
Написать сообщение
4
09.01.2010    21:36
Группа: Юзер
Статус: Offline
Сообщений: 41
Карма: 28
"таким бананом можно 2 дизайна на сайт одновременно зделать? ) " = "Таким образом пользователь может тыкнув на кнопку (грубо говоря!) сменить дизайн. "
Об том и говорил) Только вот я слишком нупЪ весь дизайн на ксс не повешу ))
Стоп! Так мгновенья взрывают планеты
Так солнце блестящей фальшивой монетой
Следит за тобой каждый день каждый вечер
Срываясь в копилку тысячелетий. © Психея
DaKotA
В профиль
Написать сообщение
5
10.01.2010    22:26
Группа: Житель
Статус: Offline
Сообщений: 632
Карма: 772
Feapir дай угадаю ты это используешь в шаблоне по cod mw6? ;)
0sk0L0k
В профиль
Написать сообщение
6
10.01.2010    22:40
Группа: Зам. Админа
Статус: Offline
Сообщений: 360
Карма: 1001
Lenny, не в совсем том виде в котором он описан тут, но да :)
DaKotA
В профиль
Написать сообщение
7
10.01.2010    23:02
Группа: Житель
Статус: Offline
Сообщений: 632
Карма: 772
=))) классная мысль со днем и ночью в шаблоне)))
{BlAck-Zone}
В профиль
Написать сообщение
8
12.01.2010    15:30
Группа: Житель
Статус: Offline
Сообщений: 137
Карма: 72
Для смены так же можно ведь модифицировать скрипт мини профиля в котором в определеное время суток говорит разные вещи...
Форум » Java » Скрипты » Стили для тем (Врятли пригодится рядовому дизайнеру, но все же...)
Страница 1 из 11
Поиск: