其实这个算不上啥很难的东西,但我感觉是挺好看的,那么这一次的wordpress美化教程就分享这款简洁明了的提示,虽然一般有一点前端知识的都可以实现,但是能复制的,何必要自己动手呢。
- 代码来源:详情
效果如下
若您的权利被侵害,请联系站长 QQ: 1355471563 或 点击右侧 私信:Muze 反馈,我们将尽快处理。
代码如下
<div class="mobile-hidden" style="margin:10px;">
<div id="left-div" style="width: 40px; display: inline-block; margin:0 10px 0 10px;">
<span style="font-size:28px">⚠️</span></div>
<div id="right-div" style="width: 720px; display: inline-block; vertical-align: top;">
<span style="font-size:13px">Npcink上的部份代码及教程来源于互联网,仅供网友学习交流,未经Npcink作者或上传书面授权,请勿作他用。<br>若您的权利被侵害,请联系站长 QQ: 1355471563 或 点击右侧 <i class="b2font b2-message"></i> 私信:Muze 反馈,我们将尽快处理。</span></div>
</div>
注意
对于不同的网页尺寸,您困难需要修改代码中第四行的
<div id="right-div" style="width: 720px;
720px属性,您需要将其调整为适合自己网站的尺寸,免于三角形的换行显示错误/
如何使用?
在上面wordpress美化教程中提供的代码中已经提供了CSS样式代码,只需要将代码复制到自己需要的地方,替换下文本,按照自己的需求修改部分前端样式即可。
如果你喜欢更具特色的提示,您可以试试这个wordpress美化教程:
请问一下 b2主题的怎么添加呀! 是在那个文件里面添加的?
可以放在B2主题设置 → 模块管理 → 文章内页 → 文章低部广告位代码
css代码在哪里呢?没找到啊 ✗汗✗
代码中有CSS的,是行内式CSS,方便您可以把文章中的代码直接黏贴到需要的地方。
奈斯 ✗棒棒的✗