建站笔记

子比主题 - bilibili列表底部效果-汇聚访

实用子比主题 – bilibili列表底部效果

这是模仿者哔哩哔哩网站为子比主题适配的一款页面底部效果，这个美化也是比较老的美化了，整体还是比较好看的，提示的字体可自行更改，代码也比较简单，有喜欢的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：WP后台 - 外观 - 小工具 - HTML代码添加以下代码即可（推荐放置：所有页面-底部全宽度）： <style> div.widget_text.zib-widget.widget_custom_html { background: none; padding:0px; margin-bottom:0px; box-shadow:none; } </style> <div style="position: relative;text-align: center;"><img decoding="async" src="https://pic1.imgdb.cn/item/6934e336b20847ff2b5e5b7e .png" data-src="https://pic1.imgdb.cn/item/6934e336b20847ff2b5e5b7e .png" class=" ls-is-cached lazyloaded"> <p style="position: absolute;top:...
建站笔记
18912
汇聚访的头像-汇聚访核心会员汇聚访1年前
子比主题 - 评论区显示漂亮的用户ID徽章背景二次元样式-汇聚访

实用子比主题 – 评论区显示漂亮的用户ID徽章背景二次元样式

为主题添加一个背景二次元样式的徽章，图片都是随机的，根据用户UID显示编号哦~ 演示效果： 代码部署： [hidecontent type="payshow"] 首先在网站/wp-content/themes/zibll 主题目录下新增func.php文件（此文件不会随着更新主题版本消失，有的话就不用管）或者说放入functions.php里面也可以 PHPCSS function wxs_footer_info_add_img_bill($info, $comment, $depth) { $user_ip = $comment->comment_author_IP; if ($user_ip) { //$user_ip_name = convertip(get_comment_author_ip()); // $replyText_html = '<span class="reply-link">' .'' . '</span><span style="cursor:pointer" data-toggle="tooltip" alt="IP：'.$user_ip.'" data-original-title="IP地址：'.$user_ip_name.'">'.mb_substr($user_ip_name,-3,3,"utf-8").'</span>'; $img_list =...
建站笔记
112912
汇聚访的头像-汇聚访核心会员汇聚访1年前
子比主题 - 文章列表果冻弹跳效果-汇聚访

实用子比主题 – 文章列表果冻弹跳效果

这是一款子比主题文章列表果冻弹跳效果美化，开启此效果后，当鼠标经过文章列表的任何区域都会出现类似果冻弹跳的效果一样，总的来说还是可以的，有喜欢的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： /*样式开始www.huijuf.com*/ posts.posts-item.card.ajax-item:hover{-webkit-animation:jumps-data-v-6bdef187 1.2s ease 1;animation:jumps-data-v-6bdef187 1.2s ease 1;}@-webkit-keyframes jumps-data-v-6bdef187{0%{transform:translate(0)}10%{transform:translateY(5px) scaleX(1.2) scaleY(.8)}30%{transform:translateY(-13px) scaleX(1) scaleY(1) rotate(5deg)}50%{transform:translateY(0) scale(1) rotate(0)}55%{transform:translateY(0) scaleX(1.1) scaleY(.9) rotate(0)}70%{transform:translateY(-4px) scaleX(1) scaleY(1) rotate(-2deg)}80%{transform:translateY(0) scaleX(1) scaleY(1) rotate(0)}85%{transform:translateY(0) scaleX(1.05) scaleY(.95)...
建站笔记
01057
汇聚访的头像-汇聚访核心会员汇聚访1年前
子比主题 - 新文章发布卡片列表角标-汇聚访

实用子比主题 – 新文章发布卡片列表角标

这是一款给子比主题添加的一款功能样式美化，部署完代码后，每当发布新文章右边都会有一个红色的New标签用来提醒用户，同时标签的颜色可自行更改，适配多种文章列表样式，有需要的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] PHPCSS 定位：/wp-content/themes/zibll/func.php添加以下代码即可： /*汇聚访www.huijuf.com*/ function add_new_label_to_post_title($title, $id = null) { if (is_admin() || !$id || !in_the_loop()) { return $title; } if (get_post_type($id) !== 'post') { return $title; } $post_time = get_the_time('U',...
建站笔记
71309
汇聚访的头像-汇聚访核心会员汇聚访1年前
子比主题 - 多功能自定义右键菜单-汇聚访

实用子比主题 – 多功能自定义右键菜单

大家好，本地汇聚访给大家带来了子比主题的自定义右键菜单，这个效果还是挺不错的，菜单中有很多实用的功能，便捷的同时又防止了别的右键扒站，有喜欢的的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码放到网站统计HTML代码里面即可！里面的内容自己改动一下！！ <style type="text/css"> /*www.huijuf.com*/ a {text-decoration: none;} div.usercm{background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#fff;font-size:13px!important;width:130px;-moz-box-shadow:1px 1px 3px rgba (0,0,0,.3);box-shadow:0px 0px 15px #333;position:absolute;display:none;z-index:10000;opacity:0.9; border-radius: 8px;} div.usercm ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px;display:block} div.usercm ul li{margin:0px;padding:0px;line-height:35px;} div.usercm ul li a{color:#666;padding:0 15px;display:block} div.usercm ul...
建站笔记
8878
汇聚访的头像-汇聚访核心会员汇聚访1年前
子比主题 - 会员框炫彩美化-汇聚访

实用子比主题 – 会员框炫彩美化

这是一款子比主题的会员框炫彩样式美化，此效果作用于多个地方，例如用户中心的会员开通按钮以及网站右上角的开通会员按钮等等，代码部署起来也比较简单，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： .payvip-icon { color: #ffffff; --this-color: #ffffff; background: linear-gradient(135deg, #ff7faf91 10%, #43b2ff 100%); } .vip-theme1 { background: linear-gradient(135deg, #ff7faf91 10%, #43b2ff 100%); } .vip-theme2 { background: linear-gradient(43deg, #ff6ac3...
建站笔记
121327
汇聚访的头像-汇聚访核心会员汇聚访1年前
子比主题 - 论坛板块分类角标&彩色标签美化-汇聚访

实用子比主题 – 论坛板块分类角标&彩色标签美化

这是给子比主题的论坛添加的两个美化效果，众所周知子比主题的论坛美化是很少的，此效果为6ke站长研发出来的，实际上我感觉演示图中左边的分类角标还是挺好看的，右边的有点花，所以我把代码分开了，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] posts.php分类角标彩色标签 定位：/zibll/inc/functions/bbs/inc/posts.php搜索zib_bbs_get_posts_mini_list整合替换PHP代码！ function zib_bbs_get_posts_mini_list($class = 'ajax-item', $show_topping = false) { $class = $class ? ' ' . $class : ''; global $post; $term_links = zib_bbs_get_posts_tag_link($post->ID, 'liuke-biaoqian'); $term_html = ''; if...
建站笔记
711312
汇聚访的头像-汇聚访核心会员汇聚访1年前
子比主题 - 下拉菜单猫耳朵样式-汇聚访

实用子比主题 – 下拉菜单猫耳朵样式

这是一款子比主题的下拉菜单猫耳朵样式，此效果会给一部分下拉菜单添加猫耳朵的背景图层，适合那些使用子比主题同时还是ACG风格的站点，话不多说了，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： /*悬浮按钮猫耳朵www.huijuf.com*/ .dropdown-menu { margin-bottom: 10px; border: none; box-sizing: border-box; padding: 25px 12px 50px; border-radius: 8px; background: url(https://pic1.imgdb.cn/item/693157d6a11464095f8ab5cb .png) no-repeat 50%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100%...
建站笔记
311213
汇聚访的头像-汇聚访核心会员汇聚访1年前
子比主题 - 翻页按钮增加页数跳转-汇聚访

实用子比主题 – 翻页按钮增加页数跳转

这是一款为子比主题翻页按钮增加的一款页数跳转的功能，此效果非常适合一些文章较多的一些站点，可以方便用户轻松到达所想到达的页码，十分便捷，有需要的站长自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：后台子比主题设置–>>自定义代码–>>自定义 javascript添加以下代码： $(function(){ $('a.next.page-numbers').after('<br><div style="display: inline-flex;margin: 10px;"><input class="form-control" id="pageInput" placeholder="输入页数" style="flex: 30px;border-color: var(--theme-color);"> <button class="newadd-btns but pw-1em jb-pink btn-newadd" onclick="goToPage()">前往</button></div>'); }); function goToPage() { const pageNumber = document.getElementById("pageInput").value; if (pageNumber...
建站笔记
39710
汇聚访的头像-汇聚访核心会员汇聚访1年前
子比主题 - 卡片粉色细节美化样式-汇聚访

实用子比主题 – 卡片粉色细节美化样式

这是一款给子比主题适配的只要有卡片的都有一个粉色细节美化的样式，这种的样式看上去还是比较好看的，很适合一些用子比主题且是ACG风格的站点，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： /*粉色细节优化*/ /*www.huijuf.com*/ .navbar-top .navbar-right .sub-menu { -webkit-box-shadow: 0 1px 4px 0 #FFD1D8 inset; -moz-box-shadow: 0 1px 4px 0 #FFD1D8 inset; box-shadow: inset 0 1px 4px 0 #FFD1D8;...
建站笔记
715210
汇聚访的头像-汇聚访核心会员汇聚访1年前
1…313233343536跳转