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

2017.02.22

教程 | 添加蕾丝背景在帖子 / 小工具里

很难得的,最近真的很早睡觉。不到一点 / 两点就睡了 (( 众:这个叫很早睡 ?  嗯,对我来说是的。颗颗。以前不到四点我是绝对不会上床睡觉的。现在两点不到,已经开始觉得累了,而且也没有必要跟我自己的身体过不去,还是早睡比较好。况且,我也比较早起身了、典型的早睡早起。嘻。

废话不要多说,今天来发布答应了大家的添加蕾丝背景在帖子 / 小工具里。这个教程也是蛮多人问过的,所以今天就来发布吧。希望大家会喜欢 ♥ PS : 我最近很勤劳发教程有木有 ? 颗颗。


- Tutorial requested by ms.Elnic -

添加蕾絲背景在小工具里

Layout Template (2006) User / Blog Template User
1. 模板 - edit HTML

2. Ctrl + F 尋找代碼 .sidebar .widget  {

3. 在 .sidebar .widget  {...} 裏面添加以下代碼:
background: url(背景 url) repeat-x top;

 4. 預覽看看背景有沒有出現,即可保存。



添加蕾絲背景在帖子里

Layout Template (2006) User
1. 模板 - edit HTML

2. Ctrl + F 尋找代碼 .post {

3. 在 .post {...} 裏面添加以下代碼:
background: url(背景 url) repeat-x top;

 4. 預覽看看背景有沒有出現,即可保存。

Blog Template User
1. 模板 - edit HTML

2. Ctrl + F 尋找代碼 .post-outer {

3. 在 .post-outer {...} 裏面添加以下代碼:
background: url(背景 url) repeat-x top;

 4. 預覽看看背景有沒有出現,即可保存。

小解释
红色代码:蕾丝图片的 url

# 注:请确保你的 .sidebar .widget {...} / .post {...} 代码里面的 background: xxx; 已经全部删除了,不然是看不到效果的。

18 comments:

  1. 博主为什么我添加了代码,什么都看不到呢?

    ReplyDelete
    Replies
    1. 你的 .sidebar .widget { 里面有两个 background: xxx; 的代码,所以导致我给的代码用不到。你把 background: #FFFFFF; 删掉就看到效果了。

      -replied by Bii.

      Delete
    2. 谢谢你博主,我弄到了,可是那个标题和蕾丝黏在一起怎么办?

      Delete
    3. 寻找 h2 { 代码,然后在 {...} 里面添加这个代码:

      margin-top:20px;

      #20px 改成适合你的标题还有蕾丝之间的距离。

      -replied by Bii.

      Delete
  2. Replies
    1. 你的放不到是因为你添加的代码太乱了。

      首先、你有两个 .sidebar .widget { 的代码(我不知道你为什么添加了两个)
      第二、你的 .sidebar .widget { 的代码里面有太多的 background: xxx; 的代码

      #给你的建议
      删除其中一个 .sidebar .widget { 的代码,然后留下一个 background: url(URL) repeat-x top; 的代码就好了。

      -replied by Bii.

      Delete
  3. 我想问为什么我找不到 {...}

    ReplyDelete
    Replies
    1. /.\ 当然找不到。
      我的意思是指添加在
      .sidebar .widget {

      ...里面...

      }

      的意思。

      -replied by Bii.

      Delete
  4. 为什么找不到.sidebar .widget { ?

    ReplyDelete
    Replies
    1. 请问你添加了这个效果吗 ?

      - http://angelbii.blogspot.com/2012/11/sidebar-bt.html
      如果没有添加这个效果,当然是找不到 .sidebar .widget {

      -replied by Bii.

      Delete
  5. 我想問一下,之前我的slidebar就有框框了
    可是我想弄掉,卻不知道怎麽弄 >< 我也忘記是從哪裏學教程的 ><
    可以幫我找代碼嗎?

    ReplyDelete
    Replies
    1. 麻烦你留下部落格网址给我 :)

      PS: 关闭中的部落格恕不受理。

      -replied by Bii.

      Delete
  6. 为什么我弄到了,但是他还是粘根标题呢?
    我已经在 h2 {放了 margin-top:20px;啊/ /_\

    ReplyDelete
    Replies
    1. 你试着把 margin-top:20px; 再加大。

      -replied by Bii.

      Delete
  7. Why mine cannot? I use Blog Template User d...but the system say:
    "Warning: Your new template does not include the following widgets:
    HTML5" /.\

    ReplyDelete
  8. Replies
    1. 请先 make sure 你用的是 Blog template 哦 =]

      -replied by Bii.

      Delete

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

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

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