Joomla Templates Club 406,261 posts

[infomathmods Friend infomathmodsJoin date: December 2009Posts: 70Downloads:81Uploads:17 Thanks: 16]

#169598

I’m using the ‘default’ profile in all the pages of my site except for a page where I want to keep the top bar and the menu only. Then, the rest of the middle content should be an iframe (wrapper) without any left and right margin. So, I have created a new profile with a specified width (100%), but the result is not that good, as you can see from the attachment:
1) the menu and the top banner are not centered, as on the rest of the site where the template width is set as “wide”, but it is left aligned, no more centered as before.
2) it seems that there is no way to completely remove the left and right margins (the ones in light blue) so that the iframe might appear as completely included in my site. I’ve seen that there are no margins in the ‘iphone’ profile, so maybe I should copy some of the settings from that profile to get what I want.

---

Attachments:

1. 

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

#418828

Hi,
Could you give me a link to your website?

[infomathmods Friend infomathmodsJoin date: December 2009Posts: 70Downloads:81Uploads:17 Thanks: 16]

#418895

www DOT hyp2012 DOT eu

Thanks

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

#419124

You replace this code from /components/com_wrapper/views/wrapper/tmpl/default.php


<script type="text/javascript">
function iFrameHeight() {
var h = 0;
if (!document.all) {
h = document.getElementById('blockrandom').contentDocument.height;
document.getElementById('blockrandom').style.height = h + 60 + 'px';
} else if (document.all) {
h = document.frames('blockrandom').document.body.scrollHeight;
document.all.blockrandom.style.height = h + 20 + 'px';
}
}
</script>
with


<script type="text/javascript">
$('ja-container').setAttribute('class',$('ja-container').getAttribute("class")+' iframe');
function iFrameHeight() {
var h = 0;
if (!document.all) {
h = document.getElementById('blockrandom').contentDocument.height;
document.getElementById('blockrandom').style.height = h + 60 + 'px';
} else if (document.all) {
h = document.frames('blockrandom').document.body.scrollHeight;
document.all.blockrandom.style.height = h + 20 + 'px';
}
}
</script>
You add this code into /templates/ja_social/css/template.css


.iframe .main{
max-width:none;
}

[infomathmods Friend infomathmodsJoin date: December 2009Posts: 70Downloads:81Uploads:17 Thanks: 16]

#419131

Thank you! The margins have finally disappeared. Unfortunately the top bar is still left aligned instead of centred, as in the rest of the site, but it’s not that important.

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

#419212

I reviewed your website and I realize that LOGISTICS AND REGISTRATION page has


/*dynamic css*/

body.bd .main {width: 100%;}
body.bd #ja-wrapper {min-width: 100%;}
another pages have


/*dynamic css*/

body.bd .main {width: 950px;}
body.bd #ja-wrapper {min-width: 950px;}

I guess that you changed default configuration of LOGISTICS AND REGISTRATION. If you give me username+password of backend, I will solve it.

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

#419308

I remove row 92 in PROFILE OVERRIDE SETTINGS, so margin appears again. Because I can’t modify your template.css, so you add this code into /templates/ja_social/css/template.css


body.bd #ja-container .main
{
width:100%;
}


[infomathmods Friend infomathmodsJoin date: December 2009Posts: 70Downloads:81Uploads:17 Thanks: 16]

#419316

I think I didn’t explain properly what I wanted to get, because with the last thing you asked me to modify the home page is too large. What I would like to have is:
– all the pages have the jasocial default profile, maincontent-let-right, with margins on the left and on the right, just like the demo version
– only in my Logistics page, as I need to insert an iframe which is a bit larger than the current jasocial main content (the position used for articles), I was trying to find a way to have that page only to be 100% wide, without any margins (I wouldn’t like to have horizontal scrollbars in my iframe)
– I managed to do this, but all the section above the main content (horizontal menu, logo and so on…) are left aligned instead of centered aligned, as in the rest of the site. Can it be fixed? Or is this due to the iframe I inserted?

thank you

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

#419322

Oh, I’m very very sorry.
I have a mistake. I review your configuration for Logistics, thank you. Now, you just add this code into template.css

body.bd #ja-container .main
{
width:100%;
}

[infomathmods Friend infomathmodsJoin date: December 2009Posts: 70Downloads:81Uploads:17 Thanks: 16]

#419326

I’ve added the code but the result is still the same: larger home page, narrow Logistics. Do I have to apply a different profile for Logistics?

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

#419332

You change


body.bd #ja-container .main
to


body.bd #ja-container.iframe .main
You clean cache by delete all of files of /cache and /t3-assess.

1 user says Thank You to khoand for this useful post

1. infomathmods

[infomathmods Friend infomathmodsJoin date: December 2009Posts: 70Downloads:81Uploads:17 Thanks: 16]

#419339

Ok, that’s exactly what I wanted! Thank you

[Author]

Posts