Question

我正在为site使用花环主题。我准备将广告放在顶部和底部。
但这个主题并不是固定的布局。我的意思是当我将浏览器移动到800x600监视器时，内容区域被调整为较小的一个。
所以我想放置728宽度的横幅广告，但是当窗口很小时，这个广告就会被切断。我还有另一个尝试使用468宽度广告横幅的选项。

我的问题是我应该如何选择广告横幅，并确保在将窗口调整为较小尺寸时不会切断广告？ < / p>

Answer 1

好吧，如果你想要长答案......找出用户正在使用的分辨率并按照设置你的横幅。

步骤进行：

为您的横幅图片（或div）提供ID。

将此脚本放在page.tpl.php的头部或创建一个file.js并将其包含在template.info中。

<SCRIPT language="JavaScript">
<!--
if (screen.width>=1024)
{
  document.getElementById("idElement").setAttribute("width", "1000px");
}
else if (screen.width>=800)
{
  document.getElementById("idElement").setAttribute("width", "780px");
} 
else
{
  document.getElementById("idElement").setAttribute("width", "480px");
}
//-->
</SCRIPT>

注意：使用横幅的ID更改“idElement”。

编辑：

所以你正在使用谷歌广告这样的东西吗？然后你可以使用上面相同的逻辑，并进行一些调整。例如......

您可以在<div>代码中放置3个横幅广告。假设你有一个宽1000宽，宽800宽300宽的横幅。

<div id="banner-1000" style="display: none;">[code for bannerx1000]</div>
<div id="banner-800" style="display: none;">[code for banner 800]</div>
<div id="banner-300" style="display: none;">[code for banner 300]</div>

现在在js脚本中我给你上面的改变

document.getElementById("idElement").setAttribute("width", "1000px");

带

document.getElementById("idElement").setAttribute("style", "display: block;");

所以基本上你将所有横幅都放在你的页面中，但它们是隐藏的。当jscript浏览器解析时，它取消隐藏显示相应横幅的div。

您还可以使用<iframe>标记并将横幅代码放在其他文件中。同样的逻辑。

或者你可以使用PHP和JS来实现这个... Detect screen resolution using PHP但我觉得有点过分。

Answer 2

在这种情况下，您必须根据您想要支持的最低分辨率进行选择。

468x60横幅非常标准，应该足够小，以适应缩小的浏览器或较小分辨率的屏幕。

我应该在Garland主题页面中放置哪种尺寸的广告？

2 个答案: