汇聚访 - 专注于主题美化及资源分享-最新发布-第43页

专注美化

与资源分享

WWW.HUIJUF.COM

HUIJUF.COM

最新发布第43页

子比主题 - 文章顶部添加按钮样式-汇聚访

实用子比主题 – 文章顶部添加按钮样式

在浏览论坛时，我注意到一种非常吸引人的按钮样式。这个样式非常适合放在文章的开头，提升整体的视觉效果。同时，这个按钮也具有实用的功能。如果你感兴趣，可以自行进行部署哦！演示效果：代码部署： [hidecontent type="reply"] 定位：WP后台设置 - 外观 - 小工具 - 文章页-主内容上面- 自定义HTML代码中添加以下代码即可： <style> .hoayue_button_container { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; padding: 20px 0; width: 100%; box-sizing: border-box; } /*www.huijuf.com*/ .hoayue_button_block {...

410310

汇聚访1年前

子比主题 - 分页按钮渐变美化-汇聚访

实用子比主题 – 分页按钮渐变美化

这是给子比主题的分页按钮添加的一款渐变风格的美化。使用此美化效果前记得先在后台设置中将列表翻页模式选项设置为数字翻页按钮，此美化效果本站也在使用，还是挺不错的，有喜欢的自行部署吧！演示效果：代码部署： [hidecontent type="payshow"] 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： /*页码样式微调www.huijuf.com*/ .pagenav .current, .pagenav .page-numbers, .pagenav a { border: 0; padding: 8px 14px; background: linear-gradient(148deg, hsla(0, 0%, 100%, 0), var(--main-bg-color)); -webkit-box-shadow: 0 0 8px 0 rgba(95, 95,...

011913

汇聚访1年前

子比主题 - 文章标签美化-汇聚访

实用子比主题 – 文章标签美化

Zibll子比主题的文章标签默认是黑色字体+灰色背景，不是特别美观，如下图。今天站长美化一下，弄成文章随机彩色标签。演示效果：代码部署： [hidecontent type="reply"] 定位：主题后台设置 - 自定义CSS代码中添加以下代码即可： /*文章随机彩色标签开始*/ /*www.huijuf.com*/ .article-tags{margin-bottom: 10px}.article-tags a{padding: 4px 10px;background-color: #19B5FE;color: white;font-size: 12px;line-height: 16px;font-weight: 400;margin: 0 5px 5px 0;border-radius: 2px;display: inline-block}.article-tags a:nth-child(5n){background-color: #4A4A4A;color: #FFF}.article-tags a:nth-child(5n+1){background-color: #ff5e5c;color: #FFF}.article-tags a:nth-child(5n+2){background-color: #ffbb50;color: #FFF}.article-tags...

101228

汇聚访1年前

子比主题 - 最新通知模块小工具-汇聚访

实用子比主题 – 最新通知模块小工具

这是给子比主题首页加一个最新通知模块小工具，此小工具能够更好的提醒用户一些公告或是其他网站通知等信息，同时适配了黑夜模式，总的来说还是挺不错的，有喜欢的自行部署吧！演示效果：代码部署： [hidecontent type="reply"] 定位：后台–>外观–>小工具–>自定义HTML把下方代码放进去即可，推荐放置位置：首页 - 主内容上面 <style> .zhankr-zx { position: relative; margin-bottom: 18px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; line-height: 1; } .zhankr-zx:before { margin-right: 10px; } .zhankr-zx:after {...

210814

汇聚访1年前

子比主题 - 顶部导航下增加一排小桔灯-汇聚访

实用子比主题 – 顶部导航下增加一排小桔灯

这是给子比主题的导航栏位置添加的一款发光小桔灯，效果在夜间也是非常好看，默认出现时间为晚8点到早8点，其他时间不出现，距离顶部为50px，可以根据自己的需求修改，喜欢的自行部署吧！演示效果：代码部署： [hidecontent type="reply"] PHPCSS 定位：/wp-content/themes/zibll/func.php，没有了自己创建一个php文件，记得加上<?php头，否则报错！仅在晚上8点之后才显示该效果哦！ /*汇聚访www.huijuf.com*/ add_action('wp_footer', 'add_lu_xiaojudeng'); function add_lu_xiaojudeng() { date_default_timezone_set("Asia/Shanghai"); $now = time(); $start = mktime(8, 0, 0, date('n'), date('j'), date('Y')); // 今日 8:00 $end = mktime(20, 0, 0, date('n'), date('j'),...

1676

汇聚访1年前

子比主题 - 浮动圆点标题样式美化-汇聚访

实用子比主题 – 浮动圆点标题样式美化

本站只有H1和H2标题样式，因为我喜欢用这两个，有用户跟我说想要h1/h2/h3全部都有的浮动圆点，我这里又加了一个H3的一个橙色标题样式，喜欢的自行部署吧！原创为腾飞博客！演示效果：代码部署： [hidecontent type="reply"] 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： /*浮动圆点标题美化*/ .article-content > .wp-posts-content > h2, .article-content .wp-posts-content > h1, .article-content .wp-posts-content > h3 { z-index: 1; } .article-content > .wp-posts-content > h2:hover::before, .article-content > .wp-posts-content >...

91216

汇聚访1年前

子比主题 - 网站不同时段温馨问候语弹窗-汇聚访

实用子比主题 – 网站不同时段温馨问候语弹窗

这是给子比主题适配的一款网站不同时间段显示温馨提示问候语的代码弹窗，以增强用户体验。一旦访客进入您的网站，他们将会看到根据当前时间段而变化的各类温馨提示。效果还是挺不错的，需要的自行部署吧！演示效果：代码部署： [hidecontent type="payshow"] HTMLCSSJS 定位：后台子比主题设置–>>自定义代码–>>自定义头部HTML代码添加以下代码： <div id="greetingBox"></div> 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： <style> #greetingBox { position: fixed; top: 20px; left: 50%; transform: translateX(-50%); width: 420px; text-align: center; z-index: 10000; pointer-events: none; font-family: 'Microsoft YaHei', sans-serif;...

0889

汇聚访1年前

子比主题 - 文章页添加顶部信息-汇聚访

实用子比主题 – 文章页添加顶部信息

这是一款子比主题的二次元顶部信息，子比论坛有人发，我就扒了一下，以下代码放在func.php中。阅读字数不准确自己调，实在不行就删掉。代码比较简约自行测试吧！演示效果：代码部署： [hidecontent type="reply"] // 定义一个函数来输出文章头部相关内容 function custom_output_article_header() { ob_start(); global $post; if ( is_single() && $post ) { $categories = get_the_category( $post->ID ); $category_links = array(); if ( $categories ) { foreach (...

31146

汇聚访1年前

子比主题 - 仿致美化顶部样式代码-汇聚访

实用子比主题 – 仿致美化顶部样式代码

这是一款子比主题模仿致美化顶部样式代码样式，这款样式能够更好的去让用户加入自己的群聊，还是不错的一款顶部样式美化，喜欢的自行部署吧！演示效果：代码部署： [hidecontent type="payshow"] 定位：WP后台–>>外观–>>小工具–>>自定义HTML，建议放到：首页-顶部全宽度，自己改一下跳转链接！ <style type='text/css'> a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,font,form,h1,h2,h3,h4,h5,h6,html,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var { border: 0; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; box-sizing: border-box; } .index-header { width: 100%; height: 624px;...

0887

汇聚访1年前

子比主题 - 文章卡片下载按钮样式美化-汇聚访

实用子比主题 – 文章卡片下载按钮样式美化

给子比主题卡片样式下面加一个下载按钮样式，非常美观，给自己的子比主题去加一个吧，这个非常实用，这个代码是扒mac站长的一个美化，所以我分享给大家免费使用！演示效果：代码部署： [hidecontent type="reply"] 首先一共三步，有两个php代码和一个css代码，话不多说直接开始教程！ PHPCSS 第一步：搜索zib_get_posts_list_meta或者是注释//获取文章列表的底部meta这个注释然后在这个函数内部加上以下代码，大概放在265行左右： $get_permalink = get_permalink();//添加文章链接随后将下面的PHP代码放到子比文件：/wp-content/themes/zibll/inc/functions/zib-posts-list.php的大概320多行，如下图！ $html = '<a class="down" target="_blank" href="' . $get_permalink . '" rel="external nofollow" >下载</a>';//添加下载按钮 CSS代码我就不说了，直接放到子比主题-->>自定义CSS样式即可！ /*下载按钮www.huijuf.com*/ a.down { display: inline-block; width: 100%; height: 30px;...

711313

汇聚访1年前

上一页 1…41 424344 45 下一页跳转

复制地址关闭热评

开通会员享特权

专属内容无限访问

下载权限提升至最高级

专属子比付费美化优惠

免费下载更多精品资源

¥29.9 ¥39.9

Vip会员 · 立省30元

扫码关注公众号

获取更多专属内容和最新资讯