Add module position as background of another module postition

[the planet]

Hello forum.
I'm building a template from scratch for joomla 3 for a real estate website.
Im using joomla since 2011 and i know enough of how to use bootstrap for joomla 3, ofcourse improvement is needed too.
I want to build a design like this->http://amsolutions.weburl.ro/corporatex ... index.html, in which the map is a background of the filter/search.
Nothing else matters than this feature in which one module position for map is the background of another module position that is filter.

So, the question is how to assign 2 module positions that the one is the background of the other position?

[dilumtharaka]

Hi,

If you check that template, you can see that they have used a div with a class (<div class="span3">) for the search modules, and styled it with CSS.

Code: Select all

.span3 {
    float: right;
    margin-right: 80px;
    margin-top: -390px;
    position: relative;
    z-index: 0;
}
.span3 {
    width: 220px;
}

So what you should do is, assign the search module below the map (To a module position) and style it with CSS.


Hope this helps.

[JohnSmithers]

Is the original question not asking how you can overlay a module on top of another?

I'm assuming the map would be a module too; is there any way to layer Joomla modules on top of one another?

Perhaps there is a Joomla map extension with search facility? Such as this one with a two minute search on Google: http://www.demo-joomunited.com/my-maps- ... ion-search

[JTema]

Is the original question not asking how you can overlay a module on top of another?

I'm assuming the map would be a module too; is there any way to layer Joomla modules on top of one another?

Perhaps there is a Joomla map extension with search facility? Such as this one with a two minute search on Google: http://www.demo-joomunited.com/my-maps- ... ion-search

That is possible I think. At least I ve made such a thing here http://ttkder.org.tr/ you can see header is random image module changing image on every page loading and search module on it.

[Per Yngve Berg]

Use position:absolute.

http://www.w3schools.com/css/css_positioning.asp

[JTema]

Yes i also have used css absolute positioning.

[adclipvtv]

Hello forum.
I'm building a template from scratch for joomla 3 for a real estate website.
Im using joomla since 2011 and i know enough of how to use bootstrap for joomla 3, ofcourse improvement is needed too.
I want to build a design like this->http://amsolutions.weburl.ro/corporatex ... index.html, in which the map is a background of the filter/search.
Nothing else matters than this feature in which one module position for map is the background of another module position that is filter.

So, the question is how to assign 2 module positions that the one is the background of the other position?

I also have the same questions and unresolved it, someone can help me.?
phim sex, jav hd

[JTema]

You can use the codes below as an example;

these are html codes for index.php

Code: Select all

<div class="header_wrap">
<!-- RANDOM IMAGE -->
<div class="random-image">
<jdoc:include type="modules" name="<?php $this->('randomimage') ?>" style="raw" />
</div>
<!-- //RANDOM IMAGE  -->

<div class="head-search">
<jdoc:include type="modules" name="<?php $this->('head-search') ?>" style="raw" />
</div>

</div><!--end of header_wrap -->

these are css codes

Code: Select all

.header_wrap {
    height: 121px;
    position: relative;
}

.head-search {
    position: absolute;
    top: 20px;
}