CRE-ARTs
  • Авторизация

    ПАНЕЛЬ УПРАВЛЕНИЯ

    ! Гость (это Вы)

    • Регистрация
    • Забыл пароль?


    Рекомендуем пройти регистрацию, для удобства в использовании материалов.
  • Регистрация Забыл пароль?
Визитка IHELPAPP
Визитка IHELPAPP
Наш креативщик
CRE-ARTs.ru – ВЕБ-ДИЗАЙН И РАЗРАБОТКА САЙТОВ
На CRE-ARTs представленны лучшие шаблоны и скрипты,
собранные с различных источников в одном месте.
Наша почта: info@realarts.ru или art-creative@yandex.ru
  • Главная
  • Новости
  • Портфолио
  • Скрипты для uCoz
    • + Все скрипты
    • Разные скрипты
    • Мини - Чаты
    • Скрипты меню
    • Скрипты поиска
    • Статистика
    • Информеры и модули
    • Мини профили
    • Вид материалов и комментариев
    • Форма входа/регистрация
    • Персональные страницы
    • Переключатели и кнопки
    • Для форума
    • Коллекция слайдеров
  • Шаблоны для сайта
    • Шаблоны для uCoz
    • Шаблоны для форумов
    • HTML Шаблоны
    • Разные страницы
    • Студия S-ARTs
    • Студия elCreativo
    • Студия DCOReARTs
    • Студия SP-ARTs
    • Студия CENTROARTs
    • Студия RealARTs
    • Шаблоны разных CMS
  • Раздел дизайна
    • PSD исходники
    • PSD макеты
    • Верстка макетов
    • Статьи о Веб-Дизайне
  • Статьи
    • Статьи вебмастеру
    • Учебник SEO
    • Справочник ВебМастера
    • Руководство по раскрутке сайтов
    • Разное
  • Отзывы
  • Наши контакты
  • Правообладателям
  • Правила сайта
  • О нас
Свернуть

Новости проекта

Долгожданное открытие студии theRealARTs

Ура! Товарищи,приятная новость, свершилось затянувшееся открытие сайта theRealARTs, занимающегося разработкой в сфере Веб-Дизайна и графики.

Молодой, энергичный, яркий и индивидуальный проект спешит по хвастаться своим открытием и ждет новых посетителей на свой сайт!

12 Января 2015 Подробнее

Наша группа Вконтакте

Мы собираем и публикуем материалы не только на сайте, но и в нашей группе Вконтакте, нужно отметить то, что на сайте публикуются не все материалы, небольшая часть выкладывается только в группе.
17 Марта 2014 Подробнее
Свернуть

Прямой эфир

  • artCreative
    Пользователь: artCreative
    В раздел по теме: Вид материалов как на Pinterest
    Посмотрите источник тут
    или аналогичный пост тут

  • artCreative
    Пользователь: artCreative
    В раздел по теме: Ссылка на источник при копировании текста
    Проверим, в ближайшее время исправим
  • muxa
    Пользователь: muxa
    В раздел по теме: Ссылка на источник при копировании текста
    Не работает
  • muxa
    Пользователь: muxa
    В раздел по теме: ОТЛИЧНЫЙ БАНЕР ДЛЯ UCOZ
    Все работает класс
  • muxa
    Пользователь: muxa
    В раздел по теме: Всплывающее меню на чистом CSS
    Не работает
  • muxa
    Пользователь: muxa
    В раздел по теме: Шаблон Фотошоп-Мастер
    Там ничего не работает.Тупо скачал и удалил.
  • vovany
    Пользователь: vovany
    В раздел по теме: Уникальная страница технических работ для uCoz
    только что вот заметил, что некорректно отображаются надписи под отсчетом...
Свернуть

Статистика


Всего в онлайне: 1
Юзеров: 1
Пользователей: 0
Пользователи
Гости сайта
  • Онлайн
  • Кто был
  • СЧ
[Статистика недоступна]


  
Всего пользователей: 1492 +0
Всего материалов [?]: 1434 + -
Новости: 12
Комментарии: 325
Статьи: 667
Файлы: 430
Полный список
Свернуть

Список категорий

  • Главная
  • Новости
  • Скрипты для uCOZ
    • + Все скрипты
    • Разные скрипты
    • Мини - Чаты
    • Скрипты меню
    • Скрипты поиска
    • Статистика
    • Информеры и модули
    • Мини профили
    • Вид материалов и комментариев
    • Форма входа/регистрация
    • Персональные страницы
    • Переключатели и кнопки
    • Для форума
    • Коллекция слайдеров
  • Шаблоны для сайтов
    • Шаблоны для uCoz
    • Шаблоны для форумов
    • HTML Шаблоны
    • Разные страницы
    • Студия S-ARTs
    • Студия elCreativo
    • Студия DCOReARTs
    • Студия SP-ARTs
    • Студия CENTROARTs
    • Студия RealARTs
    • Шаблоны разных CMS
  • Рубрики
    • Статьи вебмастеру
    • Учебник SEO
    • Справочник ВебМастера
    • Руководство по раскрутке сайтов
    • Разное
  • Дизайн
    • PSD исходники
    • PSD макеты
    • Верстка макетов
    • Статьи о Веб-Дизайне
  • Портфолио

  • Группа ВКонтакте
  • Группа в Facebook
  • Группа в twitter

  • Для посетителей...
    • О нас
    • Наши баннеры
    • Правила сайта
    • Правообладателям
    • Отзывы
Свернуть

Опечатка

E-mail отправителя *:
Тема письма:
Текст сообщения *:

Если Вы обнаружили опечатку в тексте, выделите текст с ошибкой
и нажмите на кнопку
Опечатка
Свернуть

Вместе с нами

  • Cre-ARTs - всё самое необходимое
  • Cre-ARTs - всё самое необходимое

Вы здесь: Главная » Рубрики » Скрипты для uCOZ » Разные скрипты » Пользовательские стили с сохранением в localStorage

Пользовательские стили с сохранением в localStorage

  • Опубликовал: artCreative™
  • Категория: Разные скрипты
  • Дата: 19 Июня 2025 в 02:28
0 голосов
  • 1
  • 2
  • 3
  • 4
  • 5
Скрипт создания пользовательских стилей. Название говорит само за себя: скрипт позволит пользователям сайта стилизовать страницу по своему вкусу, если они, конечно, разбираются в CSS. Данный скрипт можно использовать как инспектор: применив определенные стили на страницу, вы сразу увидите результат. Сохраняются стили в HTML5 localStorage. 

Аналог этого скрипта существует в виде приложения для Chrome: Stylish.
Скрипт написан в двух версиях: с использованием uWnd и myModal-окон
Установка скрипта:
Перед < /body > вставляем скрипт:
1.1. myModal-версия:
Код
<script type="text/javascript">  
userCss = {  
  open:function(){myModal.create('usercss','Пользовательские стили',500,500,'<div style="padding:5px;margin:0 0 5px;border:3px double #e5e5e5;text-align:justify;"><b>userCss</b> - модуль пользовательских стилей. В поле, указанном ниже, вы можете стилизовать любой элемент сайта, используя средства CSS.</div><textarea rows="15" style="width:100%;font:12px \'Courier New\', monoscape;" name="usercss" placeholder="Ваш код CSS..."></textarea><input type="button" style="width:100%;" onclick="userCss.save();" value="Сохранить">',{modal:1,overflow:'hidden'});if(localStorage.getItem('userCss'))$('[name=usercss]').val(localStorage.getItem('userCss'));},  
  save:function(){a = $('[name=usercss]').val();localStorage.setItem('userCss',a);userCss.show();myModal.close('usercss');},  
  show:function(){if($('#usrcss').text() != '') $('#usrcss').text(localStorage.getItem('userCss')); else $('body').prepend('<style type="text/css" id="usrcss">'+localStorage.getItem('userCss')+'</style>');}  
}  
userCss.show();  
</script>

1.2. uWnd-версия:
Код
<script type="text/javascript">  
userCss = {  
  open:function(){new _uWnd('usercss','Пользовательские стили',500,500,{autosize:1,resize:0,modal:1,oncontent:function(){if(localStorage.getItem('userCss'))$('[name=usercss]').val(localStorage.getItem('userCss'));}},'<div style="padding:5px;margin:0 0 5px;border:3px double #e5e5e5;text-align:justify;"><b>userCss</b> - модуль пользовательских стилей. В поле, указанном ниже, вы можете стилизовать любой элемент сайта, используя средства CSS.</div><textarea rows="15" style="width:100%;font:12px \'Courier New\', monoscape;" name="usercss" placeholder="Ваш код CSS..."></textarea><input type="button" style="width:100%;" onclick="userCss.save();" value="Сохранить">');},  
  save:function(){a = $('[name=usercss]').val();localStorage.setItem('userCss',a);userCss.show();_uWnd.close('usercss');},  
  show:function(){if($('#usrcss').text() != '') $('#usrcss').text(localStorage.getItem('userCss')); else $('body').prepend('<style type="text/css" id="usrcss">'+localStorage.getItem('userCss')+'</style>');}  
}  
userCss.show();  
</script>

В нужное место вставляем ссылку:
Код
<a href="javascript:userCss.open();">userCss</a>

На это установка заканчивается.

Спонсор материала: Студия Веб-Дизайна RealARTs

  • Ссылка на источник материала


Для того, чтобы скачивать файлы Вам нужно авторизироваться или зарегистрироваться

Просмотров 603 « Назад

Теги материала: стили, сохранением, localStorage, Пользовательские

Похожие материалы:
  • Последние комментарии в стили мини-чата
  • Закладки страниц с использованием localStorage

Комментарии пользователей


Внимание ! У вас нет прав для добавления комментариев.
Пожалуйста авторизуйтесь или зарегистрируйтесь.
  • Главная
  • Sitemap
  • Палитра Web цветов
RealARTs
Дизайн полностью создан и принадлежит сайту "Cre-ARTs.ru".
Все размещенные материалы, принадлежат их владельцам и предоставляются
исключительно в ознакомительных целях. Администрация ответственности
за содержание материала не несет и убытки не возмещает. Хостинг от uCoz
CRE-ARTs
  • Анализ интернет сайта