| habib | Дата: Вторник, 11.10.2016, 13:34 | Сообщение # 1 |
 Сержант
Группа: Свобода
Сообщений: 37
Статус:  | Данный скрипт разработан по просьбе пользователя stalker1313. Суть скрипта в том, чтобы пользователи могли менять дизайн сайта и всё это дело запоминалось бы в браузере
Для начала посмотрите ДЕМО
Установка:
В то место, где должны быть кнопочки для смены стилей, вставляйте:
Код <link id="apolink" rel="stylesheet" src=""/> <a href="#" onclick="apochangeme(1); return false;">Стиль 1</a> <a href="#" onclick="apochangeme(2); return false;">Стиль 2</a> <a href="#" onclick="apochangeme(3); return false;">Стиль 3</a> <script> $(function() { if(!localStorage.getItem('apolink')) { $('#apolink').attr('href', 'http://imapo.ru/css/apolink1.css'); } else { $('#apolink').attr('href', 'http://imapo.ru/css/apolink' + localStorage.getItem('apolink') + '.css'); }; }); function apochangeme(a) { if(a == 1) { $('#apolink').attr('href', 'http://imapo.ru/css/apolink1.css'); localStorage.removeItem('apolink'); } else { $('#apolink').attr('href', 'http://imapo.ru/css/apolink' + a + '.css'); localStorage.setItem('apolink', a); }; }; // imapo.ru (c) 2016 </script>
Все ссылки на стили замените на свои. Количество стилей ничем не ограничено
P.S. Имена стилей ОБЯЗАТЕЛЬНО должны заканчиваться на цифру, причём, цифры должны идти по порядку. Например: style1.css, style2.css, style3.css, style4.css
|
| |
| |
){kind=link}