CoreNext 主题美化：侧边小工具添加人生倒计时

漫漫人生，很多时光都在不经意间消逝。在网站侧边栏添加一款人生倒计时小工具，能时刻提醒自己时间正在一分一秒流逝（当然，它无法计算你的实际寿命）。本教程基于 CoreNext 主题，通过简单代码即可在侧边小工具中嵌入人生倒计时，兼具哲思与设计感。

效果演示

人生倒计时详细教程

将以下代码放置管理后台-外观-小工具-自定义 HTML选择放置的位置把代码复制进去，保存即可

代码内容

<!--人生倒计时 HTML_ 好软猫[www.haoruanmao.com]--> <div class="sidebar-box classListBox"> <div class="aside aside-count"> <div class="p-3"><span style="font-size: 1.2em; color: orange;"><i class="fas fa-hourglass-half"></i></span> 人生倒计时</div> <div class="content"> <div class="item" id="dayProgress"> <div class="title">今日已经过去<span></span>小时</div> <div class="progress"> <div class="progress-bar"> <div class="progress-inner progress-inner-1"></div> </div> <div class="progress-percentage"></div> </div> </div> <div class="item" id="weekProgress"> <div class="title">这周已经过去<span></span>天</div> <div class="progress"> <div class="progress-bar"> <div class="progress-inner progress-inner-2"></div> </div> <div class="progress-percentage"></div> </div> </div> <div class="item" id="monthProgress"> <div class="title">本月已经过去<span></span>天</div> <div class="progress"> <div class="progress-bar"> <div class="progress-inner progress-inner-3"></div> </div> <div class="progress-percentage"></div> </div> </div> <div class="item" id="yearProgress"> <div class="title">今年已经过去<span></span>个月</div> <div class="progress"> <div class="progress-bar"> <div class="progress-inner progress-inner-4"></div> </div> <div class="progress-percentage"></div> </div> </div> </div> </div> </div>

更多推荐

CoreNext 主题美化教程合集