さくら荘丨樱花庄 - 主题
type: channel
link: https://www.muyu.love/tag/主题/
items: [持续更新]Handsome魔改记录

[持续更新]Handsome魔改记录
type: item
date: 2020-07-08T18:25:00+08:00
description: 关于 教程来源至网络 自定义CSS 自定义CSS丨放入后台-外观设置-开发者设置-自定义CSS 首页文章版式阴影化 [collapse status="false" title="首页文章版式阴影化"] .panel{ box-shadow: 1px 1px 5px 5px rgba(255, 112, 173, 0.35); -moz-box-shadow: 1px 1px 5px 5px rgba(255, 112, 173, 0.35); } .panel:hover{ box-shadow: 1px 1px 5px 5px rgba(255, 112, 173, 0.35); -moz-box-shadow: 1px 1px 5px 5px rgba(255, 112, 173, 0.35); } .panel-small{ box-shadow: 1px 1px 5px 5px rgba(255, 112, 173, 0.35); -moz-box-shadow: 1px 1px 5px 5px rgba(255, 112, 173, 0.35); } .panel-small:hover{ box-shadow: 1px 1px 5px 5px rgba(255, 112, 173, 0.35); -moz-box-shadow: 1px 1px 5px 5px rgba(255, 112, 173, 0.35); } [/collapse] 首页文章图片获取焦点放大 [collapse status="false" title="首页文章图片获取焦点放大"] .item-thumb{ cursor: pointer; transition: all 0.6s; } .item-thumb:hover{ transform: scale(1.05); } .item-thumb-small{ cursor: pointer; transition: all 0.6s; } .item-thumb-small:hover{ transform: scale(1.05); } [/collapse] 标签云整齐排列 [collapse status="false" title="标签云整齐排列"] /*标签云*/ #tag_cloud-2 a { border-radius: 5px; width: 32%; } [/collapse] 文章内打赏图标跳动 [collapse status="false" title="文章内打赏图标跳动"] /*文章内打赏图标跳动*/ .btn-pay { animation: star 0.5s ease-in-out infinite alternate; } @keyframes star { from { transform: scale(1); } to { transform: scale(1.1); } } [/collapse] 手机适配中不显示热门及标签云 [collapse status="false" title="手机适配中不显示热门及标签云"] 将以下代码添加至后台-开发者设置-自定义CSS。 /*手机不显示*/ @media (max-width:767px) { #tabs-4,#tag_cloud-2 { display: none; } } [/collapse] 文章标题居中 [collapse status="false" title="文章标题居中"] /*文章标题居中*/ .panel h2{ text-align: center; } .panel-small h2{ text-align: center; } .panel-picture h3{ text-align: center; } .post-item-foot-icon{ text-align: center; } [/collapse] 美化主页文章列表宽度 [collapse status="false" title="美化主页文章列表宽度"] /* 非盒子模式页面宽度 */ .no-container #post-panel, .no-container .blog-posts { max-width: 90%; } [/collapse] 粗体上色 [collapse status="false" title="粗体上色"] /* 粗体上色 */ strong{ color: rgb(255, 153, 0); } [/collapse] panel阴影 [collapse status="false" title="panel阴影"] /*panel阴影*/ .pan…