I have been using Joomla for some time and I used many versions and templates...
Recently I found this great template siteground-j16-5 but I need to add a flash header instead of a still image how can I do that. The code for the index.php and the template.css is below please help me.
hence i have already created the flash header in separate html file.
index.php
[code]<?php
/**
* @version $Id: index.php $
* @package Joomla.Site
* @copyright Copyright (C) 2009 - 2011 SiteGround.com - All Rights Reserved.
* @license GNU General Public License version 3 or later; see LICENSE.txt
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
// No direct access.
defined('_JEXEC') or die;
JHTML::_('behavior.framework', true);
/* The following line gets the application object for things like displaying the site name */
$app = JFactory::getApplication();
$tplparams = $app->getTemplate(true)->params;
?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">
<head>
<jdoc:include type="head" />
<!-- The following line loads the template CSS file located in the template folder. -->
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
<!-- The following line loads the template JavaScript file located in the template folder. It's blank by default. -->
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/CreateHTML5Elements.js"></script>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript">jQuery.noConflict();</script>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/sgmenu.js"></script>
</head>
<body class="page_bg">
<header>
<div class="logo">
<table cellpadding="0" cellspacing="0"><tr><td>
<h1><a href="<?php echo $this->baseurl ?>"><?php echo $app->getCfg('sitename'); ?></a></h1>
</td></tr>
</table>
</div>
<div class="top-menu">
<div id="sgmenu">
<jdoc:include type="modules" name="menuload" />
</div>
</div>
<div id="search">
<jdoc:include type="modules" name="position-0" />
</div>
</header>
<div id="header-img"></div>
<section id="content">
<?php if ($this->countModules( 'position-7 and position-4' )) : ?>
<div class="maincol">
<jdoc:include type="modules" name="breadcrumps" />
<?php elseif( $this->countModules( 'position-7' ) ) : ?>
<div class="maincol_w_left">
<?php elseif( $this->countModules( 'position-4' ) ) : ?>
<div class="maincol_w_right">
<?php else: ?>
<div class="maincol_full">
<?php endif; ?>
<?php if( $this->countModules('position-7') ) : ?>
<div class="leftcol">
<jdoc:include type="modules" name="position-7" style="rounded"/>
</div>
<?php endif; ?>
<div class="cont">
<jdoc:include type="message" />
<jdoc:include type="component" />
</div>
<?php if( $this->countModules('position-4') ) : ?>
<div class="rightcol">
<jdoc:include type="modules" name="position-4" style="rounded"/>
</div>
<?php endif; ?>
<div class="clr"> </div>
<jdoc:include type="modules" name="position-1" />
</section>
<footer>
<p style="text-align:center;"><?php $sg = ''; include "templates.php"; ?></p>
</footer>
</body>
</html>[/code]
template.css
Code: Select all
[i][size=85]#header-img {
background: url("../images/headerimg.jpg") no-repeat scroll center top transparent;[/size][/i]