近日去一些博客闲逛,发现他们的博客底部的页脚导航菜单是三栏要比知更鸟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。
效果图:
若文章图片、下载链接等信息出错,请在评论区留言反馈,博主将第一时间更新!如果喜欢,请打赏支持本站,谢谢大家!
2019年9月25日 15:45 61楼
谢谢分享
2019年9月29日 14:01 62楼
脚印
2019年11月2日 04:47 63楼
感谢分享
2019年12月15日 10:05 64楼
谢谢分享,我也觉得好看
2019年12月19日 19:30 65楼
66666可以可以
2019年12月29日 16:33 66楼
爱你么么哒
2020年1月1日 11:44 67楼
学习学习
2020年1月9日 09:06 68楼
棒棒
2020年2月18日 15:01 69楼
666666可以以好看
2020年2月29日 07:01 70楼
看一下
2020年3月29日 21:00 71楼
谢谢
2020年4月5日 00:44 72楼
代码在哪里啊
2020年4月13日 22:22 73楼
楼主好,谢谢
2020年4月19日 02:14 74楼
楼主好,谢谢
2020年5月29日 21:30 75楼
确实3栏好看多 了
2020年6月17日 22:48 76楼
感谢分享
2020年8月4日 16:20 77楼
支持
2020年8月7日 21:47 78楼
来看看
2020年8月19日 19:17 79楼
看看~
2020年10月23日 00:16 80楼
感谢分享