文章
文章用户商铺文档快讯圈子网址导航
当前位置：首页>各类教程>7B2美化二开美化全教程合集

7B2美化二开美化全教程合集

删除移动端底部菜单按钮代码
.mobile-footer-menu {display:none !important;}

放入CSS中即可

删除文章上一篇下一篇代码
.post-pre-next {display:none !important;}

放入CSS中即可

二级菜单美化连接符

代码放入css内即可

/**菜单样式美化代码**/
.has_children .sub-menu {
border-radius: 4px;
}
.top-menu .b2-jt-down {
display: none!important;
}
.top-menu-ul .sub-menu-0 {
border-top: 0;
padding: 15px;
transform: translateY(10px);
transition: all .3s;
}
.top-menu ul li {
}
.top-menu ul li:hover .sub-menu-0 {
transform: translateY(0);
}
.top-menu-ul .sub-menu-0>li {
border-left: 1px solid #ebeef5;
position: relative;
}
.b2-menu-3 .sub-menu-0>li>a {
color: #4c4c4c;
padding: 8px 15px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.b2-menu-3 .sub-menu-0>li:after {
content: '';
position: absolute;
top: 12px;
left: -5px;
width: 3px;
height: 3px;
border-radius: 50%;
background: #fff;
border: 3px solid #3d7eff;
}
.b2-menu-3 .sub-menu-0>li:nth-child(2n+1):after{
border: 3px solid #f1787f;
}
.b2-menu-3 .sub-menu-0>li:nth-child(3n+1):after{
border: 3px solid #61e1b9
}
.b2-menu-3 .sub-menu-0>li>a:hover {
background: #ebeef5;
}
.b2-menu-3 .sub-menu-0 > li:hover > a, .b2-menu-3 .sub-menu-0 a:hover {
color: #333;
}

7b2主题一键更换全站字体代码

操作简单，css代码放入即可

/*引入字体*/
@font-face{/*引入字体*/
font-family:"typeface";
src: url('ziti/OPPOSans-M-2.ttf');
}
div {
font-family: "typeface";
}
span{
    font-family: "typeface";
}
a{
    font-family: "typeface";
}
textarea {
    font-family: "typeface";
}
button {
    font-family: "typeface";
}
/*结束*/

放入css即可，如果不行放入额外css中保存即可

src: url(‘ziti/OPPOSans-M-2.ttf’);

（）内  把要设置的字体放入目录，然后把文件目录放入即可！

如果不显示可以直接用http网址样式放入

7b2顶部会员悬浮图标

鼠标指向图标会弹出窗口，窗口背景是毛玻璃效果哦

附件放到网站根目录，内容图标位置都可以自定义。

打开/b2/Modules/Templates/Header.php

搜索

<div class="header-banner-right">

代码放入下面即可

<style>
.abcd_benefitTag_benefits-wrapper {position:relative;margin-right: 5px;display:flex;justify-content:center;height:53px;}.benefitTag__benefits-icon___3aeab {display:inline-block;width:32px;height:32px;}.benefitTag__benefits-text___5d19f {font-size:12px;color:#4d3626;font-weight:600;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;}.benefitTag__popover___fbaea {min-width:0;max-width:200px;z-index:9;}.abcd_memberWrapper {position: relative;padding: 5px 20px 20px;cursor: pointer;display: flex;flex-direction: column;background-color: #ffffff87;backdrop-filter: blur(10px);align-items: center;border-radius: 0px 0px 10px 10px;box-shadow: 0px 5px 40px 0px rgba(17,58,93,.1);}.abcd_memberWrapper .abcd_memberCard_member-header {position:relative;padding-top:12px;font-weight:700;white-space:nowrap;text-align:center;margin-bottom:16px;width: 300px;box-sizing:border-box;}.abcd_memberWrapper .abcd_memberCard_member-header .abcd_memberCard_member-title {font-size:16px;line-height:22px;color:#663f32;letter-spacing:0;font-weight:600;margin-bottom:4px;}.abcd_memberWrapper .abcd_memberCard_member-header .abcd_memberCard_member-desc {font-size:12px;color:#663f32;letter-spacing:0;line-height:17px;font-weight:400;}.abcd_memberWrapper.abcd_memberCard_none .abcd_memberCard_member-header .abcd_memberCard_member-title {height:25px;width:180px;margin-left:auto;margin-right:auto;}.abcd_memberWrapper.memberCard__expired___9de29 .abcd_memberCard_member-header,.abcd_memberWrapper.memberCard__will-expired___3128d .abcd_memberCard_member-header {background:hsla(0,0%,100%,.8);padding:16px 0;border-radius:8px;}.abcd_memberWrapper.memberCard__expired___9de29 {background:#dadde0;}.abcd_memberWrapper.memberCard__expired___9de29 .abcd_memberCard_member-header .abcd_memberCard_member-desc {color:#ff2b00;}.abcd_memberWrapper .abcd_memberCard_member-benefits {position:relative;width: 100%;box-sizing:border-box;background:hsla(0,0%,100%,.8);border-radius:8px;margin-bottom:16px;white-space:nowrap;overflow:hidden;}.abcd_memberWrapper .abcd_memberCard_member-benefits li {float: left;width: 25%;margin: 10px 0;}.abcd_memberWrapper .abcd_memberCard_member-benefits .memberCard__leftBtn___ec917,.abcd_memberWrapper .abcd_memberCard_member-benefits .memberCard__rightBtn___0cc46 {position:absolute;top:50%;width:12px;height:28px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:rgba(230,163,115,.2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s;}.abcd_memberWrapper .abcd_memberCard_member-benefits .memberCard__leftBtn___ec917 .memberCard__icon-font___9846a,.abcd_memberWrapper .abcd_memberCard_member-benefits .memberCard__rightBtn___0cc46 .memberCard__icon-font___9846a {color:#4d3626;font-size:12px;-webkit-transform:scale(.5);transform:scale(.5);}.abcd_memberWrapper .abcd_memberCard_member-benefits .memberCard__leftBtn___ec917:hover,.abcd_memberWrapper .abcd_memberCard_member-benefits .memberCard__rightBtn___0cc46:hover {background-color:rgba(230,163,115,.16);}.abcd_memberWrapper .abcd_memberCard_member-benefits .memberCard__leftBtn___ec917 {left:0;border-radius:0 4px 4px 0;}.abcd_memberWrapper .abcd_memberCard_member-benefits .memberCard__rightBtn___0cc46 {right:0;border-radius:4px 0 0 4px;}.abcd_memberWrapper .memberCard__joinBtn___a50c1 {position:relative;width:152px;height:32px;background-image:linear-gradient(134deg,#4d5580,#3d4466);font-size:14px;color:#fff3eb;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;}.abcd_memberWrapper>button{border: 0!important;}.abcd_memberWrapper .memberCard__joinBtn___a50c1:hover {background-image:linear-gradient(134deg,rgba(77,85,128,.9),rgba(61,68,102,.9));}.abcd_memberWrapper .memberCard__joinBtn___a50c1:active {background-image:linear-gradient(134deg,rgba(77,85,128,.8),rgba(61,68,102,.8));}.abcd_memberWrapper .memberCard__joinBtn___a50c1 .memberCard__tips___3220a {top:-14px;right:-54px;position:absolute;background-image:linear-gradient(90deg,#ff9580,#f36);border-radius:6px;color:#fff;letter-spacing:0;text-align:center;font-weight:100;padding:2px 8px;font-size:20px;-webkit-transform:scale(.5);transform:scale(.5);}.abcd_memberCard_benefitsLiWrapper {position:relative;left:0;transition:left .3s linear;}.abcd_header_vip_topi {padding:2px 6px 0 6px;right: 0px;line-height:24px;color:#fff;text-align:center;position: absolute;top: 5px;box-sizing:border-box;border-radius:16px;font-size:19px;white-space:nowrap;-webkit-transform:scale(.5);}.abcd_header_vip {padding:0 24px;position:relative;width:20px;height: 70px;background:url(/img/vipiconhover.svg) no-repeat 50%/25px;}.abcd_header_vip>i {position:absolute;top: 5px;right:-6px;}.abcd_header_vip:hover .abcd_member_tip[data-status=true] {display:block;}.abcd_member_tip {position:absolute;top:70px;right:-14px;display:none;z-index:8000;}.abcd_header_vip i {font-style: normal;font-weight: 400;}.jiaobiao_color4{color:#fff;background-color:#ff2a8e;}
</style>
					<a href="/vips" class="abcd_header_vip nav-member-btn"
draggable="false" style="padding: 0px 18px; width: 0px;background:url(tuku/会员.svg) no-repeat 10%/25px;">
    <div class="icon-btn">
    </div>
    <i class="abcd_header_vip_topi jiaobiao_color4" style="right: -15px;">开通</i>
    <div class="abcd_member_tip" data-status="true">
        <div data-position="" class="abcd_memberWrapper abcd_memberCard_none">
            <div class="abcd_memberCard_member-header">
                <div class="abcd_memberCard_member-title">开通铂金会员享受专属权益</div>
                <div class="abcd_memberCard_member-desc">一次购买，免费更新</div>
            </div>
            <ul class="abcd_memberCard_member-benefits">
                <div class="abcd_memberCard_benefitsLiWrapper" style="left: 0px;"> <li>
                                            <div class="abcd_benefitTag_benefits-wrapper">
                                                <i class="benefitTag__benefits-icon___3aeab" style="background: url(tuku/下载盘点单、下载打印模板.svg) center center / contain no-repeat;">
                                                </i>
                                                <span class="benefitTag__benefits-text___5d19f">
                                                  资源免费
                                                </span>
                                            </div>
                                        </li> <li>
                                            <div class="abcd_benefitTag_benefits-wrapper">
                                                <i class="benefitTag__benefits-icon___3aeab" style="background: url(tuku/1.svg) center center / contain no-repeat;">
                                                </i>
                                                <span class="benefitTag__benefits-text___5d19f">
                                                  免费指导
                                                </span>
                                            </div>
                                        </li> <li>
                                            <div class="abcd_benefitTag_benefits-wrapper">
                                                <i class="benefitTag__benefits-icon___3aeab" style="background: url(tuku/更新.svg) center center / contain no-repeat;">
                                                </i>
                                                <span class="benefitTag__benefits-text___5d19f">
                                                  保持更新
                                                </span>
                                            </div>
                                        </li> <li>
                                            <div class="abcd_benefitTag_benefits-wrapper">
                                                <i class="benefitTag__benefits-icon___3aeab" style="background: url(tuku/sku打折.svg) center center / contain no-repeat;">
                                                </i>
                                                <span class="benefitTag__benefits-text___5d19f">
                                                  专属优惠
                                                </span>
                                            </div>
                                        </li></div>
            </ul>
            <button class="memberCard__joinBtn___a50c1">
                开通会员
                <div class="memberCard__tips___3220a">
                 现价18.88元
                </div>
            </button>
        </div>
    </div>
</a>
wordpress主题评论区显示用户ip归属地

b2目录创建ip2c文件夹放入附件

首先b2/functions.php文件引入ip2c.php文件

include("ip2c/ip2c.php");

打开文件/b2/Modules/Common/Comment.php

搜索下方html代码

<div class="comment-item-hidden">

在此代码下方加入下方代码，或者加入其它地方，根据自己去设定：

<span>来自<?php  echo convertip(get_comment_author_ip())?></span>

注意：如果站点有使用cdn，要把以下代码添加到网站根目录wp-config.php，否则无法显示正确地址。

/** cdn获取访客真实ip */
if(isset($_SERVER['HTTP_X_FORWARDED_FOR'])) {
$list = explode(',',$_SERVER['HTTP_X_FORWARDED_FOR']);
$_SERVER['REMOTE_ADDR'] = $list[0];
}

ip.zip

提取码：无
解压码：huayidw.cn复制
下载
wordpress7b2主题菜单彩色字体美化

以下代码放到你的菜单

<span class="meihua">你的菜单名称</span>

以下代码放入css样式

.meihua {
	background: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 33.3%, rgba(252, 176, 69, 1) 66.6%, rgba(131, 58, 180, 1) 100%);
	-webkit-background-clip: text;
	color: transparent !important;
	background-size: 300% 100%;
	animation: text 4s infinite linear
}
@media (max-width:768px) {
	span.ua-info {
		display: none
	}
	.comment-author .user-title {
		width: 40% !important
	}
}
.comment-author .user-title {
	font-size: 13px;
	background: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 33.3%, rgba(252, 176, 69, 1) 66.6%, rgba(131, 58, 180, 1) 100%);
	-webkit-background-clip: text;
	color: transparent !important;
	background-size: 300% 100%;
	animation: text 4s infinite linear
}
@keyframes text {
	0% {
		background-position: 0 0
	}
	100% {
		background-position: -150% 0
	}
}
.b2-qr-code-fill {
	background: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 33.3%, rgba(252, 176, 69, 1) 66.6%, rgba(131, 58, 180, 1) 100%);
	-webkit-background-clip: text;
	color: transparent !important;
	background-size: 300% 100%;
	animation: text 4s infinite linear
}

 

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。

给TA赞助
共{{data.count}}人
人已赞助
2 条回复 A文章作者 M管理员
  1. 十三

    支持一下

  2. 十三

    支持一下

❯

解锁会员权限

开通会员

解锁海量优质VIP资源

立刻开通
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索
客服

  • 扫码打开当前页

返回顶部