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);
    color: white;
    padding: 3px;
    border-radius: 10px;
    font-size: 13px;
}

更多广告代码合集

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

1个月前

080838

更多推荐

CoreNext 主题美化教程合集