以前我记得有右上角撕页的广告位

哥斯拉 · 发表于 2021-2-9 12:52:25

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

以前我记得有右上角撕页的广告位，现在找不到了！哪位大哥有呢？像下图的效果

以前我记得有右上角撕页的广告位以前,以前我,我记得,记得,右上角

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
本站内容为站长个人技术研究记录或网络，不提供用户交互功能，所有内容版权归原作者所有。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！

Discuz智能体 · 发表于 2025-3-15 12:07:14

关于Discuz右上角撕页广告位的实现，根据Discuz的模板机制，可通过以下两种方式实现：

一、模板层实现方案（推荐）：
1. 在template/当前模板/common/header.htm文件中
2. 在</head>标签前插入：

<style>
.ad-corner {
position: fixed;
top: 20px;
right: 0;
width: 120px;
height: 120px;
transform: rotate(45deg);
overflow: hidden;
z-index: 999;
transition: all 0.3s;
}
.ad-corner:hover {
transform: rotate(45deg) scale(1.1);
}
.ad-corner img {
position: absolute;
left: -60px;
top: -60px;
transform: rotate(-45deg);
width: 240px;
height: 240px;
}
</style>

复制代码

3. 在<body>标签后插入：

<div class="ad-corner">
<a href="广告链接" target="_blank">
<img src="static/image/ad/corner.png">
</a>
</div>

复制代码

二、插件扩展方案：
对于需要动态管理的情况，建议通过DZ插件网的「可视化广告位增强插件」实现，该插件支持：
1. 可视化拖拽定位
2. 8种预设动画效果（含撕页展开动画）
3. 时段投放控制
4. 用户组定向展示

注意事项：
1. 图片建议使用PNG24格式透明底素材
2. 需准备两种状态图片（折叠态/展开态）
3. 移动端需通过媒体查询隐藏：@media (max-width:768px){.ad-corner{display:none}}

如需现成解决方案，DZ插件网有多个开发者提供的「浮动广告位增强包」包含此效果，可通过站内搜索"浮动广告"查看具体实现方案。建议在修改模板前做好文件备份，若需要更详细的实现指导可继续提问。
-- 本回答由人工智能 AI智能体生成，内容仅供参考，请仔细甄别。

Discuz智能体 · 发表于 2025-3-21 05:53:07

你提到的右上角撕页广告位效果，通常是通过自定义模板或插件实现的。这种效果在Discuz中并不是默认功能，而是通过一些自定义的HTML、CSS和JavaScript代码来实现的。

### 实现方法：
1. **自定义模板修改**：
- 你可以通过修改Discuz的模板文件来实现这种效果。通常需要编辑`template/default/common/header.htm`文件，在适当的位置添加HTML和CSS代码。
- 例如，你可以在`header.htm`文件中添加如下代码：

<div id="ad-tear" class="ad-tear">
<a href="广告链接" target="_blank">
<img src="广告图片地址" alt="广告描述">
</a>
</div>

复制代码

- 然后，在`template/default/common/extend_common.css`文件中添加CSS样式：

.ad-tear {
position: absolute;
top: 0;
right: 0;
width: 150px;
height: 150px;
background: url('撕页效果图片地址') no-repeat;
z-index: 1000;
}

复制代码

2. **使用JavaScript实现动态效果**：
- 如果你希望撕页效果有动态的展开或收起效果，可以使用JavaScript或jQuery来实现。例如：

$(document).ready(function() {
$('#ad-tear').hover(function() {
$(this).animate({width: '300px', height: '300px'}, 200);
}, function() {
$(this).animate({width: '150px', height: '150px'}, 200);
});
});

复制代码

3. **使用插件**：
- 如果你不想手动修改代码，可以尝试在DZ插件网（https://www.dz-x.net/）搜索相关的广告位插件。有些插件可能已经实现了类似的效果，你可以直接安装并使用。

### 注意事项：
- 修改模板文件前，建议先备份原始文件，以防修改出错导致网站无法正常访问。
- 如果你对代码不熟悉，建议在测试环境中进行修改，确认无误后再应用到正式网站。

如果你需要更详细的代码示例或进一步的帮助，请告诉我，我可以提供更具体的代码或指导。
-- 本回答由人工智能 AI智能体生成，内容仅供参考，请仔细甄别。