-
【Ripro美化】圆角标签云彩色背景效果纯代码实现
标签云 对我们的文章画龙点睛，如果让我们的标签云随机产生彩色效果，更是增加了不是个性化，我们现在抛弃插件，自己动手用代码来DIY自己的彩色标签云。 教程 放在你的子主题的functions.php代码末，路径：你的域名/wp-content/themes/ripro/functions.php 代码 这里只介绍最简单也最有效的一款代码，其他的也可以在网上搜索，还有很多的，放到子主题的functio…- 73
- 0
-
一行代码让你网站菜单图标旋转起来
经常逛各大佬博客的时候发现有一些博客的菜单图标一直在转，星语社长觉得很不错。于是就查看了下样式，就把这个样式添加到我自己的网站，菜单图标旋转起来了，挺好玩的。 教程： 在自己网站主题的CSS中加入以下代码： .fa-spin { animation: 2s linear 0s normal none infinite running fa-spin; } <svg class="i…- 35
- 0
-
【新年气象】WordPress 主题添加花瓣飘落特效
【PHP文件】 <?php if ( ! defined( 'ABSPATH' ) ) { exit; } // 封装代码 function meihua() { ?> <!-- 加载snowfall.js --> <script type="text/javascript" src="<?php bloginf…- 176
- 0
-
网站添加流光炫彩动态彩色文字
最近看见一串很不错的彩色动态文字，这种效果名字非常的高大上和霸道，这里特意分享一下代码给大家，喜欢的可以试用与任何网站。 首先我们来看看效果如何： <div id="chakhsu"></div> 看过效果的你是不是觉得瞬间就很高大上了。 这里是文字的代码，大家自己修改即可： <div id="chakhsu" style=&q…- 213
- 0
-
仿优设网首页分类页文章列表样式（修改父主题）
效果图 加入子主题style.css /*优设网文章样式开始*/ .col-3{ flex: 0 0 auto; width: 25% !important; } .col-3 .widget-area{ width: calc(100% - 16px); min-width: auto !important; } .col-3 .widget-title{ font-size:23px; fon…- 383
- 0
-
7b2美化-网站底部添加渐变色一言
7b2美化-网站底部添加渐变色一言 附件代码添加到b2/footer.php <div class=”footer-bottom-right”>上面 以下代码添加到css样式 /*底部一言彩色*/ .b2-widget-box ul .links-icon img { background: #fff; } .night .b2-widget-box ul .links-icon im…- 268
- 0
-
7b2美化-评论框自动输入一言
7b2美化-评论框自动输入一言 代码放到后台底部HTML标签 <script crossorigin="anonymous" integrity="sha384-KcyRSlC9FQog/lJsT+QA8AUIFBgnwKM7bxm7/YaX+NTr4D00npYawrX0h+oXI3a2" src="https://lib.baomitu.…- 173
- 0
-
7b2美化-好看的鼠标样式
7b2美化-好看的鼠标样式 示例查看本站 代码加到你的css样式，附件上传到网站根目录 /** 鼠标样式开始**/ body{cursor: url(/xiaohuli/normal.cur), default;} /** **/ a:hover,.cursor:hover,button:hover,svg:hover{cursor:url(/xiaohuli/link.cur), pointer…- 178
- 0
-
7b2美化-等级修改为图标显示
7b2美化-等级修改为图标显示 示例查看本站 打开b2>Modules>Common>User.php，查找： <b>'.$name.'</b><i>'.$lv.'</i> 替换为 <img src="/lv/'.$lv.'.png" style=…- 243
- 0
-
7b2美化-顶部菜单透明
7b2美化-顶部菜单透明 代码添加到css样式 /*全站顶部透明 */ .top-style-blur { background: rgba(255, 255, 255, 0.56); backdrop-filter: blur(0px); } /*.header-banner {*/ /* background: rgba(255, 255, 255, 0.56);*/ /* }*/ .sub-…- 300
- 0
-
7b2美化-修改全站字体
7b2美化-修改全站字体 好看的diy字体 代码放到css样式 /**/ @font-face{ font-family: 'moe'; src: url('https://sady-1252199732.cos.ap-nanjing.myqcloud.com/ziti/shetumodengxiaofangti.ttf'); src: url('…- 285
- 0
-
7b2美化-手机底部菜单美化-2
7b2美化-手机底部菜单美化-2 以下代码放入你的css样式 @media screen and (max-width:768px) { .mobile-footer-menu.footer-fixed { border-radius: 50px; margin: 0 auto; left: 0; right: 0; width: 95%; bottom: 10px !important; box…- 200
- 0
-
7b2美化-手机底部菜单美化-1
7b2美化-手机底部菜单美化-1 代码放到css样式 /*手机版*/ @media screen and (max-width: 768px) { /*关闭手机端来源文章*/ #page .entry-header .single-from{ display: none; } .box, .side-fixed{ box-shadow: none; } .post-list-cats a{ mar…- 155
- 0
-
7b2美化-用户头像旋转特效
7b2美化-用户头像旋转特效 代码添加到css样式 /*头像呼吸光环和鼠标悬停旋转放大*/ .avatar { border-radius: 50%; animation: light 4s ease-in-out infinite; transition: 0.5s; } .avatar:hover { transform: scale(1.15) rotate(720deg); } @keyf…- 131
- 0
-
7b2美化-logo扫光
7b2美化-logo扫光 示例查看本站 代码放到css样式 /* logo扫光 */ .logo{ position:relative; overflow:hidden; margin: 0px 0 0 0px; } .logo:before{ content:""; position: absolute; left: -665px; top: -460px; width: 2…- 157
- 0
-
7b2美化-文章评论显示归属地
7b2美化-文章评论显示归属地 b2目录创建ip2c文件夹放入附件 首先b2/functions.php文件引入ip2c.php文件 include("ip2c/ip2c.php"); 打开文件/b2/Modules/Common/Comment.php 搜索下方html <div class="comment-item-hidden"&…- 244
- 0
-
7b2美化-隐藏页眉菜单美化社交类型菜单
7b2美化-隐藏页眉菜单美化社交类型菜单 示例请查看b2演示站 1、设置顶部菜单样式 设置项在：B2主题设置 – 模块管理 – 顶部 – 顶部布局样式-社交类型菜单 注意；如果你选择的是其他样式的菜单，请不要添加下面的css代码，避免引起布局样式错乱！ 2、添加css样式 请将以下css代码复制到你自己的css中。 /*优化头部header*/ .site-header.social…- 240
- 0
-
7b2美化-评论栏快捷打卡使用一言回复
7b2美化-评论栏快捷打卡使用一言回复 代码放到child.js //评论栏快捷打卡/一言回复 $(function(){$('.com-form-button-l').after('<p id="mrxu_daka" style="color:#65adff">#不想打字就点我#</p>');…- 112
- 0
-
7b2美化-首页动态搜索模块
背景是动态的哦！可自定义视频 教程开始 1.b2后台模块管理-首页-添加自定义模块页面选择铺满，放入以下代码 <!--首页视频区块--> <div id="page-wrapper"> <div class="home-banner por"> <section class="section"&g…- 432
- 0
-
7b2美化-添加好看的底部介绍
7b2美化-添加好看的底部介绍 以下代码放到footer.php <div class="footer-navi"> <div class="container"> <div class="about widget fl"> <h2 class="title">关于我们&…- 359
- 0
-
7b2美化-添加好看的底线
7b2美化-添加好看的底线 附件放到网站根目录 以下代码放到footer.php最上面，也可以按自己的想法放置 <!--底线开始--> <style> .lastpagenotice_noticewrap{color:hsla(0, 2.1%, 18.8%, 0.6);}.lastpagenotice_noticewrap img{height:73px; width:88…- 188
- 0
-
7b2美化-底部好看介绍带字母闪动
7b2美化-底部好看介绍带字母闪动 附件放到网站根目录 以下代码放到footer.php最上面 <footer id="colophon" class="footer"> <div class="site-footer"> <div class="wrapper"> <div …- 287
- 0
-
7b2美化-列表文章上浮效果
7b2美化-列表文章上浮效果 代码放到你的css样式 .home .post-list .b2_gap .post-list-item .item-in:hover { transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); } .post-module-…- 227
- 0
-
7b2美化-首页文章动态边框
7b2美化-首页文章动态边框 效果如本站 代码放入css样式 /*首页鼠标悬停视频样式*/ .post-item-zuixin_wz ul.b2_gap > li .post-module-thumb { border-radius:10px; } .post-3-li .item-in:hover .post-module-thumb { box-shadow: 0px 2px 5px #…- 246
- 0
-
K优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×