User 19 - JoomlaXTC HTML Module
In the first User19 position we use a our JoomlaXTC HTML module to load a VIMEO Video in a responsive i-frame. Create a new Joomla HTML Module and insert the following mark up in the text area.
<div class="videoWrapper"> <iframe src="https://player.vimeo.com/video/13395858?title=0&byline=0" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> </div> <div class="newstext2"> <p>Dolor donec sagittis sapien. Ante aptent feugiat adipisicing. Duis interdum sed arcu et nullam eu</p> </div>
User19 - Deluxe Newspro Module
In the second User19 position we use our JoomlaXTC Newspro Module to create the a column of news articles with Pop Up Videos. Our Newspro Module is a JoomlaXTC extension and is available to Extensions Club, Combo Plan, and Developer Club Members and in the single Template Purchase Full Package. It is also pre configured and loaded into the Quickstart install version.
In order to recreate the layout you will first need to upload the Newspro Module to your Joomla install. If you are using the Deluxe Newspro from the Template package you can select the motif_video_user19 template from the Demo Templates included in the Module. If you purchased the module as stand alone you will need to configure it with the following settings:
Use the following mark up for the Module HTML and Main Content HTML:
Module HTML
{mainarea}
Main Content HTML
<div class="wallframe" style="margin-bottom:-24px;"> <img src="/{articleintroimageurl}" /> <span class="lang popuphover"> <i class="icon-play-circle animated pulse" style="margin:-33% 60% 0 40%;position:relative;z-index:14;text-shadow: 6px 6px 12px #000000;filter: dropshadow(color=#000000, offx=6, offy=6);font-size:46px;color:#fff;"></i> <span class="pop">{fulltext}</span> </div>
For more information on styling and configuring the Deluxe Newspro Module visit the full documentation HERE
