-
给7B2主题logo加上闪光扫过动效
7B2主题是一款深受用户喜爱的WordPress主题，为了提升网站的视觉效果和用户体验，我们将为其Logo添加闪光扫过的动效。这一动效不仅能使Logo更加生动有趣，还能吸引访问者的注意力，使网站更具活力和吸引力。通过本文，您将了解到如何为7B2主题的Logo实现这一炫酷的闪光扫过动效，从而让您的网站在众多竞争中脱颖而出。 代码加入到你主题的style.css文件里面： /* logo扫光 */ .…- 7
- 0
-
B2圈子顶部添加文字滚动通知
1、打开B2主题的TempParts/circle/circle-form.php文件 2、搜索代码： <div class="circle-top"> 3、在此代码上面添加下方的文字滚动通知代码： <!--B2圈子顶部文字通知--> <div class="xcbtmw_notice wrapper" style="…- 15
- 0
-
PHP用于WordPress网站设置某个模块仅在首页显示（以B2主题为例）
在使用WordPress建站的过程中，我们有时候会需要设置某个模块仅在首页显示，其他页面不显示，如友情链接等。今天老白博客@老白以7B2主题为例，设置推荐圈子模块仅在首页显示，通过PHP来判断是否为首页。 正常的首页调用代码如下: <?php if (is_home ()&&!is_paged() ) : ?> 要显示的内容或者代码放置此处-https:/…- 16
- 0
-
B2主题顶部消息铃消息数值闪烁特效
b2主题顶部有消息时会显示数值及闪烁特效，能起到提醒作用，显示铃取消显示特效，其他网站很多都有的功能，喜欢的下载测试。 打开b2/Modules/Templates/Header.php 文件查找如下代码： <b class="bar-mark" v-if="count" v-cloak> 大约在850行，找到后在其标签中加入如下代码 <p…- 16
- 0
-
b2教程-网格样式文章鼠标悬浮弹出分类角标
角标底色同步你站点 css样式 .post-1 a.post-list-cat-item { background: var(--b2color); color: #fff!important; padding: 4px; line-height: 12px; border-radius: 4px; } .post-list-meta-box { justify-content: space-be…- 25
- 0
-
b2美化教程-用户等级添加底色
css样式 .lv-icon.b2-lv0 i { background-color: rgb(199 194 194); } .lv-icon.b2-lv1 i { background-color: #ff9400; } .lv-icon.b2-lv1 b { color: #ff9400; } .lv-icon.b2-lv2 i { background-color: #ff9400; } …- 15
- 0
-
7b2美化教程-首页文章边框添加背景条
修改b2/Modules/Templates/Modules/Posts.php 146行下面添加以下代码 <div class="item-author"> <div class="item-bg"> <i class="thumb thumb-a"></i> </div> …- 28
- 0
-
b2教程-首页文章缩略图鼠标悬浮下滑特效
把下面的css代码添加到子主题css样式文件： .b2_gap>li .item-in, .shop-list-item, .shop-normal-item-in, .user-search-list li>div, .home-collection .home-collection-content, .post-3.post-3-li-dubble .b2_gap>li .i…- 21
- 0
-
b2教程-首页文章缩略图鼠标悬浮放大特效
以下代码放入子主题css样式文件： .post-thumb { transition: .35s; } .post-thumb:hover { -ms-transform: scale(1.305); -moz-transform: scale(1.305); -webkit-transform: scale(1.305); transform: scale(1.305) }- 16
- 0
-
b2教程-访问网站提示问候语适配b2主题
附件放到网站根目录 代码可以自动识别访问用户IP地址，所使用的系统以及浏览器 也可识别通过哪个搜索引擎访问 代码放入后台-常规设置-底部html <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> 以下代码放入b2/footer.php，…- 18
- 0
-
b2教程-网站侧边栏小工具添加彩色时间进度
时间是动态的哦，代码安装完成后需要清除缓存。如果还是不显示请等待一天即可 代码放到小工具 <div class="html-widget"> <div class="html-widget-content"> <div class="sidebar-box classListBox"> <div …- 28
- 0
-
b2教程-网站标题栏添加搞怪词
代码放到子主题child.js文件 var OriginTitile = document.title, titleTime; document.addEventListener("visibilitychange", function () { if (document.hidden) { document.title = "你别走吖 o(╥﹏╥)o"; …- 4
- 0
-
b2教程-全站图片添加加载后左右摆动特效
css样式 .user-w-avatar .avatar-parent img, .img-ip:hover,img { -webkit-animation: swing 3s .4s ease both; -moz-animation: swing 3s .4s ease both; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { …- 14
- 0
-
b2美化教程-顶部页眉菜单缩放条
示例请查看本站。 css样式 .header-banner-left .menu li.current-menu-item a:after{ background-color: #599bff; } .social-top .header-banner-left .menu li a:after{ content: ""; display: block; position: a…- 15
- 0
-
b2教程-文章内页添加字数统计预计阅读时间
以下代码放入b2/functions.php function count_words_read_time () { global $post; $text_num = mb_strlen(preg_replace('/\s/','',html_entity_decode(strip_tags($post->post_content))),'…- 12
- 0
-
b2美化教程-彩色标签云
代码放到子主题functions.php文件： function colorCloud($text) { $text = preg_replace_callback('|<a (.+?)>|i', 'colorCloudCallback', $text); return $text; } function colorCloudCallback($…- 16
- 0
-
WordPress网站首页添加好看的四格小工具教程
直接到网站根目录创建一个css文件(文件名:sige.css),文件名可自定义(注意文件名一致) <link rel="stylesheet" href="你的网站/sige.css" type="text/css" > 然后在header.php模板最上方添加引入代码也可自定义HTML里添加css代码最上方写入标签<s…- 19
- 0
-
给你的wordpress网站添加下雪效果的教程
今天给大家分享下wordpres网站添加雪花纷飞下雪效果的教程，本教程适用于wordpres任何主题。 网站添加下雪效果的教程 以B2主题为例，打开“B2主题设置——常规设置——底部HTML标签”，在输入框输入如下代码 <script src="https://unpkg.com/magic-snowflakes/dist/snowflakes.min.js">&l…- 12
- 0
-
b2美化教程-侧边栏小工具标题美化
b2美化教程-侧边栏小工具标题美化教程，示例查看本站 css样式 .b2-widget-title h2:before { position: absolute; height: 15px; content: ''; width: 4px; background: #18c6aa; left: 4px; border-radius: 5px; box-shadow: 1px 1…- 38
- 0
-
7b2美化-导航菜单添加彩色渐变文字
示例查看本站 以下代码放到你的菜单 <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,…- 30
- 0
-
7b2美化-等级修改为图标显示
打开b2>Modules>Common>User.php，查找： <b>'.$name.'</b><i>'.$lv.'</i> 替换为 <img src="/lv/'.$lv.'.png" style="height: 20px;&quo…- 53
- 0
-
7b2美化-评论框自动输入一言
示例查看本站 代码放到后台-主题设置-常规设置-底部HTML标签 <script crossorigin="anonymous" integrity="sha384-KcyRSlC9FQog/lJsT+QA8AUIFBgnwKM7bxm7/YaX+NTr4D00npYawrX0h+oXI3a2" src="https://lib…- 25
- 0
-
7b2美化-认证图标修改为金V
修改b2主题functions.php define('B2_VERIFY_ICON','<i class="b2-vrenzhengguanli b2font b2-color"></i>'); 改为 define('B2_VERIFY_ICON','<i class=&quo…- 28
- 0
-
【7B2主题美化】动态背景搜索样式
仅以7B2主题为演示，其他主题请自行修改。 1、将以下Html代码放至主题模块中（主题设置-模块管理-自定义代码） <!--动态搜索背景html代码开始--> <style> .poa { color: #f4f4f4; } p.home-banner-linkss.line-one1 { width: 80%; font-size: 14px; height: 20px;…- 58
- 0
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×