前言
相信大家在购买喜欢的主题后,不满足于当前的设计,于是纷纷发挥自己的动手能力和审美感,对主题来一次整容,毕竟用的人多了难免出现千篇一律,慢慢成了大众模板的既视感。
准备
将如下css修改为你想要的样式,粘贴到主题css文件里,对于typecho用户,推荐使用CustomCssAndJs插件自定义css里(你没看错,插件就是这么叫的),最后会给下载链接。
代码
body#body {
background-image: url(左边),url(右边);
background-repeat: no-repeat,no-repeat;
background-repeat-x: no-repeat, no-repeat;
background-repeat-y: no-repeat, no-repeat;
background-attachment: fixed,fixed;
background-position: top left,top right;
background-position-x: left, right;
background-position-y: top, top;
height: auto;
}
注意
本教程对pc端浏览有效,对移动端无效(空间有限),除非主题开了半透明模式,且主题两侧必须有空余的位置,另外就是无遮挡的元素存在。
background-image: url(左边图),url(右边图);添加你的图片链接。
图片最好是透明形式,推荐到千库网下载元素,图片大小可以用美图秀秀修改以适应你的主题。
background-position: top left,top right;中的top left,top right分别为第一张图为左上角,第二张图为右上角的位置,想换底部,把top改成bottom即可,然后对应修改background-position-y: top, top;中的top, top内容。
版权属于:林叶展弟弟
原文链接:https://typecho.linyezhandidi.com/Website-design/360.html
转载时须注明出处及本声明
站点名称:Sword's Blog 杂货屋
本文链接:https://sword.studio/41.html
本博客所有文章除特别声明外,均采用知识共享署名-非商业性使用 4.0 国际许可协议 进行许可
您可以自由的转载和修改,但请务必注明文章来源并且不可用于商业目的