1.演示效果
2.实现代码
将以下代码粘贴至任何页面,如B2的首页模块管理(请关闭小工具、设置合适的高度与宽度)、侧栏的推荐圈子页面、文章顶部末尾的广告位、圈子顶部(教程:https://www.xcbtmw.com/19123.html)
<div class="textwidget custom-html-widget"><table style="width:100%;font-weight:700;text-align:center;" cellspacing="0" cellpadding="0" bordercolor="#640EF6" border="1">
<tbody>
<tr>
<td style="width:20%;vertical-align:middle;">
<a href="https://www.xcbtmw.com/jianzhan/" target="_blank" rel="noopener"><span style="font-size:13px;color:#E53333;">广告位10/月</span></a>
</td>
<td style="width:20%;vertical-align:middle;" height="24">
<a href="https://www.xcbtmw.com/jianzhan/" target="_blank" rel="noopener"><span style="font-size:13px;color:#E53333;">广告位10/月</span></a>
</td>
<td style="width:20%;vertical-align:middle;" height="24">
<a href="https://www.xcbtmw.com/jianzhan/" target="_blank" rel="noopener"><span style="font-size:13px;color:#337FE5;">老白博客</span></a>
</td>
<td style="width:20%;vertical-align:middle;" height="24">
<a href="https://www.xcbtmw.com/jianzhan/" target="_blank" rel="noopener"><span style="font-size:13px;color:#E53333;">广告位10/月</span></a>
</td>
<td style="width:20%;vertical-align:middle;" height="24">
<a href="https://www.xcbtmw.com/jianzhan/" target="_blank" rel="noopener"><span style="font-size:13px;color:#E53333;">广告位10/月</span></a>
</td>
</tr>
<tr>
<td style="width:20%;vertical-align:middle;">
<a href="https://www.xcbtmw.com/jianzhan/"target="_blank" rel="noopener"><span style="font-size:13px;color:#640EF6;">xcbtmw.com</span></a>
</td>
<td style="width:20%;vertical-align:middle;" height="24">
<a href="https://www.xcbtmw.com/jianzhan/"target="_blank" rel="noopener"><span style="font-size:13px;color:#E53333;">广告位10/月</span></a>
</td>
<td style="width:20%;vertical-align:middle;" height="24">
<a href="https://www.xcbtmw.com/jianzhan/" target="_blank" rel="noopener"><span style="font-size:13px;color:#E53333;">广告位10/月</span></a>
</td>
<td style="width:20%;vertical-align:middle;">
<a href="https://www.xcbtmw.com/jianzhan/" target="_blank" rel="noopener"><span style="font-size:13px;color:#640EF6;">广告位10/月</span></a>
</td>
<td style="width:20%;vertical-align:middle;">
<a href="https://www.xcbtmw.com/jianzhan/" target="_blank" rel="noopener"><span style="font-size:13px;color:#640EF6;">广告位10/月</span></a>
</td>
</tr>
<tr>
<td style="width:20%;vertical-align:middle;">
<a href="https://www.xcbtmw.com/jianzhan/"target="_blank" rel="noopener"><span style="font-size:13px;color:#640EF6;">广告位10/月</span></a>
</td>
<td style="width:20%;vertical-align:middle;" height="24">
<a href="https://www.xcbtmw.com/jianzhan/" target="_blank" rel="noopener"><span style="font-size:13px;color:#640EF6;">广告位10/月</span></a>
</td>
<td style="width:20%;vertical-align:middle;" height="24">
<a href="https://www.xcbtmw.com/jianzhan/" target="_blank" rel="noopener"><span style="font-size:13px;color:#640EF6;">广告位10/月</span></a>
</td>
<td style="width:20%;vertical-align:middle;">
<a href="https://www.xcbtmw.com/jianzhan/" target="_blank" rel="noopener"><span style="font-size:13px;color:#640EF6;">广告位10/月</span></a>
</td>
<td style="width:20%;vertical-align:middle;">
<a href="https://www.xcbtmw.com/jianzhan/" target="_blank" rel="noopener"><span style="font-size:13px;color:#640EF6;">广告位10/月</span></a>
</td>
</tr>
<tr>
<td style="width:20%;vertical-align:middle;">
<a href="https://www.xcbtmw.com/jianzhan/" target="_blank" rel="noopener"><span style="font-size:13px;">老白博客</span></a>
</td>
<td style="width:20%;vertical-align:middle;">
<a href="https://www.xcbtmw.com/jianzhan/" target="_blank" rel="noopener"><span style="font-size:13px;">广告位10/月</span></a>
</td>
<td style="width:20%;vertical-align:middle;">
<a href="https://www.xcbtmw.com/jianzhan/" target="_blank" rel="noopener"><span style="font-size:13px;">广告位10/月</span></a>
</td>
<td style="width:20%;vertical-align:middle;">
<a href="https://www.xcbtmw.com/jianzhan/" target="_blank" rel="noopener"><span style="font-size:13px;">广告位10/月</span></a>
</td>
<td style="width:20%;vertical-align:middle;">
<a href="https://www.xcbtmw.com/jianzhan/" target="_blank" rel="noopener"><span style="font-size:13px;">广告位10/月</span></a>
</td>
</tr>
<tr>
<td style="width:20%;vertical-align:middle;">
<a href="https://www.xcbtmw.com/jianzhan/" target="_blank" rel="noopener"><span style="font-size:13px;">广告位10/月</span></a>
</td>
<td style="width:20%;vertical-align:middle;">
<a href="https://www.xcbtmw.com/jianzhan/" target="_blank" rel="noopener"><span style="font-size:13px;color:#E53343;">广告位10/月</span></a>
</td>
<td style="width:20%;vertical-align:middle;">
<a href="https://www.xcbtmw.com/jianzhan/" target="_blank" rel="noopener"><span style="font-size:13px;color:#E53343;">广告位10/月</span></a>
</td>
<td style="width:20%;vertical-align:middle;">
<a href="https://www.xcbtmw.com/jianzhan/" target="_blank" rel="noopener"><span style="font-size:13px;">广告位10/月</span></a>
</td>
<td style="width:20%;vertical-align:middle;">
<a href="https://www.xcbtmw.com/jianzhan/" target="_blank" rel="noopener"><span style="font-size:13px;">广告位10/月</span></a>
</td>
</tr>
<tr>
<td colspan="5" style="font-size:15px;" height="28">
<p>
<script type="text/javascript">(function(){document.write(unescape('%3Cdiv id="bdcs"%3E%3C/div%3E'));var bdcs = document.createElement('script');bdcs.type = 'text/javascript';bdcs.async = true;bdcs.src = 'http://znsv.baidu.com/customer_search/api/js?sid=1152302146349204199' + '&plate_url=' + encodeURIComponent(window.location.href) + '&t=' + Math.ceil(new Date()/3600000);var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(bdcs, s);})();</script></p><div id="bdcs"></div><marquee scrollamount="3" behavior="alternate">温馨提示:需广告位请联系老白博客@老白-xcbtmw.com </marquee>
<p></p>
</td>
</tr>
</tbody>
</table></div>
(代码转载自轻论坛,原文https://www.qingluntan.cn/forum-post/485)
3.说明
大家可能只注意到了它的广告位功能,其实还有一个很不错的是它的表格样式,比很多WordPress自带的表格样式效果好很多,剔除超链接与文字颜色即可使用(比老白博客的B2主题还好)
不错的分享,很实用666
试试这个代码真不错
实用!学习了很多呢
试试这个代码 666
试试这个代码吧666
不错,表格效果赞赞的!
这代码太实用了吧666
很实用的教程啊赞赞赞
不错的分享666
学习到了新知识,感谢分享
很赞的分享666
不错的分享,学到了很多知识
不错不错,干货满满
太实用了,继续加油
很实用的教程 赞赞赞
非常实用的教程666
很实用的教程呢666
这代码真不错666
不错的分享,学习了呀
不错的教程 感谢分享666
太赞了,学到了新东西
这个教程太实用了666
实用!简单易懂!赞!
学习了很多666
真不错,值得一试
好实用的教程666
太棒了,代码很实用
收藏起来试试够实用的好文
很有帮助的信息 赞一个
不错的分享,值得学习试试
这个代码真不错啊666
很实用的教程!厉害了!
好教程,值得收藏!
不错的分享哦666
不错的教程,试试这个代码吧
这代码真不错 学习了666
真的很实用的分享666
不错的分享呀 赞赞赞
666 太实用了
太棒了!学习到了新技巧