美化自定义下拉登录框【子比主题专用】
美化

美化自定义下拉登录框【子比主题专用】

blogger头像
blogger 博主
2026.05.15 · 约 6 分钟 · 0 评论 · 0 喜爱

食用教程 一、zib-header代码 文件路径:/wp-content/themes/zibll/inc/functions/zib-header.php 搜索以下代码: [hidecontent type="repl…

食用教程 一、zib-header代码 文件路径:/wp-content/themes/zibll/inc/functions/zib-header.php 搜索以下代码:

[hidecontent type="reply"][/hidecontent]
$href .= '<a href="javascript:;" class="signin-loader">

将以下代码注释:看下图

[hidecontent type="reply"]
$href = ((_pz('pay_user_vip_1_s', true) || _pz('pay_user_vip_2_s', true)) && _pz('nav_user_pay_vip', true)) ? '<div><a class="em09 signin-loader but jb-red radius4 payvip-icon btn-block mt10" href="javascript:;">' . zib_get_svg('vip_1', '0 0 1024 1024', 'em12 mr10') . '开通会员 尊享会员权益</a></div>' : '';

        $href .= '<div class="flex jsa header-user-href">';
        $href .= '<a href="javascript:;" class="signin-loader"><div class="badg mb6 toggle-radius c-blue">' . zib_get_svg('user', '50 0 924 924') . '</div><div class="c-blue">登录</div></a>';
        $href .= !zib_is_close_signup() ? '<a href="javascript:;" class="signup-loader"><div class="badg mb6 toggle-radius c-green">' . zib_get_svg('signup') . '</div><div class="c-green">注册</div></a>' : '';
        $href .= '<a target="_blank" rel="nofollow" href="' . add_query_arg('redirect_to', esc_url(zib_get_current_url()), zib_get_sign_url('resetpassword')) . '"><div class="badg mb6 toggle-radius c-purple">' . zib_get_svg('user_rp') . '</div><div class="c-purple">找回密码</div></a>';
[/hidecontent]

如果想保留“开通会员 尊享会员权益”模块就不用把第一个$href的内容注释!!!

二、替换代码 在注释的下方添加以下代码,图片链接请自行替换:

[hidecontent type="reply"]
$href .= '<img src="https://cs.yykbk.com/wp-content/uploads/2025/11/20251112204230768-login.gif" class="mascot signin-loader"><p class="explain"><b>点击我登录后查看哦ヾ(❀╹◡╹)ノ~</b></p><div class="flex jsa header-user-href">';
[/hidecontent]

三、CSS代码 将下列代码粘贴到”zibll主题设置->全局&功能->自定义代码->自定义css样式“中:

[hidecontent type="reply"]
/*【星语的小木屋】子比主题自定义下拉登录框 */
.mascot {
    display: block;
    height: auto;
    width: 150px;
    margin: 0 auto 20px;
}
.explain {
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #999999;
    display: block;
    text-align: center;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}
[/hidecontent]

弹幕表态
我的头像
0/300
文明发言,一起守护温柔的评论区

0 条回复

A文章作者 M管理员
这里需要一条查重率 0% 的评论

还没有评论,来说两句吧~

1会员总数
104文章总数
1077浏览总数
0今日发布
277天稳定运行
  • 波浪
  • 波浪
  • 波浪
  • 波浪

Hello World

页面耗时 0.071 秒 | 数据库查询 63 次 | 内存 1.01 MB | 在线人数:1人

104+

精品文章等您来关注

Copyright © 2025 - 2026 Hello World