About the Project:
Have you ever wanted to create quick and easy to generate draggable frames in html?
With these scripts, you can do it even without knowing html
If you want to support me just give me a star or give me a follow and do not remove signatures from scripts
Usage:
- Add a div element to your web body
- Import scripts and styles
- Create your first draggable frame
... your code
">
<head> <link rel="stylesheet" href="frameOptions.css"> head> <body> ... your code <div id="df_spawnArea">div> <script src="dragContent.js">script> <script src="createObject.js">script> <script> df_create({ "theme": "dark", "title": "Example", "content": "here you can put your html code
Good luck!
", "icon": "assets/question.png", "rounded": true, }); script> body>
Generation options:
df_create({
"theme": "light", // (light/dark) - frame theme
"title": "Example", // header content
"content": "An example", // frame content
"icon": "assets/danger.png", // icon in front of the text (check assets folder or use own icons)
"header_color": "blue", // header content color (hex/rgb/color)
"content_color": "blue", // content color
"bg_header": "blue", // custom header background
"bg_color": "blue", // custom content background
"width": "auto", // frame width
"height": "auto", // frame height
"rounded": true
})
the simplest way:
Good luck!
", });">
", });">
df_create({ "theme": "dark", // Optional "title": "Example", "content": "here you can put your html code
Good luck!
", });
What I plan to do:
- Ability to open several frames at once
- More themes and buttons
- More animations
- code optimization
I'm open to ideas. if you have any idea, write me a message on discord or write suggestion on the open issue under this project
10 Aug 3, 2022
7 Sep 28, 2022
9 Dec 17, 2022
6 May 18, 2022
3 Nov 14, 2022
2 Jun 16, 2022
240 Dec 31, 2022
3 Oct 6, 2022
26 Dec 20, 2022