7b2主题b2美化登录弹窗教程

Jaysun

温馨提示:这篇文章已超过595天没有更新,请注意相关的内容是否还可用!

本站之前的文章分享了一篇《7b2主题美化-登陆弹窗美化》,里边是其中一种方法,今天跟大家分享的是另一种弹窗登陆美化,喜欢的朋友可以自行测试。

效果图:

54.jpg


操作教程:

第一步,引入jquery文件。

b2主题,可以后台头部HTML标签设置的地方引入js:

<script src=“https://CDN.bootcdn.net/ajax/libs/jquery/3.5.0/jquery.min.js”></script>

第二步,子主题js文件内增加以下代码

//您自己的js代码写到下面
$(function(){
/*追加登录弹窗效果*/
$(‘.login-box-content’).prepend(‘<div class=”cnzzzj_com_login”>’+
‘<div class=”wxlogin-sidebar”>’+
‘<h2>欢迎您来到<a href=”https://iooqp.cn/” title=”【查看含有[阿强爱分享]标签的文章】” target=”_blank”>阿强爱分享</a></h2>’+
‘<ul>’+
‘<li><i class=”ri-checkbox-circle-fill”></i> 我们为你准备了最新的干货资源, </li>’+
‘<li><i class=”ri-checkbox-circle-fill”></i> 走最近的路,干最快的活! </li>’+
‘<li><i class=”ri-checkbox-circle-fill”></i> 我们还为你准备了好看的模板和教程, </li>’+
‘<li><i class=”ri-checkbox-circle-fill”></i> 祝你生活愉快!</li>’+
‘<li><i class=”ri-checkbox-circle-fill”></i> iooqp.cn – <a href=”https://iooqp.cn/” title=”【查看含有[阿强爱分享]标签的文章】” target=”_blank”>阿强爱分享</a></li>’+
‘</ul>’+
‘</div>’+
‘</div>’);
})

第三步,子主题CSS文件增加以下代码:

隐藏内容
评论可见
前往评论

把里面的登陆LOGO图请自行替换,好了现在可以看看效果了。

您需要 登录账户 后才能发表评论

发表评论

快捷回复: 表情:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog
评论列表 (有 13 条评论,1787人围观)
网友昵称:CANYU
CANYU V 普通用户 Google Chrome 124.0.0.0 Windows 10 x64 13楼
04-29 来自浙江 回复
文章不错,写的很好!文章不错,写的很好!文章不错,写的很好!文章不错,写的很好!
网友昵称:chengqingrui
chengqingrui V 普通用户 Google Chrome 122.0.0.0 Windows 10 x64 12楼
03-23 来自湖南 回复
文章不错,写的很好!文章不错,写的很好!文章不错,写的很好!文章不错,写的很好!
网友昵称:test1
test1 V 普通用户 Google Chrome 120.0.0.0 Windows 10 x64 11楼
01-16 来自江苏 回复
[Badlaugh]文章不错,写的很好!文章不错,写的很好!文章不错,写的很好!文章不错,写的很好!
网友昵称:Controller
Controller V 普通用户 Google Chrome 115.0.0.0 Windows 10 x64 10楼
2023-08-07 来自湖北 回复
文章不错,写的很好!文章不错,写的很好!文章不错,写的很好!文章不错,写的很好!
网友昵称:Emai0203
Emai0203 V 普通用户 Google Chrome 114.0.0.0 Windows 10 x64 9楼
2023-06-26 来自河南 回复
文章不错,写的很好!赞、狂赞、超赞、不得不赞、史上最赞!
网友昵称:mydream
mydream V 普通用户 Google Chrome 112.0.0.0 Windows 10 x64 8楼
2023-04-19 来自河南 回复
看看 好用不好用
网友昵称:henryour
henryour V 普通用户 Google Chrome 108.0.5359.95 Windows 10 x64 7楼
2023-03-08 来自福建 回复
KANKAKANAK看看
网友昵称:1512129232
1512129232 V 普通用户 QQBrowser 11.5.5245.400 Windows 10 x64 6楼
2023-02-19 来自湖南 回复
看看 好用不好用
网友昵称:Seny
Seny V 普通用户 Google Chrome 105.0.0.0 Windows 10 x64 地板
2023-01-16 来自海南 回复
看看
网友昵称:xizefe
xizefe V 普通用户 Google Chrome 95.0.4638.69 Windows 10 x64 凉席
2022-12-04 来自广东 回复
多谢分享

目录[+]

取消
微信二维码
微信二维码
支付宝二维码