-
B2主题美化-移动端底部导航修改美化
移动端现在是网站使用的主流方向，移动端的美化牵扯网站的使用体验，7b2主题移动端美化底部导航栏，可以快速找到相应的内容，这个跟子比主题移动端的底部导航条非常的相似。 效果图： 使用教程： 修改 b2/Assets/fontend/mobile.css 中 .mobile-footer-menu.footer-fixed 内容(覆盖原{}中内容) (宝… -
B2主题菜单栏样式美化
演示效果 .top-menu ul li.depth-0 > a { color: #fff; padding: 18px 30px; } .has_children .sub-menu { border-radius: 4px; } .top-menu .b2-jt-down { display: none!important; } .top-menu-ul .sub-menu-0 { b… -
B2主题美化-侧边跟随工具条
前言： 代码从其它站扒下来的，喜欢就点个赞吧。 注：这里只是固定的html，适合不长修改用户使用，需要后台功能请赞助子主题 美化图： 只有鼠标经过后才显示文字，默认显示图标 第一步： 打开主题Footer.php 文件(Modules/Templates/Footer.php)，在大约383行-481行，替换成以下代码， 替换成以下代码 <div class="aside-bar&… -
B2主题添加右下角会员活动弹窗
效果图: 原版自己试一下就好了，原来是有一个活动倒计时的，因为我这里直接标了日期就把倒计时去掉了，各位可根据自身需求自行调整 教程： 首先是原版的代码: <script> window.onload = function () { countDown(); function addZero(i) { return i < 10 ? "0" + i: i + &… -
B2主题网站侧边栏小工具添加一款好看的粒子当前时间
第一步 后台设置—>外观—>小工具—>添加自定义 HTML 代码,加到合适侧边栏即可 我是添加在首页侧边栏 <canvas id="canvas" style="width:100%;" width="820" height="2"></canvas> <script s… -
B2主题中用代码做个悬浮目录
第一步 您可以使用以下步骤在B2主题中创建一个悬浮目录： 在主题文件夹中创建一个新的JavaScript文件，例如“floating-menu.js”。 在该文件中编写以下代码： jQuery(document).ready(function($) { // 创建目录 var toc = ''; var level = 0; var maxLevel = 3; $('… -
B2主题在网站底部添加访问次数代码
第一种： 在网站底部footer.php中添加以下代码 <!-- 次数统计 start --> <center> <script> var caution = false function setCookie(name, value, expires, path, domain, secure) { var curCookie = name + "=&… -
B2主题自带的语音播放失效了
第一步： 其实是API地址失效了 更换API地址就好了 第二步： 这里推荐一个api地址 b2-accsets-fontend-main.js-1691行 第三步： ctrl+f5强制刷新浏览器，即可看到效果。如不显示多刷新几次或者更换浏览器试试。 -
B2主题网站添加添加复制透明提示框
第一步 网站添加添加复制透明提示框 第二步 以下代码放入模板函数(functions.php) //透明复制提示 // by：设计趁年华 document.body.oncopy = function() {layer.msg('<p style="font-weight: 700;">【设计趁年华】{www.sjcnh.cn}<br>复制成功… -
B2主题仿子比主题未登入小工具UI
效果图 第一步： 打开Modules/Templates/Widgets/User.php，大约在第224-254行，具体根据图片进行确定位置 可把这个文件复制到子主题相同位置中更改，以防更新主题失效 其它在文件中标明替换链接的地方自己替换就可以 -
B2自定义 暂无相关结果 图标
7b2自定义 暂无相关结果 图标 子主题根目录functions.php文件中插入下方代码: define('B2_EMPTY','<div class="empty-page"><div class="e404-page-icon">“我是svg代码”</div>&l… -
-
B2主题增加文章内显示最后编辑时间
效果： 第一步： 打开/wp-content/themes/b2/TempParts/Single/content.php查找</header> 在下面添加，当然你也可以添加到你自己喜欢的地方，样式自己调 <div class="operTips">文章最后更新于：<?php echo get_the_modified_time('Y.m… -
B2主题使用Fancybox插件的图片灯箱效果
要使用Fancybox插件实现图片灯箱效果，需要先引入Fancybox的CSS和JS文件，然后在HTML中添加相应的代码。具体步骤如下： 在<head>标签中引入Fancybox的CSS和JS文件： <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox… -
B2主题添加个好看的底部导航
效果图： 教程： 第一步： 打开自己网站下的 /wp-content/themes/b2/funactions.php 文件，然后把下面的代码加入到文件内。 //获取评论数量 function zfunc_comments_users($postid=0,$which=0) { $comments = get_comments('status=approve&type=… -
-
B2主题代码块添加一键复制和美化
美化图： 第一步： CSS代码部分 /*为pre区域添加一键复制*/i.yellow-i { content: ''; position: absolute; top: 0; left: 25px; width: 15px; height: 15px; border-radius: 50%; margin: 15px 25px; background: #fdbc40; z-i… -
B2主题动态背景搜索样式
如果你喜欢这个样式的搜索 将以下Html代码放至主题模块中（主题设置-模块管理-自定义代码 HTML代码 <!--动态搜索背景html代码开始--> <style> .poa { color: #f4f4f4; } p.home-banner-linkss.line-one1 { width: 80%; font-size: 14px; height: 20px; line… -
B2主题鱼群跳跃区块
这是一款灵动的鱼群跳跃WordPress区块，采用JS技术，通过canvas绘制，适合用在页面底部，增添网站灵动气氛。 区块预览 如何使用 根据代码注释复制代码到自己需要的地方，例如古登堡的HTML区块或是小工具里面的“自定义HTML”，另外，记得看代码注释哦(。・∀・)ノ -
B2主题 圈子首页加上轮播图
B2主题是一款功能强大的主题，它可以帮助你打造出一个专业的网站。如果你正在使用7b2主题，那么你可能会想要在圈子首页加上一个轮播图，以吸引更多的访问者。 上效果图： 操作步骤： 第一步： 进入后台，B2主题设置---模块设置---首页---添加新模块 模块标题自己取，随便 模块key是唯一性的，小写字母，不要和其他的名字冲突就好 调用内容可以选择幻灯片，或者自定义： 这里说明一下，选… -
-
子比主题修改粉色果冻泡泡loading加载动画
美化图: 食用教程: 打开/wp-content/themes/zibll/inc/functions/zib-head.php 搜索zib_is_crawler 在(_pz('qj_dh_xs') == 'no2')前粘贴以下代码，如图： (_pz('qj_dh_xs') == 'no0') { $dh_nr = &… -
B2主题修改微信扫码登录效果
第一步： 打开文件B2 /Assets/fontend/main.js，大概913-933行 下面代码替换上图中 var login = new Vue({ el:'#login-box', data:{ show:false, loginType:1, checkCodeSendSuccess:false, isAdmin:false, imgCode:''… -
B2主题美化-顶部导航条的下拉菜单美化
关于导航条的一个美化，b2主题顶部导航条和子导航固定成58px了，改为75px了，并且把下拉菜单也美化了下，保留了导航条滚动后的效果。 效果图： 美化代码： 放主題或者子主題style.css中 /* * 导航条美化 */.header-banner { /*隐藏顶部bar*/display: none!important; } .site-header { height: 75px; margi… -
B2主题添加可自由缩放展开或关闭的底部浮动广告
演示： 教程： 第一步： 在自定义底部html中添加一下代码 <div id="xcx-ad" class="xcx-ad-container"> <div id="close-ad" class="close-ico" onclick="target_dis();" >&l… -
-
B2主题美化之根据时间自动切换网站背景颜色/图片
顾名思义，根据设定时间，7b2网站会显示不同的颜色或背景图片，目前使用的是黑夜模式，故未测试该功能，详细的演示效果及代码如下 1.黑夜模式图片 白天的图片大家应该都有，分享一个夜晚的图片 2.背景图片/颜色自动切换代码 适用于所有WordPress网站，通过 Date 对象的 getHours() 方法自动获得当前时间，然后自动根据不同的时间段来自动改变页面的背景颜色，当然也可… -
B2主题美化给文章添加彩色角标
这个教程仅是给 网格列表 添加了角标，其他列表也可以使用此方法添加。 1.修改b2主题目录下 /b2/Modules/Settings/Post.php 文件，在$gg_meta = new_cmb2_box 之前添加： // 文章添加角标开始 $post_meta = new_cmb2_box(array( 'id' => 'b2… -
B2源码
柒比贰(7B2)主题是一款集合wordpress企业主题、wordpress微信主题的wordpress多功能高级付费主题模板,全面支持微信登陆、微信支付、微信公众号、微信小程序和APP等各个场景。
- ￥使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×
- 价格：×删除
消息中心
暂无相关结果