Сделайте Web Modal похожим на Mac Finder
Я делаю сайт похожим на Mac OS. Я просто хочу, чтобы доска объявлений выглядела как искатель для Mac. (Там есть список папок, когда я нажимаю на него, он открывается как искатель.)
Как сделать так, чтобы он выглядел как Mac OS (плюс анимация, если можно)? Я не могу это найти.
Я просто делаю это с переопределением модального окна начальной загрузки, но он не очень хорошо спроектирован.
Это невозможно? Или, если кто-то знает, как это сделать, или знает какой-нибудь отличный модуль, скажите, пожалуйста.
Я очень благодарен всем вам.
Я понятия не имею, как это кодировать. Мой веб-модальный вид с анимацией выглядит так.
вы можете легко сделать это методом проб и ошибок с помощью CSS. idk, если есть библиотека для этого прямо сейчас, но эффект определенно возможен
Пожалуйста, дайте мне несколько намеков или отличных примеров ..
Я обновил свой ответ быстрым примером того, что мне удалось сделать за 30 минут работы.
это кажется отрывочным, как если бы вы создавали спам или пытались обмануть кого-то, чтобы он что-то загрузил
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Это будет на 99% невозможно, если у вас 0 опыта программирования. Люди на этом сайте не сделают этого за вас.
Я постараюсь указать вам правильное направление.
Во-первых, вам нужно посмотреть на несколько руководств по HTML и CSS. Вам нужно будет достаточно хорошо владеть этими двумя, чтобы создать визуальное представление окна Finder.
Вы можете использовать Bootstrap, так как это упростит его стилизацию.
Вот пример того, что мне удалось сделать примерно за 30 минут.
Вдохновение для использования при попытке воспроизвести окно искателя
Следующая ссылка - это пример того, что один дизайнер сделал некоторое время назад. http://www.alessioatzeni.com/mac-osx-lion-css3/
По сути, он смог воссоздать внешний вид Mac OS, используя HTML, CSS и немного JS. Взгляните на его код для вдохновения.
Следующая ссылка - это CodePen, который кто-то сделал для старой системы поиска ОС: https://codepen.io/paddykontschak/pen/JALeB
Я думаю, что мой вопрос неправильный ... извините ... Я сделал несколько образцов, но они были не очень хорошими, поэтому я не загружаю ..
Ничего страшного, некрасивые образцы лучше, чем ничего! Мы здесь, чтобы помочь вам с вашим кодом.
Вполне возможно. Но вам нужно будет предоставить какой-то код, чтобы мы могли вам помочь. Попробуйте сделать это, а затем разместите свой код.