本站美化以及增加的其他小工具修改
一、自定义样式
本站样式修改css,可根据备注删除不要的样式,将以下css添加到后台-定制风格-自定义样式中即可。
- /*首页关于本站修改*/
- #feed_widget a {
- color: #000;
- width: 40px;
- display: block;
- text-align: center;
- height: 40px;
- line-height: 34px;
- margin: 0 auto;
- border-radius: 20px;
- border: 1px solid #ddd;
- }
- #feed_widget .feed a {
- color: #d28300;
- border: 1px solid #d28300
- }
- #feed_widget .feed a:hover {
- background: #d28300;
- color: #fff !important;
- border: 1px solid #d28300
- }
- #feed_widget .weixin a {
- color: #248a34;
- border: 1px solid #248a34;
- }
- #feed_widget .weixin a:hover {
- background: #248a34;
- color: #fff! important;
- border: 1px solid #248a34
- }
- #feed_widget .tsina a {
- color: #c40000;
- border: 1px solid #c40000
- }
- #feed_widget .tsina a:hover {
- background: #c40000;
- color: #fff !important;
- border: 1px solid #c40000
- }
- #feed_widget .tqq a {
- color: #4e91d1;
- border: 1px solid #4e91d1
- }
- #feed_widget .tqq a:hover {
- background: #4e91d1;
- color: #fff !important;
- border: 1px solid #4e91d1
- }
- /*幻灯片缩略图修改*/
- #slideshow #slider img{border-radius:5px;border:0}
- .thumbnail{box-shadow: rgba(0,0,0,0.5) 2px 2px 2px;border-radius:5px;border:0}
- /* 导航栏加粗*/
- #site-nav .down-menu li {
- font-weight: bold;
- }
- .breadcrumb {
- margin: 10px auto;
- border: 1px solid #ddd;
- border-radius: 2px;
- background-color: #fff;
- padding-bottom: 4px;
- padding-left: 10px;
- }
- /* 右侧滚动条按钮美化*/
- #scroll {
- width: 32px;
- float: rightright;
- position: fixed;
- rightright: 10px;
- bottombottom: 50px;
- z-index: 9999;
- }
- #scroll li a {
- font-size: 16px;
- color: #fff;
- width: 32px;
- height: 32px;
- line-height: 28px;
- text-align: center;
- vertical-align: middle;
- margin-top: 4px;
- display: block;
- cursor: pointer;
- border: 1px solid #ddd;
- border-radius: 15px;
- box-shadow: 0 1px 1px rgba(0,0,0,0.04);
- }
- #scroll li a:hover {
- background: #2f889a;
- color: #fff;
- border: 1px solid #2f889a;
- transition: all .2s ease-in 0s;
- }
- .scroll-h {
- background-color: #ff5e5c !important;
- }
- .scroll-c {
- background-color: #24a5db !important;
- }
- .scroll-b {
- background-color: #ff9531 !important;
- }
- #gb2big5 {
- background-color: #aec534 !important;
- }
- .qr {
- background-color: #4a4a4a !important;
- }
- .qqonline a {
- background: #d4ae45!important;
- }
- @media screen and (min-width:900px) {
- #scroll li a:hover {
- background: #2f889a;
- color: #fff;
- border: 1px solid #2f889a;
- transition: all 0.2s ease-in 0s;
- }
- }
- .qr-img {
- position: fixed;
- background: #fff;
- bottombottom: 50px;
- rightright: 50px;
- max-width: 300px;
- z-index: 9999;
- display: none;
- border-radius: 4px;
- padding: 10px 10px 2px 10px;
- animation: fade-in;
- animation-duration: 0.5s;
- -webkit-animation: fade-in 0.5s;
- border: 1px solid #ddd;
- box-shadow: 0 1px 1px rgba(0,0,0,0.05);
- }
- #output img {
- position: absolute;
- top: 72px;
- rightright: 72px;
- width: 25px;
- height: 25px;
- }
- .qr .fa-qrcode {
- font-size: 20px !important;
- line-height: 32px !important;
- }
- .qr-img .arrow {
- position: absolute;
- font-size: 26px;
- bottombottom: 2px;
- }
- .arrow-y {
- color: #fff;
- rightright: -8px;
- }
- .arrow-z {
- color: #c6c6c6;
- rightright: -9px;
- }
- #output td {
- border: none;
- }
- #output td {
- padding: 0;
- }
- .page-template-template-blog #scroll li a.scroll-c,.page-template-template-code #scroll li a.scroll-c,.page-template-template-links #scroll li a.scroll-c,.page-template-template-archives #scroll li a.scroll-c,.page-template-template-cms #scroll li a.scroll-c,.page-template-template-hot #scroll li a.scroll-c,.page-template-template-tag #scroll li a.scroll-c,.page-template-template-tougao #scroll li a.scroll-c,.page-template-template-contact #scroll li a.scroll-c,.page-template-template-message #scroll li a.scroll-c,.page-template-template-baidu #scroll li a.scroll-c {
- display: none;
- }
- #scroll li a {
- background: #2f9a3c;
- }
- .tagcloud {
- overflow: hidden;
- padding: 15px 0 12px 15px;
- }
- .tagcloud a {
- float: left;
- width: 31.3333%;
- margin: 0 1% 1% 0;
- padding: 0 8px;
- color: #000;
- height: 29px;
- line-height: 29px;
- text-align: center;
- opacity: .7;
- border-radius: 2px;
- overflow: hidden;
- }
- /*去掉幻灯上的标题文字*/
- .slider-caption {display: none; }
- /*顶部导航添加渐变色*/
- #top-header {
- background: linear-gradient(-30deg,rgb(250 234 178 / 71%) 10%,rgba(161,230,243,.78)) no-repeat;
- border-bottom: 1px solid #dedede;
- }
- /* 选中效果浮动背景*/
- .entry-more a {
- opacity:0
- }
- .post:hover .entry-more a {
- rightright:0;
- opacity:1;
- }
- .post {
- transition:all 0.3s ease 0s;
- }
- .post:hover {
- transform:translateY(-3px);
- z-index:1;
- -webkit-box-shadow:0 15px 32px rgb(197 175 241)!important;
- }
二、网站底部添加运行时长
- <p>已稳定运行 <span id="span_dt_dt" style="color: #0196e3;"></span>
<script type="text/javascript">
function show_date_time(){
window.setTimeout("show_date_time()", 1000);var BirthDay = new Date("1/25/2021 00:00:00");var today = new Date();var timeold = (today.getTime() - BirthDay.getTime());var sectimeold = timeold / 1000;
var secondsold = Math.floor(sectimeold);var msPerDay = 24 * 60 * 60 * 1000;var msPer = 365 * 24 * 60 * 60 * 1000;var e_ysold = timeold / msPer;var ysold = Math.floor(e_ysold);var e_daysold = timeold / msPerDay;var daysold = Math.floor((e_ysold - ysold) * 365);var aaasold = Math.floor(e_daysold);var e_hrsold = (e_daysold - aaasold) * 24;var hrsold = Math.floor(e_hrsold);var e_minsold = (e_hrsold - hrsold) * 60;var minsold = Math.floor((e_hrsold - hrsold) * 60);var seconds = Math.floor((e_minsold - minsold) * 60);document.getElementById("span_dt_dt").innerHTML = '<font style="color:#FF0000">' + ysold + '</font> 年<font style="color:#FF0000">' + daysold + '</font> 天 <font style="color:#FF0000">' + hrsold + '</font> 时 <font style="color:#FF0000">' + minsold + '</font> 分 <font style="color:#FF0000">' + seconds + '</font> 秒';
}show_date_time();</script>
微信扫描下方的二维码阅读本文
2024年5月5日 下午5:57 沙发
真的很负责,谢谢小陈