-
-
-
B2主题添加菜单栏上下滑动特效
演示: 一级菜单和二级菜单的动态特效 第一步: 在后台-外观-菜单-导航标签中添加以下代码 <span><span data-hover="自定义菜单文字"><p class="shanshuo">自定义菜单文字</p></span></span> 第三步: 刷新缓存查看效果- 0
- 6
- 787
花醉23年10月10日 -
B2主题logo扫光特效,网站logo扫光特效纯代码
将以下代码加到你的网站css文件里面,随意,只要能引用的css就行了,wordpress用户加在style.css里面。 (必看)原理解释 给大家解释一下代码,不看可能不会扫(WordPress柒比贰主题可以忽略,因为花醉也是。) 找到你的logo所处的div,然后找到他的class,如这个实例: <h1 class="logo pos-a">< …- 0
- 4
- 1.2k
花醉23年3月14日 -
B2美化-页眉菜单添加开通vip图标
鼠标指向图标会弹出窗口 附件放到网站根目录,内容图标位置都可以自定义。 打开/b2/Modules/Templates/Header.php 搜索 <div class="header-banner-right"> 将下方代码放置下方 <style> .abcd_benefitTag_benefits-wrapper {position:relative…- 0
- 2
- 618
花醉23年3月12日 -
B2主题增加文章内显示最后编辑时间
效果: 第一步: 打开/wp-content/themes/b2/TempParts/Single/content.php查找</header> 在下面添加,当然你也可以添加到你自己喜欢的地方,样式自己调 <div class="operTips">文章最后更新于:<?php echo get_the_modified_time('Y.m…- 0
- 1
- 771
花醉23年10月20日 -
B2主题添加右下角会员活动弹窗
效果图: 原版自己试一下就好了,原来是有一个活动倒计时的,因为我这里直接标了日期就把倒计时去掉了,各位可根据自身需求自行调整 教程: 首先是原版的代码: <script> window.onload = function () { countDown(); function addZero(i) { return i < 10 ? "0" + i: i + &…- 0
- 0
- 1.3k
花醉23年11月7日 -
B2自定义 暂无相关结果 图标
7b2自定义 暂无相关结果 图标 子主题根目录functions.php文件中插入下方代码: define('B2_EMPTY','<div class="empty-page"><div class="e404-page-icon">“我是svg代码”</div>&l…- 0
- 0
- 716
花醉23年3月13日 -
B2主题在网站底部添加访问次数代码
第一种: 在网站底部footer.php中添加以下代码 <!-- 次数统计 start --> <center> <script> var caution = false function setCookie(name, value, expires, path, domain, secure) { var curCookie = name + "=&…- 0
- 0
- 656
花醉23年10月6日 -
B2主题网站添加用户IP归属地
演示: 🎉教程: 第一步: 1、下载WP-IPUA插件,打开/wordpress/wp-content/plugins/wp-ipua/helper.php,添加下面的代码 function get_user_ip_address() { ob_start(); $user_id = get_query_var('author'); // 获取用户ID // 获取用户的最后登录…- 0
- 0
- 1k
花醉23年11月8日 -
B2主题动态背景搜索样式
如果你喜欢这个样式的搜索 将以下Html代码放至主题模块中(主题设置-模块管理-自定义代码 HTML代码 <!--动态搜索背景html代码开始--> <style> .poa { color: #f4f4f4; } p.home-banner-linkss.line-one1 { width: 80%; font-size: 14px; height: 20px; line…- 0
- 0
- 1.1k
花醉23年3月13日 -
子比主题修改粉色果冻泡泡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 = &…- 0
- 0
- 1k
花醉23年11月9日 -
B2主题动态背景搜索样式–本网站同款
将以下Html代码放至主题模块中(主题设置-模块管理-自定义代码) 将下列CSS代码放入WP额外CSS中(WP后台-外观-自定义-额外css) 或者将CSS拷贝至主题或者子主题的样式文件即可 最后在主题设置 常规设置-头部html代码中引入以下js- 0
- 0
- 715
花醉23年3月13日 -
WordPress中怎么点击一个按钮弹出使用Ctrl+D收藏网站
当我们想要用户收藏网站时,往往会添加一个按钮或者一个提醒,因为有些浏览器不能直接使用点击收藏。 这时候需要一个弹窗提示用户按Ctrl+D来收藏网站。 就可以添加以下代码 <button onclick="alert('请使用CTRL+D键收藏本站!')">收藏本站</button> onclick会监测用户的动作, 当点击用户按钮时,…- 0
- 0
- 1k
花醉23年10月13日 -
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-…- 0
- 0
- 1.6k
花醉23年11月9日 -
B2主题美化-代码模块美化
美化后如图 操作示例: 在主题style.CSS引入如下代码: 代码一: /*代码高亮*/.entry-content pre { position: relative; border-radius: 6px; padding-top: 50px; box-shadow: 0px 8px 20px -10px #000; height: auto; color: #fff; } .entry-co…- 0
- 0
- 1k
花醉23年3月13日 -
B2主题把本站第几号会员+500个
在群里有人问这个问题,怎么把本站第几号会员+500个 找到主题的B2 PRO: index.php (User/index.php)文件 在第49行中 把以下代码后面添加+500即可 <b v-text="userData.id+500"></b>- 0
- 0
- 986
花醉23年10月13日 -
B2主题添加个好看的底部导航
效果图: 教程: 第一步: 打开自己网站下的 /wp-content/themes/b2/funactions.php 文件,然后把下面的代码加入到文件内。 //获取评论数量 function zfunc_comments_users($postid=0,$which=0) { $comments = get_comments('status=approve&type=…- 0
- 0
- 1.6k
花醉23年11月15日 -
B2主题使用Fancybox插件的图片灯箱效果
要使用Fancybox插件实现图片灯箱效果,需要先引入Fancybox的CSS和JS文件,然后在HTML中添加相应的代码。具体步骤如下: 在<head>标签中引入Fancybox的CSS和JS文件: <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox…- 0
- 0
- 627
花醉23年10月16日 -
B2主题添加可自由缩放展开或关闭的底部浮动广告
演示: 教程: 第一步: 在自定义底部html中添加一下代码 <div id="xcx-ad" class="xcx-ad-container"> <div id="close-ad" class="close-ico" onclick="target_dis();" >&l…- 0
- 0
- 1.1k
花醉23年11月15日 -
B2主题美化小工具“创建圈子”按钮
B2主题美化小工具“创建圈子”按钮,直接上图,把下方css样式添加到相应样式文件里面就行了 美化前: 美化后: . .circle-widget-button .text { background: #2485e5!important; border: 1px solid #2485e5!important; border-radius: 0!important; colo…- 0
- 0
- 809
花醉23年3月8日 -
B2主题美化-移动端底部导航修改美化
移动端现在是网站使用的主流方向,移动端的美化牵扯网站的使用体验,7b2主题移动端美化底部导航栏,可以快速找到相应的内容,这个跟子比主题移动端的底部导航条非常的相似。 效果图: 使用教程: 修改 b2/Assets/fontend/mobile.css 中 .mobile-footer-menu.footer-fixed 内容(覆盖原{}中内容) (宝…- 0
- 0
- 3.4k
花醉23年4月2日 -
B2主题美化-网站增加黑夜模式
现在网站基本都是有夜间模式的,由于之前用的主题自带夜间模式,而换到7B2主题后少了这个功能感觉有点不适应,恰巧找到了guhuan大佬写的一篇教程,通过大佬的帮助,完美实现了夜间模式功能。这里也给大家分享一下本人在使用这个教程时遇到的一些问题以及解决方法。 使用教程: 1、首先,您的b2主题必须设置为社交类型菜单(此暗黑模式仅仅适配了此菜单,如果你想使用其他类型菜单可以参考night_…- 0
- 0
- 839
花醉23年3月8日 -
B2主题美化-顶部导航条的下拉菜单美化
关于导航条的一个美化,b2主题顶部导航条和子导航固定成58px了,改为75px了,并且把下拉菜单也美化了下,保留了导航条滚动后的效果。 效果图: 美化代码: 放主題或者子主題style.css中 /* * 导航条美化 */.header-banner { /*隐藏顶部bar*/display: none!important; } .site-header { height: 75px; margi…- 0
- 0
- 1k
花醉23年4月8日