Ninja Flashed module Installation, configuration and usage This tutorial will show you how to install, configure and use Ninja Flashed module
Author: Igor Mihaljko Date: 24. May 2008
Ninja Flashed module
Table of Contents Preface..................................................................................................................................................... 3 Introduction............................................................................................................................................. 3 Ninja Flashed module installation ........................................................................................................... 4 Ninja Flashed module configuration ....................................................................................................... 5 Ninja Flashed module frontend ............................................................................................................... 8 Conclusion ............................................................................................................................................... 8
Author: E-mail: Date:
Igor Mihaljko support@ninjoomla.com 24. May 2008
2
Ninja Flashed module
Preface Welcome, aspiring Ninja. This tutorial will explain how to install, configure and use Ninja Flashed module. Tutorial will cover all the steps that are needed to go through to module installation, configuration and customization.
Introduction Ninja Flashed module will help you to easy add videos and flash files in module positions on your website. You can add videos by just placing the video ID in a field... no embed codes needed!
Supported Video Servers: Youtube IFilm Veoh MegaVideo MetaCafe DailyMotion Google Video Youtube Video Supported Files: You can put in module locally saved video in SWF format
Unsupported Video Servers: If your video server is not supported by this module, you can still use it to show video on your web site. All you need is embed code from video server which you can than paste in one of module’s backend parameters. Let's start the tutorial by installing the Ninja Flashed module. Log into the Joomla Administrator Panel and follow the steps to install module.
Author: E-mail: Date:
Igor Mihaljko support@ninjoomla.com 24. May 2008
3
Ninja Flashed module
Ninja Flashed module installation Click “Installers” -> “Modules”:
Picture 1: Install new module
Click the “Browse” button and choose the Ninja Flashed module archive on disk to install.
Picture 2: Click the “Upload File & Install” button
Click on the “Upload File & Install” button to install module. After few moments (this depends on your network and internet speed) the screen with message that installation was successful should appear.
Picture 3: Click on the "Continue" link When the module is successfully installed you should do some initial so the module will be customized according to your needs and wishes. Let’s do that now. Author: E-mail: Date:
Igor Mihaljko support@ninjoomla.com 24. May 2008
4
Ninja Flashed module
Ninja Flashed module configuration Click “Modules” -> “Site modules”:
Picture 4: Start module configuration screen
Choose the Ninja Flashed module:
Picture 5: Choose Ninja Flashed module
Set the „Published“ state to „Yes“ and make some customization to the module parameters. Following is the list of the options that can be configured with this module, divided in three parts.
Picture 6: The first part of the module parameters
Unique ID – Please enter a unique ID to show the Flash file on your webpage. You can show more videos in the same time by copying this module in module manager and providing different ID for each of them Type – Select between Flash Video File and one of the video providers. Author: E-mail: Date:
Igor Mihaljko support@ninjoomla.com 24. May 2008
5
Ninja Flashed module
Show Video Title – Choose to show the video title or not Title – Insert the Video Title if you want to show one. Parameter Show Video Title must be set to TRUE in case you want to show this title on frontpage Show Description – Choose if you want to show description of the video after it Description – Input here description of the video to be shown on frontpage CODE – If you choose „Not Supported“ as video Type you can put here embed code from video server. In that way you can use this module to show videos on your site even if video server is not natively supported by this module. Fill this field only if you choose „Not Supported“ as video Type
Picture 7: The second part of the module parameters
Adress/ID – Simply insert the Flash File Video Adress or the video server ID here Width – Width of the flash movie Height – Height of the flash movie Flash Movie Quality – Select the quality of your flash movie. You have a broad range of choices for this parameter with which you can customize frontend representation Align – Select align of the Flash Movie inside the module Auto Start Play – Select if you want to play the movie on page load Loop Movie after play – Choose if you want to auto restart the movie after it finishes
Picture 8: The third part of the module parameters Author: E-mail: Date:
Igor Mihaljko support@ninjoomla.com 24. May 2008
6
Ninja Flashed module
Fit Definitions – You have three choices for this parameter o The movie will fit all the space it has. No ratio. (can distort) o The movie will fit all the space it has. With Ratio. (can cut) o The movie will not fit all the space it will be the biggest with ratio (can show borders) Show Definition – Select how the movie will be related with other page elements. You have three choices for this parameter o The movie plays in its own rectangular window on a web page o The movie hides everything on the page behind it o The movie will show all transparent and can be hided by other elements (can slow) Background Color – Hexadecimal RGB value] in the format #RRGGBB. Specifies the background color of the movie. Use this attribute to override the background color setting specified in the Flash file. This attribute does not affect the background color of the HTML page. Menu use – True displays the full menu, allowing the user a variety of options to enhance or control playback. False displays a menu that contains only the Settings option and the About Flash option. Allow Full Screen – True will allow full screen use. False will not allow full screen! Allow Script Access – True will allow script access. False will not allow it! Module Class Suffix – A suffix to be applied to the css class of the module (table.moduletable), this allows individual module styling
When you are satisfied with the chosen configuration option, click on the „Save“ button.
Picture 9: Save Ninja Flashed module configuration
Author: E-mail: Date:
Igor Mihaljko support@ninjoomla.com 24. May 2008
7
Ninja Flashed module
Ninja Flashed module frontend When you are done with the Ninja Flashed module configuration this is how it will look on frontend of your site:
Picture 10: Ninja Flashed module on frontend
Conclusion This concludes my tutorial about installation, configuration and usage of the Ninja Flashed module. I hope that this tutorial will be useful to some of you. If you have any questions regarding this module, please, leave message on Ninjoomla support forum which supplies important information and helps you with installing or customizing your Ninjoomla extensions in order to make it as easy as possible for you.
Author is working for Nijoomla extension club as freelancer in charge of writing extension documentation. You can reach him through contact form on his web site http://www.mihhavision.com or by writing him to email mihha@inet.hr.
Author: E-mail: Date:
Igor Mihaljko support@ninjoomla.com 24. May 2008
8