Picdome, you need to edit the index.php file inside the the template folder you are using. Look inside:
templates/name_of_your_template/index.php
Edit that file with an HTML or text editor.
STEP ONE: Add the default Joomla system message code, if neededIf this is an existing template you are using, it will probably already have the system message code somewhere where it will display Joomla's system messages:
Code:
<jdoc:include type="message" />
If it's not already there, you usually want to add it right above this code:
Code:
<jdoc:include type="component" />
STEP TWO: Load Mootools which will create the animated pop-up modal messageRight after the opening <head> tag, add this code:
Code:
JHTML::_('behavior.mootools');
JHTML::_('behavior.modal');
NOTE: Is you get a Mootools conflict error, your site is probably already loading Mootools. Try removing the this section of code.
STEP THREE: Add the JavaScript Code to automatically "pop-up" the system message"Right before the CLOSING </head> tag add this code:
Code:
<script type="text/javascript">
window.addEvent('domready', function(){
if( $('system-message') ){
SqueezeBox.initialize();
SqueezeBox.open( $('system-message'), {
handler: 'adopt',
shadow: true,
overlayOpacity: 0.5,
size: {x: 600, y: 100},
onOpen: function(){
$('system-message').setStyle('visibility', 'visible');
}
});
}
});
</script>
You can adjust the settings in the JavaScript code how you want.