Joomla Templates Club 406,261 posts

[harvas Friend harvasJoin date: September 2010Posts: 26Downloads:0Uploads:8 Thanks: 5 Thanked: 1 times in 1 posts]

#165872

I am trying to place a custom_html module on top of the slideshow (see image attached). I want it to cover both the main content and the right hand side. I have reviewed most of the related threads but without any clear answer. Any help would be greatly appreciated. My current default layout is shown below:


<?xml version="1.0" encoding="utf-8"?>
<layout name="desktop">
<!--Extra css load for this layout-->
<stylesheets>
</stylesheets>
<blocks name="top" style="xhtml">
<block name="top-panel" type="modules" style="jaraw" main-inner="1">top-panel</block>
<block name="header" type="header" main-inner="1"></block>
<block name="topbar" type="topbar"></block>
<block name="mainnav" type="mainnav"></block>
<block name="cpanel" type="usertools/cpanel"></block>
</blocks>
<blocks name="middle" colwidth="22">
<block name="content-mass-top" style="jaraw">content-mass-top</block>
<block name="content-top" type="spotlight">user1,user2,user3</block>
<block name="content-bottom">bottom</block>
<block name="inset2">left</block>
<block name="right-mass-top" style="jaraw">rightraw</block>
<block name="right2">right</block>
<block name="content-mass-bottom">content-mass-bottom</block>
</blocks>
<blocks name="bottom" style="xhtml">
<block name="botsl" type="spotlight" main-inner="1">user6,user7,user8,user9,user10</block>
<block name="navhelper" type="navhelper" main-inner="1"></block>
<block name="footer" type="footer"></block>
<block name="ie-rounded" type="ie-rounded" no-main="1" no-wrap="1"></block>
</blocks>
</layout>

---

Attachments:

1. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#399628

Hi,
– You add this code into pluginssystemjat3base-themesdefaultpagedefault.php

<?php if( $this->countModules('customposition') ): ?>
<div id="customposition" class="clearfix">
<jdoc:include type="modules" name="customposition" style="JAxhtml" />
</div>
<?php endif ?>
after

<div id="ja-container" class="wrap <?php echo $this->getColumnWidth('cls_w')?$this->getColumnWidth('cls_w'):'ja-mf'; ?>">
– You set position of your module is customposition

[harvas Friend harvasJoin date: September 2010Posts: 26Downloads:0Uploads:8 Thanks: 5 Thanked: 1 times in 1 posts]

#399655

Hi khoand,

Thanks for the prompt response. I have tried your suggestion but it seems that I have had various different results on different browsers (see attachments). A slight background on what I am trying to do. On the new position I have requested, I will place most probably an image map through a custom HTML. I want to center it on top of the slideshow covering the slideshow and the right column (i.e. width 960px). I have deployed your code and added the following to the templateDetails.xml:

<position>customposition</position>

The main style of the position should be something like:

style=”text-align:center; width:960px; margin-left:auto; margin-right:auto; padding-bottom:auto;

Your help is greatly appreciated.

---

Attachments:

1. 
2. 
3. 

[Author]

Posts