排序
WordPress子比主题文章卡片美化教程
教程简介： 子比主题文章卡片美化，我发现是在卡片代码内插入html代码配合css实现的，增加这三个点的代码，可以使用before来实现这个效果。 代码如下： .posts-item.card::before { content: ''...
WordPress首页文章列表悬停上浮开始
自定义 CSS 代码： /*首页文章列表悬停上浮开始*/ @media screen and (min-width: 980px){.tab-content .posts-item:not(article){transition: all 0.3s;}.tab-content .posts-item:not(article...
子比主题用户头像呼吸光环+鼠标悬停旋转放大
自定义css代码： /*头像呼吸光环和鼠标悬停旋转放大开始*/ .avatar{border-radius: 50%; animation: light 4s ease-in-out infinite; transition: 0.5s;}.avatar:hover{transform: scale(1.15) ...
WordPress导航栏标题字体加粗
添加到自定 CSS 代码： /*导航栏字体加粗开始*/ ul.nav {font-weight: 700;} /*导航栏字体加粗结束*/ 效果如下：
WordPress网站子比主题长文章分页按钮美化教程
wordpress自带的分页按钮是比较丑的很突兀，经过一段下面的 CSS 代码优化之后会变得更加美观。 子比主题添加路径：网站管理后台-–》子比主题设置—》自定义代码—》自定义 CSS 样式，把下面的 ...
WordPress美化文章内图片鼠标移动到图片外边框自动发光教程
1、很多时候网页背景也是白的，图片整体也是白色的，有的时候用户不好区分，这是图片还是网页，图片弄个外边框就好区分了，当然图片是鼠标移动到图片上才会显示边框。 2、 网站管理后台—》子比...
WordPress网站侧边栏添加新年倒计时小工具
在后台—》外观—》小工具—》自定义 HTML—》 选择需要放的位置，建议放在 首页-首页侧边栏 <div class='gn_box'> <h2><center><font color=#E80017>2</font><font color=#D...
子比主题网站右下角悬浮按钮美化
这个功能适用于喜欢一些二次元的朋友。 使用教程： 1.子比主题设置—>自定义代码—>自定义 CSS 样式：,添加以下 CSS 代码： 2.在代码 28 行 background: url(）括号内填写需要显示的图片链接。 ...
WordPress网站子比主题手机左侧菜单添加背景图片美化教程
CSS代码： /*手机侧边栏背景图片*/ @media (max-width: 767px){ .mobile-navbar.show,.mobile-navbar.left{ background-size: cover; background-repeat: no-repeat; background-position: cent...
WordPress子比主题美化 – 给导航菜单添加彩色渐变的文字的教程
网站给导航菜单添加彩色渐变的文字有多个好处。 展示效果如下： 提高视觉吸引力：彩色渐变文字能够增加导航菜单的视觉吸引力，使其更加醒目和引人注目。这样的设计可以使导航菜单在网站上脱颖而...
WordPress网站添加侧边彩色滚动条的教程
WordPress主题都会自带 自定义代码 这样主题设置的，只需在主题设置自定义 CSS 代码里面添加美化的 css 代码就即可美化了。 如果主题没有 自定义代码 那么在 WordPress 主题目录文件里找 style....
WordPress网站左上角添加 FPS 帧率显示
在网站管理后台—>主题设置—>自定义代码—>自定义 javascript 代码，把下面的 js 代码复制粘贴到里面即可。 // FPS 帧开始 $('body').before('<div id='fps' style='z-index:10000;position...
