Insert external page like a social media share

Insert external page like a social media share

This function will grab the image, title and first X characters from a remote source and display similarly as Facebook or Twitter when a URL is ...

Notice: Undefined variable: slideshow in /home/cmsenerg/public_html/modules/mod_cmse_articles_latest/tmpl/_slideshow.php on line 223

Notice: Undefined variable: slideshow in /home/cmsenerg/public_html/modules/mod_cmse_articles_latest/tmpl/_slideshow.php on line 223
Insert BandsInTown tour chart

Insert BandsInTown tour chart

Display tour charts from Bands In Town section cols2 col-wrap col bandsintown="Wallows|true|true|3|true" /col col /col /section

Notice: Undefined variable: slideshow in /home/cmsenerg/public_html/modules/mod_cmse_articles_latest/tmpl/_slideshow.php on line 223

Notice: Undefined variable: slideshow in /home/cmsenerg/public_html/modules/mod_cmse_articles_latest/tmpl/_slideshow.php on line 223

Notice: Undefined variable: slideshow in /home/cmsenerg/public_html/modules/mod_cmse_articles_latest/tmpl/_slideshow.php on line 223

Notice: Undefined variable: slideshow in /home/cmsenerg/public_html/modules/mod_cmse_articles_latest/tmpl/_slideshow.php on line 223
Create custom forms

Create custom forms

section cols2 col-wrap col Easily add forms to a Joomla article with the intuitive form builder available while creating the article. No need to ...

Notice: Undefined variable: slideshow in /home/cmsenerg/public_html/modules/mod_cmse_articles_latest/tmpl/_slideshow.php on line 223

Notice: Undefined variable: slideshow in /home/cmsenerg/public_html/modules/mod_cmse_articles_latest/tmpl/_slideshow.php on line 223
Insert Giphy animated stickers and gifs anywhere

Insert Giphy animated stickers and gifs anywhere

Insert animated gifs from Giphy.com similarly as done at Facebook and Twitter. Just enter search terms, click the image and insert the ...

Notice: Undefined variable: slideshow in /home/cmsenerg/public_html/modules/mod_cmse_articles_latest/tmpl/_slideshow.php on line 223

Notice: Undefined variable: slideshow in /home/cmsenerg/public_html/modules/mod_cmse_articles_latest/tmpl/_slideshow.php on line 223

A fullwidth banner template file for Joomla banner module

A fullwidth banner template file for Joomla banner module

This custom banner module template will allow for a full width, screen responsive banner that will get the attention of your visitors. The image banner will function just like the lead banner shown on this website.

You may need to make a small site template adjustment, if your template does not have an module position in an element outside a single main wrapper element.

Example

wrapelement

 

If there is a module position in a wrapper that will not break the whole page, edit the inline CSS included within the custom banner module template's coding, to adjust the element(s) as needed for display. Change the class names to those used in your site template.

//--------[ Inline CSS . adjust as needed ]----------//
JFactory::getDocument()->addStyleDeclaration('

div.leaderboardwrap {
	background-color: #111111;
	border-bottom: 0 !important;
}
//----[ The wrapper with a relative position to allow positioning of the floating text box ]-----//
div.leaderboardwrap div.lead-inner {width: auto !important; position: relative;}

//------[ Commands for the image behavior ]-------//
div.leaderboardwrap img {
	display: block;
	height: auto;
	width: 100%;
}

//-----[ The text box behavior ]-----------//
div.lead-inner span.textbox {
	display: block;
	position: absolute;
	font-family: BebasNeueRegular;
	font-size: 26px;
	background: #ffffff;
	bottom: 0;
	left: 50px;
	color: #cd0000;
	padding: 10px;
	width: 30%;
}

');

How to use

  • FTP upload the file leadbanner.php to modules/mod_banners/tmpl (there is no installer function)
  • Create the fullwidth banner category in Components > Banners > Categories
  • Create the banners as usual and assign to the fullwidth category
    Add alt text to show the text overlay
  • Create a new Banner module and assign to the position
  • Select the fullwidth category
  • Select the 'leadbanner' template

Of course the image you use must be wide enough to span the the window. The average big screen width is 1920px.

Copyright © 2020 CMSEnergizer.com. All Rights Reserved.
This website is powered by the Joomla!©™ 3 Website Framework | File download and article manager component by CMSE Custom Fields | Website hosting and development by WebsiteDons

CMSEnergizer.com is owned and operated by Emuzement Net Inc, Tampa, Florida USA