教程 | 放白色outer wrapper

此教程不支持新模板!!



像我现在用着的背景,
帖子,小工具和banner都在同一个白色的地方~

 首先,先确保你的部落格背景不是白色的,
不然放了也看不到= =

1.去设计》修改HTML,按Ctrl+F 寻找



2. 你会看到它下面有 #outer-wrapper {

3. 在#outer-wrapper { 下面添加这些字:

background:#ffffff;

**蓝色的字体是颜色代码。 #ffffff 是白色
其他颜色代码可以到这里看  点我

如图:



保存起来即可~

#extra

如果要给边缘变

圆角就在

background:#ffffff;

下面加这个

-moz-border-radius: 10px;

104 条评论:

  1. 丫丫 就是就是
    虽然不是我画的啦==

    回复删除
  2. why my blog html no outer wrapper?????

    回复删除
  3. 抱歉/\
    最近博客出了点问题~可能会留言不到><

    回复删除
  4. 请问 , 你的照片 ( header ) 是用什么做的 ?

    回复删除
  5. joly ko
    请问http://developers.facebook.com/docs/plugins/的Comments的URL to comment on要写什么URL?

    回复删除
  6. 怎么让帖子的文字左右飘动~~~

    回复删除
  7. ι'м ʃс мüι(혜)
    你用新模板吧?新模板的找不到的~

    匿名
    代码在评论里无法显示...给我你blog网址,我去留言告诉你 :D

    jolly
    那个不能用了,抱歉

    回复删除
  8. unique
    你是不是用新模板?新模板找不到的。

    cheryl
    不客气啊 :D

    Imma Stelluu♥
    你是说这个教程吗?
    是的。

    Carrene
    你用新模板吗?新模板找不到的

    Miss Domo
    谢谢你❤

    EeAi Kueh
    我这个banner是mr。gaga帮我弄的 <3

    回复删除
  9. 哈哈 对对对 加油!
    可是还有功课 Folio 没有做完
    啊啊啊 开心不起来啊啊啊 ><

    回复删除
  10. 圆角就在

    background:#ffffff;

    下面加这个

    -moz-border-radius: 10px;

    回复删除
  11. yaya 我也是 haizz 放假放到太愉快的说==
    功课都懒得去碰 囧

    回复删除
  12. 可以把他变成透明的吗?

    回复删除
  13. 我再发给教程给你ok?我怕这样说你不明白哦~
    可是教程要等一等咯~><

    回复删除
  14. ok~ :) 谢谢你啊 :D
    不过不要太久捏~>.<

    回复删除
  15. 请问profile banner怎样做?
    =)

    回复删除
  16. 像你的部落格的标题这样的哦 有图案然后有字的 应该是banner 我不懂它叫什么 呵呵... =D

    回复删除
  17. 恩~是banner
    只是你说profile banner害我blur掉 XD

    我用软件做的。

    回复删除
  18. 呵呵。。。
    那请问你能教我这样做吗?
    =)

    回复删除
  19. 可是我的为什么不够宽的?
    白色的~

    回复删除
  20. 新模板的教程有吗?好想要的说~Q3Q

    回复删除
  21. 你的背景外面有glow的光呢 ..
    怎么弄的丫 ?=)

    回复删除
  22. 我不想包完整个,最底要看到背景..
    怎样弄,希望你可以回复我哟 :)

    回复删除
  23. 为什么我的帖子和旁边的小工具的距离分开那么大的?

    回复删除
  24. 就像你的outwrapper 没有到底部一样..怎样弄呢??

    回复删除
  25. 顺便问一个问题,那个banner , right side 比较多白边,图片在中央可是 left side 白边比较少,怎样调整?
    margin 还是padding ?

    回复删除
  26. 我要底部可以看到背景..明白了吗?

    回复删除
  27. 我の找沒有那個字噢~
    怎麼辦?

    回复删除
  28. Apple请问如何把outer wrapper 变宽?
    还有怎样换背景?
    *我是旧模板的~

    回复删除
  29. I'm Qi'ss
    这个我考完试放教程给你吧 :D

    回复删除
  30. 那么请问那个你的那些search it&link me的图案等等...是怎么弄的?很美哦^^

    回复删除
  31. 那个教程在排队着,请耐心等等:)

    回复删除
  32. 对不起啊,我不会新模板的~

    回复删除
  33. 你有新模板的教程吗?或者你有新模板教程的link?这些我全部都弄不到啊 >.<

    回复删除
  34. 为什么你的边框是圆的,我的却是四四方方的呢?而且为什么我的顶部那边看不到背景的呢?

    回复删除
  35. 圆角就在

    background:#ffffff;

    下面加这个

    -moz-border-radius: 10px;

    然后再加

    margin-top: 30px;
    margin-bottom: 25px;

    (margin-top是上面空多少,margin-bottom是下面空多少)

    回复删除
  36. SanYan
    抱歉啊,问题应该是出在你那边了...><

    回复删除
  37. 请问,怎样可以删掉这个东西?

    回复删除
  38. 我找不到这个哦
    Outer-Wrapper

    回复删除
  39. yvonne
    把background:#ffffff;删掉就好了啊~

    MunYee
    新模板弄不到的~

    回复删除
  40. 没有,新模板的都有wrapper了啊~
    只不过是半透明。

    回复删除
  41. 最顶的要怎么调高度?
    就是从上面木板的background到白色的outerwrapper的高度怎么调?因为我的outer wrapper是“粘”上去的……

    回复删除
  42. 在上面加margin-top: 30px;
    不一定要30的,依你喜欢

    回复删除
  43. 迟点才发新教程吧~很复杂一下 ==

    回复删除
  44. Apple, 我会调宽度啦~[笑 可是中间的空间很大-.- 有没有办法弄掉可是又不影响宽度的?

    回复删除
  45. 我想是你调整时弄到的,我迟点再放一个教程教这个。
    抱歉啊,我很忙都没时间发>< 我尽快发给你们 :)

    回复删除
  46. 我是旧模版 =.=可是看不到的 ?? 为什么啊omg xinni3.blogspot.com

    回复删除
  47. 你的outer wrapper会发亮的><~~

    回复删除
  48. I can't find Outer-Wrapper on old template :/

    回复删除
  49. 新模板的有教程吗?很想弄这个呢 ><

    回复删除
  50. 有新模板的教程吗?很想弄这个><

    回复删除
  51. 有新模板的教程吗?很想弄><

    回复删除
  52. 新模板有教程吗?很想弄这个~><

    回复删除
  53. 新模板有教程吗?很想弄这个~><

    回复删除
  54. 匿名
    对啊~你要吗?

    Carmen
    你用minima的旧模板就有了 :)

    Mss zYii
    没有哦~不好意思啊><

    回复删除
  55. 我 要 把 他 backgroud 全 部 变 白 ...

    你 可 以 叫 我 吗 ?pls

    回复删除
  56. 我 要 background 全 部 白 能 吗 ?

    你 可 以 叫 我 ?

    回复删除
  57. 要全白就不用加这些代码了,
    直接去body }把
    background: 那边的颜色改成 #ffffff

    回复删除
  58. 可是旧模板的都不能换背景不是吗?

    回复删除
  59. 就模板是怎样的??:)

    回复删除
  60. 匿名
    就是minima template那些咯 :)

    回复删除
  61. じ☆ve AppLe ; 做么我放了全部背景变成白色的? 背景的图片没了的?

    回复删除
  62. 回复
    1. 现在有了对吧?
      你的部落格很美 :)

      删除
  63. 我弄不到圓角哦... 而且我覺得太寬了 可以像你的旁邊可以看到背景的嗎?

    回复删除
  64. 我加了
    margin-top: 30px;
    可是還是一樣沒有改變/__\

    回复删除
  65. 可是我似乎找不到那個字 (Outer-Wrapper)啊 !!!
    我的是新版的 ......

    回复删除
  66. 请问一下,我用旧模板弄但是弄不到的叻... @_@

    回复删除
  67. /.\ 我是就模板 可是我木有哦O.o?

    回复删除
  68. 我的是新版的~http://kawayii-yural0v3.blogspot.com/

    回复删除
  69. 我的是新版的~http://kawayii-yural0v3.blogspot.com/

    回复删除
    回复
    1. 新模板的去模板设计器弄就行了 :)

      删除
  70. 想问你2样东西 T^T 我找了很久我都不会 ..
    要怎样在我们帖子的背景放透明这样??
    还有你的都是用旧版本吗??我换回久版本什么都不会弄..背景也不会换:(
    还有你标题的照片自己设计的吗??可以教我怎么弄那么漂亮吗...(求你帮你了 楼主)

    回复删除
    回复
    1. 你是说怎样的透明呢?
      我现在是用新模板了,因为旧模板绝版了 ><
      我的header图片是自己设计的。就找美丽的素材随便弄一弄咯。我也不懂要怎样教你啊,不好意思~~

      删除

你的留言将在审核后发布。谢谢 ♥