当前位置: 首页 其他

Alist美化样式 透明格栅 背景图片 底部样式调整

栏目:其他 作者:xiaofan 时间:2024-09-04 16:21:16

配置步骤


1、点击设置-全局-自定义头部


2、把下方css代码粘贴进去

.hope-ui-light{
  background-image: url("https://browser6.qhimg.com/t01b14ccb4dec69d6a9.jpg") !important;
  background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position-x:center;
}
.obj-box.hope-stack.hope-c-dhzjXW.hope-c-PJLV.hope-c-PJLV-igScBhH-css {
background-color: rgba(255, 255, 255, 0.3) !important;
}
.hope-c-PJLV.hope-c-PJLV-ikSuVsl-css{
background-color: rgba(255, 255, 255, 0.3) !important;
}
.hope-c-ivMHWx-hZistB-cv.hope-icon-button{
background-color: rgba(255, 255, 255, 0.3) !important;
}
.hope-c-PJLV-ijgzmFG-css{
background-color: rgba(255, 255, 255, 0.3) !important;
}
.hope-c-PJLV-ikaMhsQ-css{
 background-color: rgba(255, 255, 255, 0.3) !important;
}
.hope-c-PJLV-idaeksS-css{
background-color: rgba(255, 255, 255, 0.3) !important;
}
.footer span,.footer a:nth-of-type(1){
  display:none;
}
.footer {
background-color: rgba(255, 255, 255, 0.3) !important;
width: min(99%, 980px) !important;
border-radius: var(--hope-radii-xl);
padding: var(--hope-space-4);
box-shadow: var(--hope-shadows-lg);
}

3、点击下方保存即可


阅读:451次

分类栏目