这篇文章最后修改于 2022-06-24 日,距今已有 347 天,请注意甄别内容是否已经过时!
只针对本主题 | 笔记
只能设置分类合并/独立页面合并,并不能同时多个分类,针对这个进行部分修改。分析得出属于
style-white.css
与style-dark.css
,手机端需做部分修改,使得日夜间切换不出问题。
style-white.css
@media(max-width:630px)
{
#nav-swith
{
margin: 0
}
#nav-swith:before,#nav-swith:after
{
left: 6px;
width: 18px;
height: 2px;
background: currentColor;
border: 0;
border-radius: 0;
transform: none;
-ms-transform: none;
-webkit-transform: none
}
#nav-swith:after
{
top: 21px
}
#nav-swith span
{
visibility: visible
}
.on #nav-swith span
{
visibility: hidden;
opacity: 0
}
#nav
{
width: 100%;
max-height: 0;
overflow: hidden;
text-align: center
}
.on #nav
{
max-height: 340px
}
.head-fixed .on #nav
{
margin-bottom: 5px
}
.nav-menu
{
max-height: 300px;
overflow: auto
}
.nav-menu li,.nav-menu a
{
display: block
}
.nav-menu a:hover
{
font-weight: bold;
border: 0
}
.menu-parent ul
{
position: relative;
left: 0;
margin: 0 auto;
width: 75%;
visibility: visible;
opacity: 1;
transform: none;
-webkit-transform: none
}
.menu-parent .menu-parent .menu-child:before
{
border-bottom: 7px solid rgba(221,221,221,.95)
}
#site-search
{
position: static;
width: 50%;
margin: 0 auto
}
.post-content .links li
{
width: 33.33333%
}
.comment-form .textarea
{
width: 58%
}
.comment-form .textbutton, #CAPTCHACode input, #comment-form .tijiao
{
width: 40%
}
.focus {
width: 100%;
}
#theend:before {
width:30%;
}
#theend:after {
width:30%;
}
.photos .liebiao {
width: 100%
}
.liebiao img {
max-height: 100%;
}
#main .post-zhengwen .post-toutu img {
max-height: 100%;
}
.siteUrl:before {
content: "\e723 ";
}
.Categorya:before {
content: "\e63f ";
}
.PageTexta:before {
content: "\e628 ";
}
#Category,#PageText {
display: none;
}
.Categoryactive, .PageTextactive{
display: block !important;
}
}
做部分修改:
/*手机”更多“中的收缩栏*/
/*再添加一个*/
@media(max-width:630px)
/*只需修改最后:*/
#Category,#PageText
改为:#Category01,#PageText
/*收缩栏结束*/
style-dark.css
@media(max-width:630px)
{
#nav-swith
{
margin: 0
}
#nav-swith:before,#nav-swith:after
{
left: 6px;
width: 18px;
height: 2px;
background: currentColor;
border: 0;
border-radius: 0;
transform: none;
-ms-transform: none;
-webkit-transform: none
}
#nav-swith:after
{
top: 21px
}
#nav-swith span
{
visibility: visible
}
.on #nav-swith span
{
visibility: hidden;
opacity: 0
}
#nav
{
width: 100%;
max-height: 0;
overflow: hidden;
text-align: center
}
.on #nav
{
max-height: 340px
}
.head-fixed .on #nav
{
margin-bottom: 5px
}
.nav-menu
{
max-height: 300px;
overflow: auto
}
.nav-menu li,.nav-menu a
{
display: block
}
.nav-menu a:hover
{
font-weight: bold;
border: 0
}
.menu-parent ul
{
position: relative;
left: 0;
margin: 0 auto;
width: 75%;
visibility: visible;
opacity: 1;
transform: none;
-webkit-transform: none
}
.menu-parent .menu-parent .menu-child:before
{
border-bottom: 7px solid rgba(48,70,98,.95)
}
#site-search
{
position: static;
width: 50%;
margin: 0 auto
}
.post-content .links li
{
width: 33.33333%
}
.comment-form .textarea
{
width: 58%
}
.comment-form .textbutton, #CAPTCHACode input, #comment-form .tijiao
{
width: 40%
}
.focus {
width: 100%;
}
#theend:before {
width:30%;
}
#theend:after {
width:30%;
}
.photos .liebiao {
width: 100%
}
.liebiao img {
max-height: 100%;
}
#main .post-zhengwen .post-toutu img {
max-height: 100%;
}
.siteUrl:before {
content: "\e723 ";
}
.Categorya:before {
content: "\e63f ";
}
.PageTexta:before {
content: "\e628 ";
}
#Category,#PageText {
display: none;
}
.Categoryactive, .PageTextactive{
display: block !important;
}
}
同理:
/*手机”更多“中的收缩栏*/
/*添加*/ @media(max-width:630px)
/*将最后:*/
#Category,#PageText
/*修改为:*/
#Category01,#PageText
/*收缩栏结束*/
2022/6/19:
CSS文件中添加以下代码:white:443-448
dark:445-447
/*添加的分类栏经过时的变化*/
.nav-menu .menu-parent a:hover
{
border-bottom: 1px solid #4e8ef0;
color: #14a92d;
}