教程 | 放sidebar背景

这个教程不适合新模板用者。

有没有发现到我的sidebar是有放背景的?


1. 去设计》修改html ,按 Ctrl+F 找这些



2. 你会看到有一段的代码,如:

.sidebar .widget, .main .widget {
  border-bottom:1px dotted $bordercolor;
  margin:0 0 1.5em;
  padding:0 0 1.5em;
 }



, .main .widget  给删了,记得留下 {  符号。


3. 加入以下的代码:



如图:

记得把图片url换成图片的网址啊...

保存起来即可 :D

-完-


部落格关注者冲破400啦!!!!

93 条评论:

  1. Apple,我想问你:
    为什么我没有做任何更改,
    部落格里的小工具与小工具和帖子与帖子之间,
    少了那一条分割线?
    还有,那个看看猜猜小标签和博客连一连,
    最左边都增加了一个点……。
    请问Apple懂是什么原因吗?

    回复删除
  2. 我觉得你真的很厉害做blog leh...
    真de...^o^
    超羡慕你啊~
    恭喜恭喜!!! =D

    那个可以用了??我去试试看
    麻烦你了 x3 谢谢喔

    回复删除
  3. Hello!苹果。
    我已经解决问题了。
    谢谢。
    原因就是我加了 .sidebar h2 { 。呵呵……

    回复删除
  4. I Cant Find Te .sidebar .widget, .main .widget { Tis Code :'(

    回复删除
  5. I Cant Find Te Code [ .sidebar .widget, .main .widget { ] . How ? =[

    回复删除
  6. cham TT
    做么放了我的cbox被割成两半了?? @@

    回复删除
  7. 苹果:为什么我找不到“.sidebar .widget, .main .widget { ”谢谢。

    回复删除
  8. 沒錯的話~ 我是問你那個什麽Top的對吧?

    我真的弄不到噢~

    回复删除
  9. 那新模板就没办法弄框框??

    回复删除
  10. 恭喜恭喜啊 =)
    很多关注者类你!!!
    羡慕死了

    谢谢你发这个教程啊:D

    对了 那个 home那些的 有时间你可以教我弄吗?
    为什么我弄不到的==
    还有标题那些 ~~
    我调理还是一样=。=

    回复删除
  11. 我发现你帮我弄了
    谢谢啊
    怎么你知道我要什么图案的?
    很美啊!!
    真的很感激你呢

    回复删除
  12. 请问有更换部落格的字体教程吗??

    回复删除
  13. 恭喜 apple 姐姐~~


    关注着 冲破 400 啦~~~~~~~ >o<!!!



    好希望 我能冲破 50 我都很开心咯... /o\ ~ !!!

    哈哈~~ 恭喜啦~ ^o^ ~~

    回复删除
  14. 你的图片怎么放在中间的?

    回复删除
  15. 是不是copy图片的URL然后前后放那个你给我的?
    可是为什么无法显现图片呢?

    回复删除
  16. Apple:So sry bout the copyright。。。
    是我朋友帮我做的。我自己也不知道。
    很对不起,我删除了!
    还有,有脚印吗?
    我没看到。。。
    你跟我说,我去删除它^^

    回复删除
  17. 不过还是要谢谢你啊 :D
    问你哦 那个你之前发表的素材 | 可爱小图标系列
    我DL了 可是我要怎么拿哪些图案的url啊?

    还有工具那里要放图案的话要怎么弄啊?我找不到那些字类==

    回复删除
  18. 不好意思~为什么有些人的鼠标会金粉的?有很多颜色喔(不是在一起的)像黑色,粉红色....请问苹果你会吗?感激不尽~

    回复删除
  19. 我在教程 | 加入Facebook赞按钮在帖子那我要放下面呢? 不好意思那边问你 你没有回我就在这里问
    对了你不能跟我做那你能教我做吗?

    回复删除
  20. 哈哈 魔王的父亲帅惨了XD

    haiz 辛苦的打到这么好
    结果 一个按个copy就搞定
    真是讨厌

    回复删除
  21. 请问一下,要怎么把sidebar的宽度变大啊?

    回复删除
  22. 恭喜恭喜,这么快就达到400+Follower 咯~(羡慕

    回复删除
  23. 打擾 :D
    請問蘋果知道怎麽樣把個人照片放在背景?;)

    回复删除
  24. 来关注关注我>3<
    没人关注好惨丫TOT

    回复删除
  25. sidebar的背景图片哪里有啊??

    回复删除
  26. 你的 Sidebar 的背景图片可以告诉我在哪在吗?
    我在 Google 找了都不像你那种的 .. ><

    回复删除
  27. 为什么我找不到.sidebar .widget, .main .widget {的???

    回复删除
  28. 路过~
    为什么我找不到.sidebar .widget, .main .widget { 的?

    回复删除
  29. Sidebar是指???
    不好意思,我不会看英文。

    回复删除
  30. 冒昧文苹果下~像你旁边那个小工具的标题~
    例子:
    Labels,link me,miao......etc.
    下面那个蝴蝶雷丝怎样做的?

    回复删除
  31. 苹果丫...
    我的是新模板,弄不到...
    我看到有个人的部落格好美...
    就是写帖子的背景是粉红色闪闪的...
    她的部落格http://www.babymichiko.blogspot.com/
    你知道是怎么弄的吗?
    谢谢呐~ ^.^

    回复删除
  32. 哈哈你的chat box很美所以打包了~ ^^
    你很本领哦~
    这么年轻什么都会...
    突然觉得自己老了~ T^T
    哦原来是这样~
    因为闪闪的很美,你知道怎么弄吗?
    可以教我吗?谢谢苹果丫~

    回复删除
  33. 苹果刚刚我复制了错的html,现在进不到部落格了,苹果可以帮帮忙吗?><

    回复删除
  34. 如果可以帮忙,哭包感激不尽...T^T
    联络我的email:bluestar_1106@yahoo.com
    因为我进不到部落格了..

    回复删除
  35. 苹果我弄到了,不麻烦你了 ~
    但也谢谢你丫 ~ ^^

    回复删除
  36. 怎么我换回旧模板还是找不到.sidebar .widget, .main .widget{的?

    回复删除
  37. 我找不到.【sidebar .widget, .main .widget {】呢
    怎洋菜农到呢>.<

    回复删除
  38. Joey:
    google有很多。

    ❤미인❤
    你有没有搞错代码呢?

    kimi:
    你是不是用新模板?新模板弄不到~

    回复删除
  39. 新模板找不到,怎样才弄得到??

    回复删除
  40. 我的也弄不到阿我的是新模板

    回复删除
  41. 请问可以麻烦你帮我做一个blogger吗? 我弄了很久还是弄不好...

    回复删除
  42. 不好意思。新模板是弄不到的。

    回复删除
  43. 我的也是旧魔板阿 >< 也是找不到那个code ><

    回复删除
  44. 你的模板没有sidebar .widget的哦~
    所以找不到
    你可以自己加sidebar .widget进去的^^

    回复删除
  45. 苹果:怎样才是新模?图片的url怎样得到??

    回复删除
  46. 请问你的图片是去哪里找的?可以介绍一些吗?拜托

    回复删除
  47. kimiko
    加在sidebar那边

    申在晶
    新模板是在模板设计器那边选的
    图片url你指着图片right click鼠标,按copy image location即可~

    回复删除
  48. San Yan
    以前去任何网页看到美丽的就是保存起来,这就是我得来的方法
    哈哈

    回复删除
  49. 我找不到 这个code
    .sidebar .widget, .main .widget {
    所以弄不到 apple可以帮我吗

    回复删除
  50. apple 我已经弄到了
    只是背景不懂要去哪里找

    之前那个是我之前的
    现在没用了
    换成了这个 谢谢你吖

    回复删除
  51. 请问你的鼠标那里找的。。
    我找不到的。。

    回复删除
  52. .sidebar .widget, .main .widget {

    这些我找了
    没有的勒><
    =(
    救我><

    回复删除
  53. 可以给我跟你上面那个图片一样的URL么?=3

    回复删除
  54. E-hui
    你是不是用新模板啊?

    地鼠
    我没有这个网址...图片都给我删了啊><

    回复删除
  55. 怎么我找不到那个code的?

    回复删除
  56. 这个教程不适合新模板用者

    回复删除
  57. 为什么我换去旧模板的,却找不到Design ... ???

    回复删除
  58. Mandy
    旧模板要去修改html修改的^^

    回复删除
  59. 我要部落格的背景誒 >< 請問下..你有嗎 :) ?

    回复删除
  60. 我想要你上面sidebar的图片、可以找给我吗?? ><

    回复删除
  61. 要弄背景 ,要怎样弄呀 ? ^^

    回复删除
  62. vivian
    那个背景我没用了,所以没有了:[

    小韵
    你说什么背景?

    回复删除
  63. 有啊~
    只是你用新模板弄不到这个教程==

    回复删除
  64. 怎么我弄不到的?=(我是旧模板
    救我吖

    回复删除
  65. 对不起啊,新模板的我不会啊~
    如果我会再分享吧,抱歉哦><

    回复删除
  66. 请问我可以把颜色做为背景吗?你知道要怎么弄吗?

    回复删除
  67. 苹果...
    想请问你..
    像你那种图片从哪儿找的??

    回复删除
  68. 很好 很喜欢这个帖子
    好,应该顶,今后继续努力
    我见过的最好的帖子了,谢谢楼主
    有意义,有收获,谢谢提供
    挺好,很实用
    帖子不错,多谢楼主分享心得
    青春痘

    回复删除
  69. 做麽我找不到 .sidebar .widget, .main .widget { 的 ?

    回复删除

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