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

发布于 2024-11-02 20:05:12 字数 313 浏览 1 评论 0原文

我正在为我的网站使用花环主题。我已准备好在顶部和底部放置广告。
但这个主题不是固定布局。我的意思是，当我将浏览器移至 800x600 显示器时，内容区域的大小会调整为更小的区域。
所以我想放置728宽度的横幅广告，但是当窗口很小时，这个广告就会被切断。我还有另一种选择，尝试使用 468 宽度的广告横幅。

我的问题是如何选择广告横幅并确保当窗口调整为较小尺寸时它不会被截断？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

陌上芳菲 2024-11-09 20:05:12

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

步骤：

为您的横幅图像（或 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>

注意：将“idElement”更改为您的横幅的 id。

编辑：

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

您可以将 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。

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

或者你可以使用 PHP 和 JS 来完成这个... 使用 PHP 检测屏幕分辨率但是我觉得有点过头了。

well, if you want the long answer... find out the resolution the user is using and set your banner acordingly.

steps:

give an ID to your banner image (or div).

put this script in the head of your page.tpl.php or create a file.js and include it in your 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>

note: change "idElement" with the id of your banner.

EDIT:

So you're using something like google ads right? Then you can use the same logic above, with a few tweaks. For instance...

You can put 3 banner ads inside <div> tags. Let's say you have a banner with 1000 width, 800 width and 300 width.

<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>

now in the js script I gave you above change

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

with

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

So basically you place all banners in your page but they are hidden. When the jscript browser resolution, it unhides the div showing the appropriate banner.

You can also use <iframe> tags and place your banner code in other file. Same logic.

Or you can use PHP ans JS to acomplish this... Detect screen resolution using PHP but I think is kind of overshot.

回复收藏 0 原文