Hi everyone, I need help edit my template. See pictures below:
You can see that the main area is not covered with a block, so it shares the same background with the page. I want it to be covered just like two side columns so that it will have a different background with the page, may be share the same background with two side columns.
If you don't mind I even want those 3 columns to stay in one "big column" just like most of template.
<?php
/**
* @subpackage tpl_framelab
* @copyright Copyright (C) 2011 Linelab.org. All rights reserved.
* @license GNU General Public License version 3
*/
defined('_JEXEC') or die;
define( 'YOURBASEPATH', dirname(__FILE__) );
$left_width = $this->params->get("leftWidth", "260");
$right_width = $this->params->get("rightWidth", "260");
$temp_width = $this->params->get("templateWidth", "1000");
$siteslogan = $this->params->get("siteslogan", "Beautiful Joomla Templates - Linelab.org");
$sitetitle = $this->params->get("sitetitle", "Framelab Free HTML5 Joomla Template");
$col_mode = "s-c-s";
if ($left_width==0 and $right_width>0) $col_mode = "x-c-s";
if ($left_width>0 and $right_width==0) $col_mode = "s-c-x";
if ($left_width==0 and $right_width==0) $col_mode = "x-c-x";
$temp_width = 'margin: 0 auto; width: ' . $temp_width . 'px;';
$slide = $this->params->get('display_slideshow', 0);
$slidecontent = $this->params->get('slideshow', '');
?>
<?php echo '<!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>
<?php
require(YOURBASEPATH . DS . "tools.php");
?>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css">
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/framelab/css/styles.css" type="text/css" media="screen,projection">
<link href="http://fonts.googleapis.com/css?family=Lekton" rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css'>
<script src="<?php echo $this->baseurl ?>/templates/framelab/js/browserdetect.js" type="text/javascript"></script>
<script src="<?php echo $this->baseurl ?>/templates/framelab/js/Modernizr.js" type="text/javascript"></script>
<script src="<?php echo $this->baseurl ?>/templates/framelab/js/ie_suckerfish.js" type="text/javascript"></script>
<!--[if IE 7]>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/framelab/css/styles.ie7.css" type="text/css" media="screen,projection" />
<![endif]-->
</head>
<body>
<div class="topground"></div>
<div id="main">
<div id="wrapper">
<header id="header">
<jdoc:include type="modules" name="position-0" style="none"/>
<div class="logo">
<a href="index.php" id="logo" title="<?php echo $sitetitle ?>"><?php echo $sitetitle ?></a><p class="slogan"><?php echo $siteslogan ?></p>
</div>
</header>
<div id="nav">
<div class="menu">
<jdoc:include type="modules" name="position-1" style="none"/></div>
</div>
<div id="message">
<jdoc:include type="message" style="none"/>
</div>
<?php if ($this->countModules('position-12')) : ?>
<div id="showcase">
<div class="showcaseimg">
<?php if ($slide == 1) { ?>
<div class="videos"><jdoc:include type="modules" name="user4" style="xhtml"/>
</div>
<?php } else { ?>
<div class="videos"><jdoc:include type="modules" name="user4" style="xhtml"/></div>
<?php } ?>
</div> </div>
<?php endif; ?>
<article id="main-content" class="<?php echo $col_mode; ?>">
<div id="colmask">
<div id="colmid">
<div id="colright">
<div id="col1wrap">
<div id="col1pad">
<div id="col1">
<?php if ($this->countModules('position-2')) : ?>
<div class="breadcrumbs-pad">
<jdoc:include type="modules" name="position-2"/>
</div>
<?php endif; ?>
<div class="component">
<jdoc:include type="component" style="none"/>
<?php if ($this->countModules('position-3 or position-4 or position-5')) : ?>
<section id="main2" class="spacer2<?php echo $main2_width; ?>">
<jdoc:include type="modules" name="position-3" style="xhtml"/>
<jdoc:include type="modules" name="position-4" style="xhtml"/>
<jdoc:include type="modules" name="position-5" style="xhtml"/>
</section>
<?php endif; ?>
</div>
<?php if ($this->countModules('position-9')) : ?>
<div class="spacer">
<jdoc:include type="modules" name="position-9" style="xhtml"/>
</div>
<?php endif; ?>
</div>
</div>
</div>
<?php if ($left_width != 0) : ?>
<aside id="col2">
<jdoc:include type="modules" name="position-7" style="rest"/>
</aside>
<?php endif; ?>
<?php if ($right_width != 0) : ?>
<aside id="col3">
<jdoc:include type="modules" name="position-6" style="rest"/>
</aside>
<?php endif; ?>
</div>
</div>
</div>
</article>
</div>
<?php if ($this->countModules('user1 or user2 or user3')) : ?>
<div id="main3" class="spacer<?php echo $main3_width; ?>">
<div class="centerbox" style="width:<?php echo $temp_width; ?>">
<jdoc:include type="modules" name="user1" style="xhtml"/>
<jdoc:include type="modules" name="user2" style="xhtml"/>
<jdoc:include type="modules" name="user3" style="xhtml"/>
</div>
</div>
<?php endif; ?>
<footer id="footer">
<jdoc:include type="modules" name="footerload" style="none"/>
</footer>
<div id="debug">
<jdoc:include type="modules" name="debug" style="none"/>
</div>
</div>
<?php if ($this->countModules('position-12')) : ?>
<div id="slide">
<?php if ($slide == 1) { ?>
<jdoc:include type="modules" name="position-12" style="none"/>
<?php } else { ?>
<img src="<?php echo $this->baseurl ?>/<?php echo $slidecontent; ?>" alt="" />
<?php } ?>
</div>
<?php endif; ?>
</body>
</html>
Hope you can help. One more thing, can you find out where my template put the js file because when I try to merge or do anything to js files with joomla module it result in error displaying, I must leave everything untouched. Please help
