(转载)如何将Sakurairo友链页面样式改回Sakura样式

发布于 2022-04-08  1496 次阅读


新建一个友链页面

  • 新建一个友链页面(选择页面属性—模板—友情链接模板):
  • 使用区块—格式—自定义HTML
  • 在自定义HTML填入以下内容:
<style type="text/css">
.wrapperlogo {position: relative;}
 .logopra {display:none}
 #input666 {position: absolute;top: 0;left: 0;opacity: 0;z-index: -10;}
 .linkdes {
    border-top: 1px dashed #ddd !important;
}
</style>

主题设置部分

  • 主题设置-其他设置-低使用设置-自定义CSS样式中加入以下内容:
/*友人帐*/
.link-description {
    font-weight: normal;
}
 
.links ul {
    margin-top: 10px;
}
 
.links ul li {
    border: 1px solid #ECECEC;
    padding: 10px 30px;
}
 
.links ul li img {
    float: right;
    box-shadow: inset 0 0 10px #000;
    width: 65px;
    height: 65px;
    padding: 2px;
}
 
span.sitename {
    font-size: unset;
    margin-top: unset;
    margin-left: unset;
    color: #16a085;
    font-weight: normal;
}
 
.linkdes {
    color: #949494;
    font-size: 13px;
    font-weight: normal;
    padding: 10px 0;
    margin-left: unset;
    border-top: 1px dashed #ddd;
}
 
.links ul li:before {
    background-color: #16a085;
}
 
@media (max-width:860px) {
    span.sitename {
        font-family: Microsoft YaHei;
    }
    .linkdes {
        font-family: Microsoft YaHei;
    }
    .links ul li:hover .sitename {
        color: #467acd
    }
}

注意事项!!

  • 在 iro 主题设置—页面设置—模板页面设置—友情链接模板单元对齐方向中选择默认的第一个 不然修改会失效

转载于喵呜睡醒了

  • alipay_img
  • wechat_img
大的叫孤勇,小的叫词穷 不大不小的最没用,名字叫踟蹰
最后更新于 2023-03-02