建站笔记

子比主题 – logo透明过渡美化样式-汇聚访

实用子比主题 – logo透明过渡美化样式

这是给子比主题得的logo添加的一款透明过渡的美化样式，这个效果是腾飞参考别的网站的样式来适配子比主题的，之前我也发过几款logo样式的美化，话不多说有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比主题–>>自定义CSS样式，把下方代码放入即可： /*汇聚访：www.huijuf.com*/ .navbar-brand { position: relative; } .navbar-logo img { position: relative; display: inline-block; animation: logoShine 2s infinite ease-in-out; } @keyframes logoShine { 0% { transform: translateX(0); opacity: 1; }...
建站笔记
411911
汇聚访的头像-汇聚访核心会员汇聚访7个月前
子比主题 – 给网站添加动态蜡笔小新-汇聚访

实用子比主题 – 给网站添加动态蜡笔小新

这是给子比主题添加的一款网站动态蜡笔小新样式，原代码是腾飞分享出来的，这个效果会在下拉网站或者上拉网站的时候出现蜡笔小新，提示词也是可自行修改的，可以随意拖拽他，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] JSCSSHTML 直接将下面的代码放到：子比主题–>>自定义头部HTML代码或自定义底部HTML代码，或者放在header文件里面，里面的文件代码自己本地！spig.js文件我放在文章附件了，自行引入！ <!--蜡笔小新--> <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js" type="text/javascript"></script> <script src="/spig.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> var right_click = '你想干啥呀？'; var onoff_move = '1'; var touch_array = ["不要摸我", "再摸我，我就杀掉你！", "干嘛老摸我啊？", "非礼呀！！！！！", "我可以告你性侵犯吗？", "色狼啊啊！"]; var...
建站笔记
17514
汇聚访的头像-汇聚访核心会员汇聚访7个月前
Ri主题 - 高级搜索模块美化-汇聚访

实用Ri主题 – 高级搜索模块美化

这是对Ri主题的高级搜索模块美化，适配了白天以及黑夜模式，使用前你得先开启主题的这个模块否则修改了也无用，搜索热词我并没有调整太多的样式，如果用得到的话自己适配吧，需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] CSSPHP 定位：主题后台设置 - 基本设置 - 自定义CSS样式代码中添加以下代码： /*汇聚访：www.huijuf.com*/ .huijuf-search-container { width: 100%; max-width: 600px; margin: 0 auto; position: relative; } .huijuf-search-form { width: 100%; } .huijuf-search-wrapper { display: flex; height: 45px;...
建站笔记
011213
汇聚访的头像-汇聚访核心会员汇聚访7个月前
子比主题 – 数据统计条小工具代码-汇聚访

实用子比主题 – 数据统计条小工具代码

这是一款子比主题的数据统计条代码，里面带有日更新、文章数目、帖子数量、评论数量、注册用户、运行时间、浏览次数等功能，该小工具原为腾飞分享的，你可以放在你想放置的任何一个位置，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/func.php文件，没有这个文件自己创建一个，记得加上php头，要不然会报错，然后将下面的代码放里面即可！ // 统计条func代码 if (!function_exists('get_posts_count_today')) { function get_posts_count_today($post_type = 'post') { $today = date('Y-m-d'); $args = array( 'post_type' => $post_type, 'post_status' => 'publish', 'date_query' => array( array( 'after' => $today...
建站笔记
181849
汇聚访的头像-汇聚访核心会员汇聚访7个月前
Ri主题 - 顶部导航栏菜单选中样式-汇聚访

实用Ri主题 – 顶部导航栏菜单选中样式

这是一款Ri主题顶部导航栏菜单选中样式，这个效果是在你鼠标放在菜单文字的时候，菜单文字的顶部会出现类似进度条样式的线条，黑夜模式也并无任何违和感，总体来说还是挺不错的，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：主题后台设置 - 基本设置 - 自定义CSS样式代码中添加以下代码即可： /*汇聚访：www.huijuf.com*/ .navbar .nav-list>.menu-item>a::before { content: ""; position: absolute; top: -2px; left: 0; width: 100%; border-radius: 11px; height: 5px; background: linear-gradient(206deg, #df9900 10%, #ed0ca4 100%) !important;...
建站笔记
010110
汇聚访的头像-汇聚访核心会员汇聚访7个月前
Ri主题 - 顶部导航菜单角标样式（第三款）-汇聚访

实用Ri主题 – 顶部导航菜单角标样式（第三款）

这是我给Ri主题适配的第三版的菜单角标样式，这个样式效果依旧是动态的样式，颜色我只适配了两个不过理论代码都是一样的，如需别的颜色可自行适配，黑夜模式也可以完美使用，话不多说了有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] CSS菜单 定位：主题后台设置 - 基本设置 - 自定义CSS样式代码中添加以下代码： /*汇聚访：www.huijuf.com*/ .huijuf-hong { font-size: .5em; line-height: 1.4; padding: 0.2em 0.5em; min-width: .9em; min-height: 0.9em; display: inline-block; vertical-align: 1.8em; border-radius: 11px; color: #fff; text-align: center;...
建站笔记
09815
汇聚访的头像-汇聚访核心会员汇聚访7个月前
子比主题 – 用户随机头像教程（代码版）-汇聚访

实用子比主题 – 用户随机头像教程（代码版）

这是一款子比主题的用户随机头像教程，这款教程是通过代码的形式来实现，通过php代码实现然后调用的是目录的图片即可实现用户注册随机头像教程，随机头像的头像样式也可自行更改，有需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/func.php文件，没有这个文件自己创建一个，记得加上php头，要不然会报错，将下面的代码放到里面即可！ /*开始随机头像*/ function zib2_sign_in($user_id) { if (!$user_id) { return; } $social_login = get_user_meta($user_id, 'oauth_new', true); $avatars_base_dir = WP_CONTENT_DIR . '/uploads/tx/'; $avatars = glob($avatars_base_dir . '*.{jpg,jpeg,png,gif}', GLOB_BRACE | GLOB_NOSORT); if (empty($avatars))...
建站笔记
512711
汇聚访的头像-汇聚访核心会员汇聚访7个月前
Ri主题 - 菜单彩色小圆圈样式-汇聚访

实用Ri主题 – 菜单彩色小圆圈样式

这是给Ri主题添加的一款菜单彩色小圆圈样式，主要用于除了一级菜单之外的菜单，比如二级三级等，这个效果也是十分的好看，给本就不多彩的日主题添上了浓厚的一笔，目前我只适配了这几种颜色，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] CSS菜单 定位：主题设置 - 基本设置 - 自定义CSS样式代码中添加以下代码： /*汇聚访：www.huijuf.com*/ .lanse { box-sizing: border-box; content: ''; width: 12px; height: 12px; border-radius: 50%; position: absolute; top: 50%; margin-top: -6px; left: 0; border-color: #61e1b9; border:...
建站笔记
07614
汇聚访的头像-汇聚访核心会员汇聚访7个月前
Ri主题 - 首页搜索模板波浪样式-汇聚访

实用Ri主题 – 首页搜索模板波浪样式

这是给Ri主题添加的一款首页搜索模板波浪样式，我修改了这个小工具的代码，按理来说这个小工具不管你放在哪里这个波浪效果都会显示出来，教程我写的很详细，修改主题代码前记得提前备份文件，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：后台 - 外观 - 小工具 - 首页模板中添加【首页】高级搜索模块小工具，随后在主题设置 - 基本设置 - 自定义CSS代码样式中添加以下代码： /*汇聚访：www.huijuf.com*/ .awaves { padding-top: 320px; z-index: -1; position: absolute; bottom: 0; width: 100%; } .waves { position: relative; width:...
建站笔记
17713
汇聚访的头像-汇聚访核心会员汇聚访7个月前
Ri主题 - 文章缩略图动态圆圈（代码版）-汇聚访

实用Ri主题 – 文章缩略图动态圆圈（代码版）

这是一款Ri主题缩略图动态圆圈效果，我之前适配过子比主题今天来适配一下Ri主题，这个效果是在鼠标悬浮文章缩略图的时候，会有一个动态波纹形态的白色小圆圈，效果也是十分好看，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：/wp-content/themes/ripro-v5/template-parts/loop/entry-media-part.php中找到以下代码（大概18行左右）： <?php if ($post_format_icon):?> 在这行代码的下方添加以下代码，图片我放在图床了，自行下载本地化！ /*汇聚访：www.huijuf.com*/ <div class="cao-cover"> <img src="https://pic1.imgdb.cn/item/68f622243203f7be00830c76 .svg" width="50" height="50px"> </div> /*汇聚访：www.huijuf.com*/ 随后定位：后台主题设置 - 基本设置 - 自定义CSS代码样式中添加以下代码即可： /*汇聚访：www.huijuf.com*/ .entry-media .cao-cover { position: absolute; top: 0; left: 0; width:...
建站笔记
08610
汇聚访的头像-汇聚访核心会员汇聚访7个月前
1…1112131415…36跳转