Skip to content

Site Design and Templates

Daniel Neto edited this page Mar 24, 2025 · 12 revisions

What design options do I have?

You have multiple customization options available on the AVideo platform:

  • 4 types of home page designs, including:

    1. Gallery style A clean grid layout that showcases the latest videos and categories.
      🔗 Live sample
      gallery

    2. Netflix (Flix) style
      Horizontal sliders by category, similar to the Netflix interface.
      🔗 Live sample
      flix

    3. Channel-focused style
      The homepage displays videos grouped and prioritized by channel.
      channel

    4. Player First Page
      The main page is a full video player focused on a specific video.

  • 19 themes

  • 10 different player skins

This provides you with nearly 800 possible combinations of layout and appearance.

You can switch designs:

  • Directly from the plugin manager
  • Or by accessing:
    Admin Panel → Customize Advanced → Design First Page settings

Add custom CSS or JavaScript

In addition to combining existing designs, you can also inject your own custom CSS or JavaScript.

There are two recommended ways to do this:

1. Via Admin Panel

Go to:
Admin Panel → Customize Advanced → Script Code → Head Code

You'll find a text area to paste your custom code:

Head Code

2. Via Plugins

Some plugins allow injecting code as well:

Plugin Custom Code

⚠️ Do not modify core AVideo files directly. Doing so will prevent future updates from working properly and may result in lost changes.


Do you need more customization?

If the built-in options are not enough, you can develop your own custom plugin to control the home page design.

To do this, you will need:

  • Knowledge of PHP, HTML, and CSS
  • Preferably experience with Bootstrap 3

I recommend copying the existing Gallery plugin, renaming it, and using it as a starting point to build your own design.


Can I hire you to create a design for me?

At the moment, we do not offer design customization services.


Can I hire you to teach me how to code?

Currently, we do not provide coding instruction, but you are welcome to use our GitHub repository to ask questions, including technical and development-related inquiries.

Clone this wiki locally