🎥 Video Frame Generator– User Guide

Welcome to the Video Frame Generator, a powerful tool that lets you embed YouTube, Rumble, or Vimeo videos inside beautifully customizable frames — perfect for homepage embeds, portfolios, IMVU profiles, or project showcases!

---

🔧 What It Does

This tool allows you to:

• Embed a video with a stylish frame.
• Customize padding, borders, shadows, and rounded corners.
• Choose between solid or gradient backgrounds.
• Add a support link (e.g., “Generated by NekyPop!”).
• Export and import your designs.
• Copy ready-to-use HTML code for any website.

---

🧭 How to Use It

1. Paste Your Video URL

• Go to the “Video Source” section.
• Enter a link from YouTube, Rumble, or Vimeo.

Example:

arduinoCopyEdithttps://www.youtube.com/watch?v=dQw4w9WgXcQ

---

2. Customize Your Frame

🧱 Padding

• Use the slider to set the space between your video and the frame’s inner edge.

🎨 Background

• Click either “Solid” or “Gradient”:
  • Solid: Choose one color.
  • Gradient: Choose type (Linear/Radial), angle/shape, and add up to 10 color stops.

⬛ Border

• Set width, color, and style (solid, dashed, double, etc.)

🔘 Corner Radius

• Round the corners of your video frame for a smoother look.

🌫️ Shadow

• Toggle on/off and adjust X, Y, blur, and spread.
• Pick the shadow color too.

---

3. Add Support Link (Optional)

• Enable the “Support NekyPop!” checkbox.
• Customize the text, font size, colors, and preview it live.

---

4. Export / Import / Reset

• Export Settings: Download a .json file to save your design.
• Import Settings: Upload a saved .json file.
• Clear All Settings: Reset everything to default.

---

5. Copy Embed Code

• Scroll to the “Generated Embed Code” section.
• Click “Copy Code” to use in:
  • WordPress HTML blocks
  • IMVU Homepages
  • Any custom website

---

💡 Tips

• Hover or tap controls to reveal their current values.
• Gradient stops must be between 0% and 100%.
• Shadow spread accepts negative values for tighter effects.
• Every setting you change is saved in local storage, so your progress won’t be lost when refreshing the page.

---

🛟 Supported Video Platforms

✅ YouTube
✅ Rumble
✅ Vimeo

Paste the full video link, and the tool will automatically convert it to an embeddable version.

---

🧩 Use Cases

• Showcase a video in your art portfolio
• Embed tutorials or trailers in your personal site
• Stylize content for digital product pages
• Embed IMVU product previews inside a framed layout

---

❤️ Powered by NekyPop

Don’t forget to support the creator by keeping the support link enabled, or visiting:
🔗 https://nekypop.com

🛍️ Use Case: IMVU Product Gallery Generator

The IMVU Product Gallery Generator is a web-based tool that helps IMVU creators and shop owners build beautifully styled product displays to embed on their IMVU homepage, blogs, or personal websites. With full control over layout, styling, and content, it lets you:

• Show off your products with images, prices, and links
• Customize the appearance to match your brand or homepage
• Generate copy-paste-ready HTML with no coding required
• Preview your layout live as you build it
• Import/export settings for future edits or backups

Perfect for creators who want a visually attractive way to promote their catalog items and boost sales.

---

🧭 Step-by-Step Guide

1. Add Your Products

• Click “Add Another Product”
• Fill in:
  • Product Name (e.g. Galaxy Spark Aura)
  • Description (optional short text)
  • Price (Credits) (e.g. 699)
  • Image URL (hotlink from IMVU catalog, Catbox, etc.)
  • Product Link (link to the IMVU shop item)

You can add multiple items, reorder them, duplicate them, or remove any.

---

2. Style the Gallery

Under Gallery Configuration, you’ll find sections to tweak:

• Gallery Styling – background, spacing, alignment
• Tile Styling – size, colors, borders, and shadows
• Image Settings – how images fit inside the tile
• Font Settings – font family, sizes, and colors for:
  • Product Name
  • Description
  • Price
  • Currency symbol (“CR”)

✅ Tip: Enable the optional “Support NekyPop!” link if you want to display a credit below your gallery.

---

3. Live Preview

As you edit, the right side shows a real-time preview in dark or light mode.
You can toggle the mode with the switch above the preview.

---

4. Get the Code

Scroll to the HTML Snippet Code box:

• Click “Copy Code”
• Paste it into your IMVU homepage (or any HTML space)

Done! ✨ Your product tiles will display exactly as styled.

---

5. Save or Reload Your Work

• Click “Export Settings” to download your current setup (.json file)
• Use “Import Settings” to load it again later
• Click “Clear All” to start fresh (resets styles + products)

---

✅ Why Use This?

• Zero coding knowledge needed
• Consistent layout, no broken tables or floating boxes
• Looks great on all devices
• Saves you hours of manual HTML writing

🧰 Use Case: HTML/CSS Tabs Generator

The Tabs Generator app is a web-based tool designed to help users easily create custom-styled tabbed content sections using HTML and CSS — perfect for IMVU profiles, personal websites, landing pages, or dashboards.

Who it’s for:

• IMVU users wanting clean, organized profile layouts
• Creators who want to present categorized information (e.g. FAQ, product info)
• Web designers needing quick tab layout mockups
• Beginners learning HTML/CSS structure through visual tools

Key Features:

• Add and reorder multiple tabs
• Live preview with light/dark mode toggle
• Custom fonts, sizes, colors, spacing, borders, and more
• Tab image support
• Export & import designs as JSON
• One-click HTML + CSS code generation

---

📖 How to Use the Tabs Generator

🧱 1. Add Tabs

• Click “Add Tab” to create a new tab block.
• Set the tab label, content, and optional image URL for each tab.

🎨 2. Customize Global Styles

• Fonts & Sizes: Choose fonts for tab labels, content, and support link. Adjust sizes.
• Container: Set padding, background color, border, and radius of the entire tab box.
• Tab List: Control spacing between tabs, padding, background color, and border radius.
• Inactive, Hover, and Active Tabs: Define how each tab state looks (color, border, radius, etc.)
• Content Area: Customize padding, margin, background and text styles for tab content.
• Optional: Enable Support NekyPop to add a small link.

💡 3. Preview in Real Time

• Scroll to the Preview panel to see the live result.
• Toggle Light Mode on or off to check both themes.

💾 4. Save, Import, Reset

• Export: Save your current setup as a .json file.
• Import: Load a previously saved .json file to resume work.
• Reset: Wipe all settings and return to default.

🧩 5. Get Your Code

• Scroll to the Generated Code panel.
• Click “Copy Code” to get your ready-to-use HTML + CSS.

💼 Use Case: Floating Menu for IMVU or Custom Webpages

The Floating Menu Generator by NekyPop helps IMVU users, creators, and small website owners build floating sidebars that enhance navigation, drive traffic to key links, and customize their profile layout — all without touching a line of code.

Whether you’re linking to your IMVU shop, your social media, or adding visual flair with images, this tool makes it fast and intuitive. You can preview changes in real-time and copy the full CSS + HTML output when you’re ready.

Perfect for:

• IMVU profile customization
• Web-based portfolios
• Link hubs or promotional homepages
• Streamlined link access for desktop or mobile

---

🚀 Quick Start Guide

1. Choose Sidebar Position
   Select whether the menu appears on the left or right of the page.
2. Adjust Placement
   Fine-tune the top and side offset sliders to control where the sidebar floats.
3. Customize Appearance
   • Set background, border, padding, and spacing.
   • Enable transparency for a seamless overlay.
   • Personalize button size, radius, font, and colors.
4. Add Your Buttons
   Click “Add Item” to create a new button. Choose:
   • Text Link: Write the label and target URL.
   • Image Link: Paste a direct image URL and alt description.
5. Preview & Copy
   See changes instantly in the preview box.
   When ready, hit “Copy Code” and paste it into your IMVU homepage or website.
6. (Optional) Add a NekyPop Support Tag
   Check the box to include a small credit. You can style it to match your layout.

🌟 Use Case: IMVU Gallery Generator

The IMVU Gallery Generator is perfect for IMVU creators, shop owners, and profile stylists who want to show off product previews, room screenshots, outfit ideas, or art using a sleek HTML gallery.

Whether you’re a creator or just want to make your profile stand out, this tool lets you design a custom image gallery without writing a single line of code. Just copy, paste, and you’re done!

---

📖 How to Use the Generator

🖼️ Step 1: Add Your Images

• Click the “+ Add Image” button.
• Paste up to 24 image URLs (direct links to JPG, PNG, etc).
• Optionally, add overlay text and custom links for each image.

🎨 Step 2: Customize the Style

• Choose layout settings: how many columns, spacing, aspect ratio, etc.
• Adjust image borders, hover effects (like zoom or blur), and corner radius.
• Enable a CSS lightbox (popup on click) or set your own links per image.

🧪 Step 3: Preview It

• The Live Preview shows what your gallery will look like.
• Tweak settings in real time until you’re happy with it.

🧾 Step 4: Generate the HTML Code

• Click “Generate HTML Code”.
• Your finished gallery code will appear in the box below.
• Click “Copy Code” and paste it into an HTML panel on your IMVU homepage.

---

💾 Bonus Features

Add a “Powered by NekyPop” link (optional support)

Save your progress in your browser automatically.

Export your settings as a .json file.

Import saved settings later or share them with friends.

Guide

1. Paste your cursor image URL
   • Enter a direct link to your cursor image (.png or .gif).
   • Ideal size for IMVU homepages: 32×32 pixels or smaller for the best results. CursorGenerator
2. Adjust the click point (hotspot)
   • Set Offset X and Offset Y to tell where your cursor “clicks”.
   • Example:
     • (0,0) = top-left.
     • (16,16) = center if your image is 32×32. CursorGenerator
3. See a live preview
   • Click Generate Cursor CSS.
   • Hover over the preview box to see how your cursor will look on your IMVU homepage! CursorGenerator
4. Copy your custom code
   • After generating, click Copy Code.
   • This will copy a ready <style>...</style> block to your clipboard. CursorGenerator
5. Add it to your IMVU homepage
   • Paste the copied code into the “Edit” > “About Me”, “Interests”, or any text panel where you can paste HTML.
   • Save, and your IMVU homepage will now have a custom cursor! 🎯 CursorGenerator

---

✨ Extra Tips for IMVU

• Your cursor image must be hosted directly (ending in .png, .jpg, .gif).
• Hotlinking must be allowed by your image host. (Use imgur, imgbb, etc.)
• Larger images or heavy files may not work properly or cause lag.
• Some homepage panels block scripts — if it doesn’t work in one section, try another. CursorGenerator

---

Summary for IMVU Users:
→ Upload your image.
→ Set click point.
→ Copy CSS.
→ Paste into your homepage panels.
→ Enjoy your custom cursor on IMVU!