sword

博客网页两侧添加装饰物
前言  相信大家在购买喜欢的主题后,不满足于当前的设计,于是纷纷发挥自己的动手能力和审美感,对主题来一次整容,毕竟...
扫描右侧二维码阅读全文
18
2018/03

博客网页两侧添加装饰物

前言
  相信大家在购买喜欢的主题后,不满足于当前的设计,于是纷纷发挥自己的动手能力和审美感,对主题来一次整容,毕竟用的人多了难免出现千篇一律,慢慢成了大众模板的既视感。

准备
  将如下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
转载时须注明出处及本声明
Last modification:August 19th, 2018 at 04:32 pm
If you think my article is useful to you, please feel free to appreciate

Leave a Comment