Skip to content

Latest commit

 

History

History
43 lines (26 loc) · 1.72 KB

README.md

File metadata and controls

43 lines (26 loc) · 1.72 KB
Raw

InSiteFrame

InSiteFrame

InSiteFrame is a versatile JavaScript plugin designed to enhance user engagement on your website. It allows secure, third-party content to slide in seamlessly, providing users with additional information without navigating away from your site.

Features

  • Secure Slide-In Frames: Only allows HTTPS content to be embedded, ensuring secure browsing for users.
  • Sleek User Interface: Features a minimalistic, easy-to-use interface complete with lock icons for secure sites.

Quick Start

  1. Include the InSiteFrame CSS and JavaScript in your page:
<!-- InSiteFrame Stylesheet -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/hardikforall/InSiteFrame/insiteframe.css">
<!-- InSiteFrame Script -->
<script src="https://cdn.jsdelivr.net/gh/hardikforall/InSiteFrame/insiteframe.css"></script>

you can use above cdn links or download files directly

Thats it! The InSiteFrames will be actibvated.

Configuration

  • Use the data-title="Your Title" to show Title to the InSiteFrames. Default it will take Link Text as Title
  • Use the data-skip-iframe attribute to have links open in a new tab instead of in an InSiteFrames.
  • Apply the data-force-iframe attribute to force non-target="_blank" links to open in an InSiteFrames.

Styling

Customize InSiteFrame by editing the insiteframe.css file. Override the default styles to match your site's aesthetics.

Contribution

Your contributions are welcome! Please fork the repository, add your code improvements, and submit a pull request.

License

InSiteFrame is open-source software released under the MIT License. See LICENSE for more details.