最近在做7B2模板的改造工程，参照优设网的设计把首页的幻灯片样式做了新一版的样式更新。原计划是将整个顶部模块基于原有设计幻灯片+小工具来实现，后来发现如果修改了这个结构会导致整个页面结构错乱所以就作罢了，仅用了全屏幻灯片铺满整个Header，并删除多余的文章标题分类等元素,化繁为简让页面看起来更舒服。 重构过程 首先是需要后台首页创建幻灯片模块。建议作图时，选择的幻灯片图片内容显示在中心位置，且给…

  直接在B2设置-模块管理-首页模块内添加自定义HTML代码。然后把下面代码贴入保存即可。 <div class="mrxu_link"><dl> <dd class="xu_link_1"><a href="#"><i></i><p>链接自行…

教大家如何配置网站跟演示站一样的教程！ 因为演示数据问题，只能保证演示框架结构一样，但是文章数据等可能不一样。

申明：由于本人为非专业程序行业且本人对代码也就是菜鸟级别，大部分为自学，所以本视频只能是针对初学者适用，如果您是业界大佬，请勿笑勿喷！谢谢。本次录制的视频为7B2各个选项的配置及作用，有部分本人也未曾配置过。所以所牵扯到的或者视频未做讲解的后期会根据实际应用，继续更新视频。

打开b2/Modules/Templates/Header.php 文件查找如下代码： <b class="bar-mark" v-if="count" v-cloak> 大约在850行，找到后在其标签中加入如下代码： <p class="ict-count" v-text="count">&l…

放入主题的style.css文件中，或自行引入 .gg-box .modal-content { width: 28rem; overflow: hidden; margin-top: 0; } .gg-box-title .gg-title { width: 100%; text-align: center; padding: 0!important; } .modal-content .gg-…

此方式只改了，其中一个文章列表样式（网格模式），其他的文章列表样式可按照同方法即可。不清楚的可以留言，也可以在圈子里发问题！ 第一步： 打开B2父主题文件：/b2/Modules/Settings/Post.php   464处加入以下代码： 第二步： 次数刷新后台写文章页面，即可看到所增加的页面元素 第三步： 在文章样式列表文件中b2/Modules/Templates/Modules/Post…

提示：CSS代码存入子主题style.css样式文件中，之后强制刷新。下图为测试之后的效果。

【如果你比较懒，又不懂代码，请不要使用此代码，建议购买本站子主题。】此模块为纯HTML及CSS代码，无法后台控制及自动更新文章，需手动更改代码。如需后台控制及自动更新文章，请购买本站子主题。

使用方法：

如果你喜欢这个样式的搜索框，请看升级版（极主题HTML代码版） 将以下Html代码放至主题模块中（主题设置-模块管理-自定义代码） HTML代码 <!--动态搜索背景html代码开始--> <style> .poa { color: #f4f4f4; } p.home-banner-linkss.line-one1 { width: 80%; font-size: 14px…

此布局存在JS联动判断，所以不建议使用此模块，可将VIP开通提示框删除，广告区域增加至6组。  

如果您喜欢这个代码，建议您购买本网站的子主题，此分享代码暂不支持手机端。

我不推荐春哥把【社交类型菜单】改成这个样式，主要是这个样式可能是个小众喜欢的样式。如果喜欢这个样式大家可以自行修改。 1、设置顶部菜单样式 设置项在：B2主题设置 – 模块管理 – 顶部 – 顶部布局样式，选择以下样式： 如果你选择的是其他样式的菜单，请不要添加下面的css代码，避免引起布局样式错乱！ 2、添加css样式 /*优化头部header*/ .site-header.social-top…

手机端效果如下

重要通知:由于子主题出现了倒卖现象,19号起,观看此安装教程的需要购买正版子主题用户才可以观看,其他用户无法浏览,同时也希望大家支持正版资源.

第一步：直接复制Onecad_hotUser.php代码到子主题根目录Pages文件夹下方 如果没有子主题请到7B2官网下载空白子主题程序 注：本功能采用为ONECAD子主题框架，截图地址可能不一样，不过不影响安装。 注意：推荐使用HPH7.4版本以下，8.0兼容，安装之前请备份主题内容及数据库，出现问题我概不负责哈！ 然后可在Onecad_hotUser.php这个文件里面填写要调用的用户ID即…