更好的WordPress主题

分享几个通用的网站广告位占位/招租的代码实例

摘要:复制粘贴即可用

一些用户频繁问道广告位的占位代码怎么写,要想让别人知道这是一个广告位,前提是要稍微醒目一点,且还不能够太丑,所以,我们就分享几个广告位的占位代码来方便大家。


广告位占位代码 实例一:灰色虚线链接框

复制以下代码到主题设置-自定义代码-自定义css样式中

a.tbaru{border:2px dashed #aaa;padding:40px 15px;font-size:14px;background-color:#fff;display:block;text-decoration:none;color:#888;font-weight:bold;text-align:center;}
a.tbaru:hover{border-color:#666;color:#444;}
@media (max-width:640px){a.tbaru{font-size:12px;padding:25px 15px;}}

然后,复制以下代码到你需要显示的广告位代码框中,其中的中文字可按照自己需求修改

<a class="tbaru" href="链接地址" target="_blank">这是一个广告位,电脑和手机可分别设置</a>

广告位占位代码 实例二:深灰底白色字链接块

复制以下代码到主题设置-自定义代码-自定义css样式中

a.tbaru{padding:40px 15px;font-size:14px;background-color:#666;display:block;text-decoration:none;color:#fff;font-weight:bold;text-align:center;}
a.tbaru:hover{border-color:#555;color:#fff;}
@media (max-width:640px){a.tbaru{font-size:12px;padding:25px 15px;}}

然后,复制以下代码到你需要显示的广告位代码框中,其中的中文字可按照自己需求修改

<a class="tbaru" href="链接地址" target="_blank">这是一个广告位,电脑和手机可分别设置</a>

广告位占位代码 实例三:浅灰链接块

复制以下代码到主题设置-自定义代码-自定义css样式中

a.tbaru{padding:40px 15px;font-size:14px;background-color:#f6f6f6;display:block;text-decoration:none;color:#aaa;font-weight:bold;text-align:center;}
a.tbaru:hover{border-color:#eee;color:#666;}
@media (max-width:640px){a.tbaru{font-size:12px;padding:25px 15px;}}

然后,复制以下代码到你需要显示的广告位代码框中,其中的中文字可按照自己需求修改

<a class="tbaru" href="链接地址" target="_blank">这是一个广告位,电脑和手机可分别设置</a>

本文属原创,转载请注明原文:https://themebetter.com/gg-code.html

感觉很棒,欢迎打赏~

509 打赏
分享到:

评论 (6)

登录后评论
注:有关主题的售前售后请 提交工单
好用。。。。。
复制粘贴一下就好
谢谢老兄的代码
非常有用。
很赞!
第一个就很实用了,拿走,谢谢

服务器低至¥89元/年 限时抢

安全、稳定、高效,阿里云服务器专享1折起,限时抢各种代金券

立即抢购

建站!你有充足的理由选择我们

世界上超过30%的网站是由WordPress搭建,而我们是国内最靠谱的WordPress开发商
QQ咨询 在线咨询 公众号