As said, to adjust the border of the phpBB iframed, it can be done in several ways and doing a stupid test for a task
i've set the same padding into a template, like into this stupid example done in 2 min:
https://www.axew3.com/w3/w3forum/
the
overall_footer.html js code has been changed like this:
after this line:
Code: Select all
t.setAttribute("style", "position:fixed;top:0;left:0;width:100%;padding:0");
add the follow:
Code: Select all
$( "#wrap" ).wrap( "<div style='padding:10px 0;margin:0;'></div>");
into this fly example, you see that the space gap top/bottom of the iframe perfectly match vertically, and also horizontally, try to resize the width of the viewport so to force the resize of the iframe container, and see that the padding will be exactly 10px between it and the container.
And it can be forced to be the wanted dimension in several ways, this is just a fly example.
With these two lines of code, the exact padding of the phpBB can be managed exactly and as much we like.
Of course, CSS changes to fit the iframe at any needs can be manually applied at any level directly into the phpBB CSS or WP CSS. But these two lines of code, simply do the whole dirty job without having to look further more for anything else.
Assuming that the iframe resizer works only if javascript is enabled, and the user is invited to visit the phpBB at real url if the JS is not active into his browser, then we assume that these solutions are very good practice in this case.
As said, to adjust the border of the phpBB iframed, it can be done in several ways and doing a stupid test for a task
i've set the same padding into a template, like into this stupid example done in 2 min:
https://www.axew3.com/w3/w3forum/
the [i]overall_footer.html[/i] js code has been changed like this:
after this line:
[code]t.setAttribute("style", "position:fixed;top:0;left:0;width:100%;padding:0");[/code]
[b]add the follow:[/b]
[code]$( "#wrap" ).wrap( "<div style='padding:10px 0;margin:0;'></div>");[/code]
into this fly example, you see that the space gap top/bottom of the iframe perfectly match vertically, and also horizontally, try to resize the width of the viewport so to force the resize of the iframe container, and see that the padding will be exactly 10px between it and the container.
And it can be forced to be the wanted dimension in several ways, this is just a fly example.
With these two lines of code, the exact padding of the phpBB can be managed exactly and as much we like.
Of course, CSS changes to fit the iframe at any needs can be manually applied at any level directly into the phpBB CSS or WP CSS. But these two lines of code, simply do the whole dirty job without having to look further more for anything else.
Assuming that the iframe resizer works only if javascript is enabled, and the user is invited to visit the phpBB at real url if the JS is not active into his browser, then we assume that these solutions are very good practice in this case.