最近更新
CoreNext主题美化汇总-一闲笔记置顶

CoreNext主题美化汇总

前言: CoreNext主题已经用了一段时间了,也美化了好多,因为文章内容多比较分散,现做个汇总,有时间有内容再接着更新。 美化教程
CoreNext主题美化:给自己的站点添加伞时间轴归档-一闲笔记

CoreNext主题美化:给自己的站点添加伞时间轴归档

前言: 站点的文章多了,查看所有的文章不是很方便,这时候就需要弄个时间轴归档,把所有的文章根据历史时间汇聚在一个页面中,随时浏览记录。 代码如下: <?php /** * Template Name: 伞时...
CoreNext主题美化:设置LOGO左右动画效果-一闲笔记

CoreNext主题美化:设置LOGO左右动画效果

LOGO左右动画代码: @keyframes shine { 0% { opacity: 1; transform: translateX(0); } 50% { opacity: 0.5; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); }...
CoreNext主题美化:网站运行天数显示-一闲笔记

CoreNext主题美化:网站运行天数显示

前言: 一个简单的网站运行天数显示,许多站长都会用到。 代码如下: <!-- 本站运行时间_xjvae博客[www.xjvae.com] --> <i class='fa fa-cog fa-spin fa-1x fa-fw'></i><!...
CoreNext主题美化:网站底部菜单按钮-一闲笔记

CoreNext主题美化:网站底部菜单按钮

前言: 网站底部太单调,增加点底部菜单内容。 插入CSS代码: /*网站底部按钮美化_xjvae博客[www.xjvae.com]*/ :root{--theme-color:#f04494;--focus-shadow-color:rgba(240,68,148,.4);--mian-...
CoreNext主题美化:彩色文字打印机效果-一闲笔记

CoreNext主题美化:彩色文字打印机效果

前言: Web应用中,为了吸引用户目光并使其聚焦于输入内容,常常会模拟编辑器或输入框中文字的逐字输入效果。这种效果,实质上是通过web动画模拟打字机的工作方式来实现的。本文旨在探讨这种打...
CoreNext主题美化:网页滚动条美化-一闲笔记

CoreNext主题美化:网页滚动条美化

前言: 一般的网页主题右侧默认的滚动条是灰色的,比较单调,利用css代码将其美化吧。 CSS代码: /*右侧上下滚轮美化*/ ::-webkit-scrollbar { width: 8px; height: 1px; } ::-webkit-scrollbar...
CoreNext主题美化:自定义文章版权内容-一闲笔记

CoreNext主题美化:自定义文章版权内容

前言: CoreNext主题支持自定义文章版权内容,我们可以在此进行美化。 代码如下: <fieldset style='border: 8px dashed; background: #ffffff; padding: 10px; border-radius: 5px; line-he...
CoreNext主题美化:复制提示版权-一闲笔记

CoreNext主题美化:复制提示版权

前言: 在网络高度发达的今天,复制和转载文章已成为一种常态。然而,这种便捷的行为却时常触碰到版权的红线,给原创作者带来不应有的损失。为了捍卫原创者的权益,众多网站开始采取积极措施,...
CoreNext主题美化:添加人生倒计时-一闲笔记

CoreNext主题美化:添加人生倒计时

前言: 随着生活节奏的加快和工作压力的增加,'人生倒计时' 的概念变得越来越重要。为自己的博客站点添加人生倒计时,可以提醒我们生活不仅仅是工作和责任,还有无数值得我们去珍惜和体验的时刻...
CoreNext主题美化:顶部彩色滚动进度条-一闲笔记

CoreNext主题美化:顶部彩色滚动进度条

前言: 一个比较好看的顶部彩色滚动进度条。 新建HRMdbjdt.js代码: //顶部彩色滚动进度条_xjvae博客[www.xjvae.com] $(window).scroll(function() { var a = $(window).scrollTop(), c = $(doc...