B2主题美化修改：菜单导航中加入图片广告

注：本篇美化修改教程是根据本站适配调整的纯CSS代码，无需修改主题文件，非通用版本，请根据你自己网站调整修改~

第一步：在  页面菜单 (首页、文章、页面、分类、专题等页面菜单) 创建菜单，菜单形式选择：分类菜单

第二步：添加 广告导航 设置推广链接及标签

第三步，添加 Css样式 即可

1. /*导航广告*/
2. .top-menu-ul li:nth-child(3) ul.sub-menu-0 li:nth-child(1){width: 100%;}
3. .top-menu-ul li:nth-child(3) ul.sub-menu-0 li:nth-child(1) a{border-bottom: 0;padding: 0;margin-top: 10px;}
4. .top-menu-ul li:nth-child(3) ul.sub-menu-0 li:nth-child(1) a:after{background: url("广告图片链接");background-size: cover;width: 100%;height: 207px;content: "广告标题";color: #fff;text-align: center;line-height: 200px;font-size: 3em;font-weight: bold;}
5. .top-menu-ul li:nth-child(3) ul.sub-menu-0 li:nth-child(1) span{position: absolute;font-size: 12px;right: 0;top: 10px;background: #0002;padding: 5px 10px;color: #fff;border-radius: 10px 0px 0px 10px;}
6. .top-menu-ul li:nth-child(3) ul.sub-menu-0 li:nth-child(1) .menu_2-item{display:none;}
7. .top-menu-ul li:nth-child(3) ul.sub-menu-0 .menu_2-item li{width: 25%;}
8. .top-menu-ul li:nth-child(3) ul.sub-menu-0 .menu_2-item li a:after{display:none;}

注意：本次修改是基于我的主题设置，非通用版本，如果采用请根据自己网站调整或者欢迎注册本站会员，给我发私信，有时间会帮助调整。