新建一个友链页面
<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样式
中加入以下内容:
![图片[2]-(转载)如何将Sakurairo友链页面样式改回Sakura样式 - 阿巴-阿巴](https://aba.pet/wp-content/uploads/2022/04/4444444444png-1024x506.png)
/*友人帐*/
.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 主题设置—页面设置—模板页面设置—友情链接模板单元对齐方向中
选择默认的第一个 不然修改会失效
![图片[3]-(转载)如何将Sakurairo友链页面样式改回Sakura样式 - 阿巴-阿巴](https://aba.pet/wp-content/uploads/2022/04/QQ截图20220408003351-1024x524.png)
转载于喵呜睡醒了
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
请登录后查看评论内容