HTML/CSS Modal Web Boxes
HTML/CSS Modal Web Boxes
This week’s freebie is a set of coded and ready-to-use HTML/CSS modal pop-up boxes. Included in the download are all necessary HTML, CSS, and image files including sample code and demonstrations (jQuery is used via Google API). Also included is a layered .psd file for easy customization.
These web boxes are fast to implement using HTML/CSS, easy to customize using the included Photoshop files, and are perfect for variety of interface and marketing applications.
Take a look at the demo to see for yourself, or see below for a list of what’s included:
- Free Download
- Mailing List
- Restricted Content
- Saved to Favorites x2
- Adjust Settings
- Warning
- Error
Free License
Feel free to download and use this item for both personal and commercial projects with attribution back to MediaLoot. Please note:
- Attribution is required for free items. For a non-attribution license, please become a member or buy the full version.
- You may not distribute or offer this set for download on other websites. Promotion is always appreciated, but please send people to this page.
Leave a Comment:
Item Attributes
- 10305
- 03/28/2012
- Web & UI
- 1280 x 1000 px
- vector
- Adobe Photoshop
Files Included
Designer
-
Tony Thomas
MediaLoot Designer
License
By purchasing or downloading this item you are agreeing to abide by all terms and conditions laid out in the MediaLoot License Agreement.
View the full license →
Comments
Nice work.
How about the Browser Compatibility?
Super duper! Thanks!
Good Job, thanks for the resources.
Hey Ramakanth,
We’ve tested it in IE 7+, Chrome, and FireFox for Windows, and Safari, Chrome, and FireFox for Mac, so it should be very cross browser compatible. If you run into any trouble, let us know!
- Natalie
Congratulations for the great job and thanks for sharing
Thanks .. nice =)
I’m experiencing a flicker, which means the HTML is loading before the JQuery is loaded.
To illustrate, I see the modal window on load and then it disappears.
I pull JQuery from Google and it appears within the Header above the HTML.
The way this is written, it relys on JQuery to hide the modal windows. But if JQuery loads slowly, it will cause a flicker.
The solution to this is to made the window invisible by default: visibility:hidden and then on click make it visible. I know this can be done…
Anyone?
I found a simple solution.
Before, I was adding: style=“visibility:hidden” to the div of the modal-window. This didn’t work so I couldn’t figure it out.
But when I used style=“display:none” to the div, it works. The flicker is gone!
Thanks for the simple script!
Good One! Good Job Done….....
These are really cool! Thanks!
Hey man, good job, really good! i go recommend Medialoot to my friends
Hi, thanks for this great freebie!
Great work I love your site very much
Got inspired at first look. It’s clean and stylish 
This is called Awesome. Seller giving us his premium design to us.. that’s we called him Awesome..
vntsla kupmgx christian louboutin jeweled shoes louboutin outlet face christian louboutin outlet npqbvcrj ugg ビーチサンダル ugg ムートンブーツ アグ 販売店 rtjqoqh cqnshea omezc HTML/CSS Modal Web Boxes | MediaLoot srlbtis beams moncler モンクレールコート モンクレール ダウン メンズ ivlidonq ugg outlet rehoboth beach ugg boots outlet ugg boots zip ebxbhftt