近日去一些博客闲逛,发现他们的博客底部的页脚导航菜单是三栏要比知更鸟Begin5.2版本主题自带的两栏要好看,心里痒痒,经过一番折腾终于美化成功,效果见下图:
代码部署:
用Notepad++打开样式表 (style.css),大概在4982行“页脚小工具”里面找5024行,找到下面的代码
- /** 页脚小工具 **/
- #footer-widget-box {
- background: #555;
- position: relative;
- padding: 10px 0;
- box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);
- }
- .footer-widget {
- width: 1120px;
- margin: 0 auto;
- }
- .footer-widget h3 {
- font-size: 15px;
- color: #ccc;
- margin: 15px 0 0 0;
- }
- .footer-widget .widget {
- background: #555;
- float: left;
- width: 33.33333333333%;
- padding: 0 20px;
- border: none;
- box-shadow: none;
- }
- .footer-widget, .footer-widget a {
- color: #ccc;
- }
- .footer-widget a:hover {
- color: #fff;
- }
- .footer-widget .widget ul {
- padding: 8px 0 15px;
- }
- .footer-widget .menu li {
- float: left;
- width: 50%;
- }
- #footer-widget-box .add-widgets, #footer-widget-box .add-widgets a {
- color: #fff;
- text-align: center;
- }
代码修改:
就OK。
效果图:
若文章图片、下载链接等信息出错,请在评论区留言反馈,博主将第一时间更新!如果喜欢,请打赏支持本站,谢谢大家!
2020年11月14日 16:18 81楼
谢谢
2020年12月7日 09:35 82楼
路过学习
2020年12月8日 22:56 83楼
乳房热痱粉
2020年12月10日 20:51 84楼
不错,学习下。
2020年12月20日 17:54 85楼
学习了,感谢博主
2020年12月29日 20:57 86楼
学习学习·还是可以
2021年3月13日 00:54 87楼
评论评论
2021年9月1日 22:00 88楼
撒都发
2021年9月5日 01:10 89楼
谢谢
2021年10月19日 22:55 90楼
看看
2021年10月19日 22:59 91楼
按楼主的方法没成功呢
2021年11月19日 22:54 92楼
学习一下
2022年2月7日 19:34 93楼
感谢大佬!
2022年3月30日 16:46 94楼
路过学习,谢谢分享