CoreNext 主题美化：右下角广告位添加“恰饭广告”提示标识

在一些博客网站中，经常能看到广告位右下角带有“恰饭广告，还请支持”之类的提示文字。这种设计不仅美观，还能明确告知用户该区域为广告内容，提升透明度与用户体验。如果你使用的是 CoreNext 主题，也可以轻松实现这一效果。只需在广告代码容器中添加一个定位文字标签，并配合简单 CSS 样式，即可在右下角显示个性化的广告标识。

效果截图

修改内容

此代码来源于优享云，本站在此基础上新增两处改动

1. 修改圆角为 10
2. 图片代码新增自适应网站宽度和高度

图片广告位代码

设置位置

主题设置输入：-广告设置

代码内容

CSS 样式代码

设置位置

主题设置-插入代码-自定义 CSS

代码内容

 /* 设置图片圆角为 10 像素 _www.haoruanmao.com */ .rounded-corner { border-radius: 10px; } /* 设置广告样式 _www.haoruanmao.com */ .image-container { position: relative; } .advertisement { position: absolute; bottom: 5px; /* 可以根据需要调整位置 */ right: 0px; /* 调整到右下角，可以根据需要调整位置 */ background-color: rgba(128, 128, 128, 0.7); /* 设置透明度为 0.7 的灰色背景 */ color: white; padding: 3px; /* 调整 padding */ border-radius: 10px; /* 调整圆角 */ font-size: 13px; /* 调整字体大小 */ } 

更多广告代码合集

WordPress 教程：网站常用广告代码合集（HTML 版）

2天前

078258

更多推荐

CoreNext 主题美化教程合集