Public Forums 71,145 posts

[sdbeerpong Friend sdbeerpongJoin date: February 2008Posts: 15Downloads:0Uploads:1 Thanked: 1 times in 1 posts]

#138790

Is it possible to put he entire template in a table so we can have two more cells on wither side of the main body where we can load modules. This would give us the ability to have the images on the side of the main body rotate with banner modules to take use of that space on the sire besides changing static images all the time.

example.

have the yellow areas be module positions. I image this is as simple as making a 3 coulum table, putting the entire body inside of the middle column and module position tags in the left and right colums.. I am working with jasadine template just need to know where and what exactly to add

Thanks in advance.. Also this would be a good feature for you guys to include in all your future templates… This is valuable realestate for advertising!

…this would work for japurity as well.

---

Attachments:

1. 

1 user says Thank You to sdbeerpong for this useful post

1. datatrond

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#294445

Not sure what you mean by the image you posted . . . but why not simply create the additional module positions you require – while modifying the css of the existing module positions so you can fit it all in?

[sdbeerpong Friend sdbeerpongJoin date: February 2008Posts: 15Downloads:0Uploads:1 Thanked: 1 times in 1 posts]

#294474

thats what I am asking, how do I modify my index.php and css file to be able to put module positions there.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#294475

<em>@sdbeerpong 115890 wrote:</em><blockquote>thats what I am asking, how do I modify my index.php and css file to be able to put module positions there.</blockquote>
There are all kinds of tutorials throughout the web – and especially on the Joomla.org site – that provide you with the knowledge/tools to learn how to accomplish all kinds of things within the Joomla file structure.

Are you familiar with CSS? I ask because adding module positions in Joomla is fairly simple and follows the basic div/css layout methods. What I would also suggest you do is take a look through your index.php file and corresponding css files and see how things are layed out – that’s exactly how Iearned.

[datatrond Friend datatrondJoin date: January 2008Posts: 18Downloads:0Uploads:2 Thanks: 4]

#301055

<em>@sdbeerpong 115849 wrote:</em><blockquote>

Thanks in advance.. Also this would be a good feature for you guys to include in all your future templates… This is valuable realestate for advertising!

</blockquote>

VERY qood post sdbeerpong!
I’m running several sites that need this Ad module positions!

[bigbosspassion Friend bigbosspassionJoin date: May 2009Posts: 2Downloads:0Uploads:0]

#305650

Thanks..i was having same problem but solved now.

Regards

[datatrond Friend datatrondJoin date: January 2008Posts: 18Downloads:0Uploads:2 Thanks: 4]

#305655

bigbosspassion: Perhaps you are willing to share the solution to your problem with the rest of us? 🙂

[nguyenhuu quang Friend nguyenhuu quangJoin date: September 2014Posts: 1087Downloads:0Uploads:3 Thanks: 29 Thanked: 328 times in 288 posts]

#305667

open you index.php
at bottom page before close body tag </body>
add:

<div id="AdsRight">

<jdoc:include type="modules" name="floatright" />

</div>
<div id="AdsLeft">

<jdoc:include type="modules" name="floatleft" />

</div>

before close tag </header>
add:

<script language="javascript" type="text/javascript" src="<?php echo $tmpTools->templateurl(); ?>/js/adv.js"></script>
<script language="javascript" type="text/javascript" src="<?php echo $tmpTools->templateurl(); ?>/js/bannerright.js"></script>
<script language="javascript" type="text/javascript" src="<?php echo $tmpTools->templateurl(); ?>/js/bannerleft.js"></script>


and open notepade or your editor like that: dreamware, notepade ++..
save this code to file called: adv.js and upload to your host/templates/your tempalte name/js/adv.js

<script type="text/javascript">

function f_clientWidth() {
return f_filterResults (
window.innerWidth ? window.innerWidth : 0,
document.documentElement ? document.documentElement.clientWidth : 0,
document.body ? document.body.clientWidth : 0
);
}
function f_clientHeight() {
return f_filterResults (
window.innerHeight ? window.innerHeight : 0,
document.documentElement ? document.documentElement.clientHeight : 0,
document.body ? document.body.clientHeight : 0
);
}
function f_scrollLeft() {
return f_filterResults (
window.pageXOffset ? window.pageXOffset : 0,
document.documentElement ? document.documentElement.scrollLeft : 0,
document.body ? document.body.scrollLeft : 0
);
}
function f_scrollTop() {
return f_filterResults (
window.pageYOffset ? window.pageYOffset : 0,
document.documentElement ? document.documentElement.scrollTop : 0,
document.body ? document.body.scrollTop : 0
);
}
function f_filterResults(n_win, n_docel, n_body) {
var n_result = n_win ? n_win : 0;
if (n_docel && (!n_result || (n_result > n_docel)))
n_result = n_docel;
return n_body && (!n_result || (n_result > n_body)) ? n_body : n_result;
}
</script>

save this code with name bannerright.js and upload to js directory (same below)

<script type="text/javascript">
var positionFooter;
var positionRight = 0;
var widthAds = 110;
var heightAds = 200;
var div = document.getElementById('divPositionRightBannerFloat');
if(div!=null)
positionRight = div.offsetTop;

document.getElementById('AdsRight').style.display = "block";
var yy = 0;
var toptop=0;
var beforeTop = 0;
// Hien thi quang cao truot phai
function ShowAds()
{
yy = f_clientWidth() - widthAds - 24;//padding left
toptop = (f_scrollTop() - beforeTop)/8;
beforeTop = toptop + beforeTop + 3;

if(beforeTop < 5)
document.getElementById('AdsRight').style.top = f_scrollTop() + 'px';
else
document.getElementById('AdsRight').style.top = beforeTop + 'px';

beforeTop = parseInt(document.getElementById('AdsRight').style.top.substring(0,document.getElementById('AdsRight').style.top.length - 2));

document.getElementById('AdsRight').style.left = yy + 'px';

document.getElementById('AdsRight').style.display = "block";

if(beforeTop < positionRight + heightAds)
document.getElementById('AdsRight').style.display = "none";

var divFooter = document.getElementById('divPositionFloatBannerFooter');
if(divFooter!=null)
positionFooter = divFooter.offsetTop;

if(beforeTop > positionFooter + heightAds)
document.getElementById('AdsRight').style.display = "none";

setTimeout('ShowAds()', 50);
}
ShowAds();
</script>

save this code with name bannerleft.js and upload to js directory (same below)

<script type="text/javascript">

// Hien thi quang cao truot trai
function ShowAds2()
{
yy = f_clientWidth() - widthAds - 24;//padding left
toptop = (f_scrollTop() - beforeTop)/8;
beforeTop = toptop + beforeTop + 3;

if(beforeTop < 5)
document.getElementById('AdsLeft').style.top = f_scrollTop() + 'px';
else
document.getElementById('AdsLeft').style.top = beforeTop + 'px';

beforeTop = parseInt(document.getElementById('AdsLeft').style.top.substring(0,document.getElementById('AdsLeft').style.top.length - 2));

document.getElementById('AdsLeft').style.right = yy + 'px';

document.getElementById('AdsLeft').style.display = "block";

if(beforeTop < positionRight + heightAds)
document.getElementById('AdsLeft').style.display = "none";

setTimeout('ShowAds2()', 50);
}
// Hien thi quang cao truot trai + phai

ShowAds2();

</script>

open your css file at bottom page
add:

#AdsRight{
z-index: 9999;
position: absolute;
width: 110px;
height: 200px;
display: none;
}
#AdsLeft{
z-index: 9999;
position: absolute;
width: 110px;
height: 200px;
display: none;
}

and then open templateDetails.xml file
add 2 positions

<position>floatright</position>
<position>floatleft</position>

Publish your modules to positions called floatright and floatleft

1 user says Thank You to nguyenhuu quang for this useful post

1. ecoxport

[andybezara Friend andybezaraJoin date: July 2007Posts: 23Downloads:0Uploads:2 Thanks: 3]

#306457

Hello

I already sent you an email to Joomlart. I really want to renew, but my templates need to have, at least this two module position

The only thing I need is to have one new module before “body position” and after “body position”.

Please, check the picture

Is it possible? If I can with JA Beryl, can I add this two module to another template?

Thank you

Andy

---

Attachments:

1. 

[nguyenhuu quang Friend nguyenhuu quangJoin date: September 2014Posts: 1087Downloads:0Uploads:3 Thanks: 29 Thanked: 328 times in 288 posts]

#306563

yes, U can do it.
if you cant pls contact via Private messages box

[jjhay Friend jjhayJoin date: September 2009Posts: 2Downloads:0Uploads:0 Thanks: 2]

#317591

Ah yes. I’d like to place ads on my site like the pic you showed but only on the
right side because i heard that’s where the best conversions are. The code in this
thread didn’t really help me I kept getting an error message. I’ll figure it out though
but atleast I now know it can be done.

Thanks.

James

[Author]

Posts