WordPress主题美化:给侧边小工具添加多彩侧边栏
WordPress多彩推荐侧边栏。在别的站点扒了个多彩推荐侧边栏的代码来,也有些小伙伴看到觉得不错,来找我问这个如何搞的。其实挺简单的,我是扒过来的~你们也就可以扒走了。
效果图的话,就上面这个了,每篇文章中都有~~代码如下。
- <ul class="colorbar">
- <li><a href="http://www.zhushuming.cn/haohaoshuohua.html" target="_blank" style="background-color:#ff3030;">《好好说话》在线阅读</a></li>
- <li><a href="http://www.zhushuming.cn/code.html" target="_blank" style="background-color:#428BCA;">HTML多功能代码转换器</a></li>
- <li><a href="http://www.zhushuming.cn/ssyqrk.html" target="_blank" style="background-color:#e84266;">各大搜索引擎提交入口</a></li>
- <li><a href="http://www.zhushuming.cn/game.html" target="_blank" style="background-color:#91c24f;">HTML在线小游戏</a></li>
- <li><a href="http://www.zhushuming.cn/seo/3091.html" target="_blank" style="background-color:#f49800;">SEO优化常见问题解答</a></li>
- <li><a href="http://www.zhushuming.cn/minjiangushi/" target="_blank" style="background-color:#A6A600;">民间小故事大全</a></li>
- <li><a href="http://www.zhushuming.cn/meitu.html" target="_blank" style="background-color:#B766AD;">美图秀秀在线编辑工具</a></li>
- </ul>
- <style type="text/css">
- .colorbar li {
- width: 100% !important;
- }
- .colorbar li a {
- color: #fff;
- line-height: 40px;
- display: block;
- width: 100%;
- text-align: center;
- }
- .colorbar li a:hover {
- opacity: 0.8;
- }
- </style>
使用方法:使用知更鸟主题的朋友,这个代码需要放到增强文本中。使用其他主题的朋友,把代码放到文本中就可以了。
注:代码是死的,人是活的。以上代码可根据个人喜好更改~
1. 如有链接无法下载、失效或广告,请联系QQ:181289218 处理!
2. 本站的所有资源为购买、网络收集,或者用户投稿的资源,版权归原作者及网站所有!
3. 如若侵犯了您的权利,请及时联系站长删除!
4. 本站提供的资源,都不包含技术服务请大家谅解!
5. 此软件“仅限学习交流,不能用于商业用途”!
6. 如用于商业用途,请到官方购买正版软件,追究法律责任与“云墨SEO”站点无关!
2. 本站的所有资源为购买、网络收集,或者用户投稿的资源,版权归原作者及网站所有!
3. 如若侵犯了您的权利,请及时联系站长删除!
4. 本站提供的资源,都不包含技术服务请大家谅解!
5. 此软件“仅限学习交流,不能用于商业用途”!
6. 如用于商业用途,请到官方购买正版软件,追究法律责任与“云墨SEO”站点无关!
- 我的微信
- 这是我的微信扫一扫
- 站长技术资源群
- QQ群:431710796
评论