当前位置:首页技术屋7b2美化【7B2主题美化】登陆弹窗美化
!
也想出现在这里? 联系我们
内容广告区块

【7B2主题美化】登陆弹窗美化

效果图展示

【7B2主题美化】登陆弹窗美化

教程开始

1.放置js代码

  • 有子主题就放在child.js文件中
$(function(){
/*弹窗登录效果*/$("#login-box .login-box-content").addClass("b2-radius");
$('.login-box-content').prepend('<div class="aibk_com_login">'+
'<div class="wxlogin-sidebar">'+
'<div>'+
'<h3>? 森鹿语-WWW.LSENYU.CN</h3>'+
'<p>? 建站技术教程,网站源码</p>'+
'<p>? 动漫美图壁纸,写真美图壁纸</p>'+
'<p>? cosplay资源,游戏资源等精品资源</p>'+
'</div>'+
'</div>'+
'</div>'
);
})

如果没有子主题可以在网站根目录自己建一个dl.js文件,在主题目录footer.php文件中底的 <?php wp_footer() ; ?> 上面填写以下代码即可

<script src="/dl.js"></script>

2.引入jquery

主题根目录functions.php文件中插入下方代码:

wp_enqueue_script( 'b2-jquery','/jquery.min.js', array(), null , false );

其中jquery.min.js文件可以自己下载到服务器

3.css样式代码:

加入到主题文件目录的style.css中,代码中的图片自行替换我的是375 × 500 像素

/*登陆弹窗美化-www.sdklib.com*/.login-box-content {
margin-top: 0;
width: auto;
display: flex;
position: relative;
background: #fff;
min-width: 750px;
}
.aibk_com_login {
width: 50%;
position: relative;
background: url(https://www.tukuv.com/wp-content/uploads/2022/01/1641544677-fmtk_画板-1.png);
background-size: cover;
background-position: center 0;
}
.login-box-content .login-box-top {
width: 50%;
padding: 30px 30px 25px;
}
.wxlogin-sidebar {
position: absolute;
bottom: 0;
width: 100%;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
}
.wxlogin-sidebar h3{
color: #fff;
font-size: 18px;
margin-bottom: 10px;
}
.wxlogin-sidebar p{
color: rgba(255, 255, 255, 0.7);
font-size: 14px;
}
.wxlogin-sidebar>div {
padding: 30px;
}
@media screen and (max-width: 768px){
.aibk_com_login {
display: none;
}
.login-box-content{
min-width: auto;
}
.login-box-content .login-box-top{
width: 100%;
}
}
下载权限
查看
  • 免费下载
    评论并刷新后下载
    登录后下载
  • {{attr.name}}:
您当前的等级为
登录后免费下载登录 小黑屋反思中,不准下载! 评论后刷新页面下载评论 支付以后下载 请先登录 您今天的下载次数(次)用完了,请明天再来 支付积分以后下载立即支付 支付以后下载立即支付 您当前的用户组不允许下载升级会员
您已获得下载权限 您可以每天下载资源次,今日剩余
版权声明

   站内部分内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供网络资源分享服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请 联系我们 一经核实,立即删除。并对发布账号进行永久封禁处理。在为用户提供最好的产品同时,保证优秀的服务质量。


本站仅提供信息存储空间,不拥有所有权,不承担相关法律责任。

给TA买糖
共{{data.count}}人
人已买糖
7b2美化

【7B2主题美化】首页N格样式

2022-10-16 21:23:21

7b2美化

【7B2主题美化】首页添加六小格

2022-10-21 23:35:02

重要声明

如果遇到付费才可观看的文章,建议升级会员或者成为认证用户,全站所有资源任意下免费看”。未经本站的明确许可,任何人不得大量链接本站下载资源,不得复制或仿造本网站。本网站对其自行开发的或和他人共同开发的所有内容、技术手段技术手段和服务拥有全部知识产权,任何人不得侵害或破坏,不得擅自使用

3 条回复 A文章作者 M管理员
😊 表情
  • 眞白花音
  • 枕边童话
  • 嘉然
  • 雫るる
  1. AKA老炮儿

    富江有天使的脸孔,但其实她是个恶魔,不,恶魔也比她要好一点。

  2. 晚眠的猫

    信心这个东西,什么时候都像个高楼大厦,但是里面会长白蚁。

  3. 晚眠的猫

    生活中最重要的不是凯旋,而是奋斗。

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索