Дата публикации:

Desktop (рабочий стол) на jQuery Портал Zagru.Ru

bd6d6a3d

Представляю вам любопытный скрипт: Рабочий стол на jQuery. Из функционала там присутствуют не все возможности обычного десктопа: нету меню пуск (вместо него вверху панель с выпадающим меню), перетаскивания значков с места на место и использования правой кнопки мыши. Чтобы лучше поняли возможности, вот DEMO . Установка: Загрузите все файлы из архива в ваш файловый менеджер Настройка: Для того, чтобы сделать новое окно: 1. Откройте файл index.html, найдите элемент (сразу после ): <div class="abs" id="wrapper"> и вставьте: <a class="abs icon" style="left:20px;top:20px;" href="#ID значка"> <img src="СЫЛКА НА ИКОНКУ" /> Окошко 1 </a> С помощью left и top укажите положение значка на рабочем столе. 2. Далее, после <div id="ID окна" class="abs window"> <div class="abs window_inner"> <div class="window_top"> <span class="float_left"> <img src="assets/images/icons/icon_16_computer.png" /> Название окна </span> <span class="float_right"> <a href="#" class="window_min"></a> <a href="#" class="window_resize"></a> <a href="#icon_dock_computer" class="window_close"></a> </span> </div> <div class="abs window_content"> <div class="window_aside"> надпись сбоку </div> <div class="window_main"> содержимое окна </div> </div> <div class="abs window_bottom"> Надпись в низу окна </div> </div> <span class="abs ui-resizable-handle ui-resizable-se"></span> </div> ID окна НЕ должно совпадать с ID значка, которое указывали в шаге 1. 3. Затем (внизу) найдите: <div class="abs" id="bar_bottom"> <a class="float_left" href="#" id="show_desktop" title="Свернуть все окна"> <img src="assets/images/icons/icon_22_desktop.png" /> </a> <ul id="dock"> и после этого ставьте: <li id="ID окна"> <a href="#ID значка"> <img src="Ссылка на иконку" /> Название окна </a> </li> ID значка и ID окна указывать тоже самое, что и в шагах 1 и 2.
Бесплатно изучаем нейросети
Бесплатный курс Excel в логистике: учёт запасов и подбор авто
Бесплатный курс: "VDSina для новичков: Сервер за 5 минут: Действия без лишних манипуляций"
Бесплатный виджет обратной связи для Shopify
Часы на полном экране
Гайд по созданию мемов без фотошопа: упрощенная версия
Генератор паролей с параметрами
ИИ-ассистент-девушка
Инновационные методы 3D-печати в строительстве нанобетонных конструкций
Инновационные методы управления отходами на строительстве высотных зданий
Лучшие роллы, которые сами себя рекламируют
Miralinks и улучшение позиций
Нейросети и SEO: как совместить два мира
Оптимизация для поисковых систем GEO
Родительские ресурсы Воронеж
RUTUBE: как заработать до 100 000 рублей
Сайты с лучшими отзывами от пользователей
Секретные пасхалки в каждом эпизоде Dexter
Секреты успешных инвестиций
Смотреть Сплетница 2023
Собери 13 пучков укропа с клумбы
Температура в Ревде сейчас
VDSina для чайников: краткий обзор
Видеочат рулетка: основная цель
Видеочат рулетка с возможностью общения
Видеочат с минимальной задержкой
«Реальные деньги в виртуальном мире»
Подпишитесь на рассылку
Введите Ваше Имя и Ваш E-mail:

Ваш E-Mail в безопасности