越努力越幸运。
不管如何,我比你努力,比你好,比你更问心无愧。

2017.02.22

教程 | 更换部落格背景 (BT/BS)

大家好。此帖子乃新设计后的第一篇帖子。不用怀疑啦,你没有进错部落格说。这一次我比较大胆一点,尝试挑战灰白色来设计我的部落格。各位,如何 ? 欢迎你们留言告诉我啦。话说,navigator bar 是我研究到最辛苦的那一部分 /.\ 不知道为什么,每次弄部落格,最辛苦完成的总是 navigator 那一 part. 囧'' 再来,就是 header 的 banner 了。这个真的很乱来,噗—— 伤害到你们弱小的眼睛就对不起了。颗颗、

好啦。废话哈拉完了。这次来发布,如何更换部落格背景这篇帖子。感觉最近新进的部落格玩家还不少。可是他们通常遇到的基本问题就是换部落格背景。我不知道为什么,或许是对代码还陌生的关系吧 ? 或许看了这篇帖子就没有那么混乱了 ? (( 众 : 有那莫什么莫 ?

其实我先前已经有发布过两种更换背景的方法了:  这两种方法都是不一样的,而且更换的背景类型也不一样。详情可以点击网址进入查看。而今天发布的,则是比较全面一点的,把统统更换的类型 / 方法聚集在这个帖子里面,不用麻烦、颗颗。

Blog Template and Blogskin Users

1. 模板 - edit HTML

2. Ctrl + F 寻找代码 body {

3. 把 body { 里面的 background: $(body.background); 的代码删除,如图:


4. 删除后,再添加一段 background 的代码。


# 下面会提供几种背景的类型,还有其添加方法。只需把代码添加在 body {...} 里面就可以了。

- 类型 1 ; 重复性背景图 -
background: url(背景网址);

- 类型 2 ; 横铺式背景图 -
background: url(背景网址) repeat-x;

- 类型 3 ; 直铺式背景图 -
background: url(背景网址) repeat-y;

- 类型 4 ; 角落式背景图 -
background: url(背景网址) no-repeat left bottom;
left bottom : 左下角
left top : 左上角
right bottom: 右下角
right top : 右上角
#


暂时就只有这四种类型的背景还有它的添加方法(外加前两次发布的)。希望这些教程可以帮到你们哟 :D

3 comments:

  1. 请问可以转载此教程吗?我会附上你的链接的。

    ReplyDelete
    Replies
    1. 可以的 :) 记得附上链接哦,谢谢 :)

      - replied by Bii.

      Delete
  2. 拿走,成功了!谢谢!

    ReplyDelete

っ 谢谢你耐心的看完这篇帖子 ♥
っ 评论将在博主审核后发布,如有不便,敬请原谅哦 :)
っ 除了评论之外,亲也可以选择在 Cbox 留言或 PM 我的部落格专页信箱

ベ 请用词确切,勿使用脏字哟
ベ 部落格不接受匿名评论,评论前请确保你拥有 Google Account 哦
ベ 请仔细列明你的问题好方便我回答哦 :)

* 感谢你的留言,欢迎下次再来。