千人福利。教程篇

越南之旅② 迟些再发吧。

之前说过关注者破千会给大家福利的,
现在来实现承诺了 :)

教程 | sidebar标题放分割线



这篇教程应该很好用吧。大家不必烦去哪里找分割线,
只要去google打“分割线” ,就可以找到成千上万的分割线啦 :)

1. 首先,先确保你没有放图片在标题左右边和后面。

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



3. 你大概会看到类似这段的代码
.sidebar {
  color: $sidebartextcolor;
  line-height: 1.5em;
 }

在它下面加这些
.sidebar h2 {
background:url(图片url)no-repeat bottom;
padding-bottom:30px;
padding-top:21px;
text-align:center;
}

# padding-bottom和 padding-top 需依照图片适合读而更改。
# text-align 是标题的位置。centre 是中间,right 是右边,left 是左边




拿。连图片都送给你们 :)
这是我上次用的,很多人吵着要。
不介意的话可以拿去吧~


图片url :
http://1.bp.blogspot.com/-29HvqMZ1PkI/Te3zOBES6TI/AAAAAAAABAs/jvpCtHgf3q4/s1600/ribbon.gif

完。 :)

42 条评论:

  1. 怎麼都找不到 sidebar 這個字呢 ? ;D

    回复删除
  2. Opps...
    新模板找不到啊,不好意思><

    回复删除
  3. 不好意思哦, 請問你那個工具的標題怎樣變成圖片的 ?

    回复删除
  4. 不是图片来的。我只是加图片加标题后面 :D

    回复删除
  5. 谢谢你的教程哦 =]
    我等了好久的说 ><!!

    回复删除
  6. 请问怎么加进去呢 ? ;D
    不好意思哦麻烦到你了 .

    回复删除
  7. Er..
    我记得了!
    要有code! 我没有 x(

    回复删除
  8. 嗯,去年12月我去过越南。
    你有去头顿吗? 那里风景很美 :)
    你有进古芝地道吗? 要蹲着走, 很累的. 不过很好玩. 那里也有得玩手枪, 很大声的.

    回复删除
  9. 新模版的可以找 h2 {
    把语法放在h2{ }的后面就可以了。

    回复删除
  10. 哇!我等这个教程等了好久了哦~
    谢谢你哦 :)~

    回复删除
  11. 为什么我找不到.sidebar { ??
    怎样才可以变成旧的模板??

    回复删除
  12. 我想问你啊~~那个Manu bar 怎么做到背景很美的~~
    因为我之前做的Manu bar 后面的背景很丑(虽然是白色)

    回复删除
  13. 請問 , 新 模版 就弄不到了嗎 ?

    回复删除
  14. elaine
    这个我迟点会放教程:D

    回复删除
  15. 晶儿,寂寞天使,xiiao ya
    是的。

    回复删除
  16. 就是“最新帖子 苹果简介 ..... ......"
    这个
    我要做这个Manu Bar 做到不美
    然后我delete 了

    回复删除
  17. 我放了这个。 帖子的日期也会有呢。 为什么的?

    回复删除
  18. 不会啦~你一定是搞错哪里了~

    回复删除
  19. 我找不到 .sidebar { 的字wor..

    回复删除
  20. 请问这个教程只适合就模板吗?

    我找不到 .sidebar { ……> <

    回复删除
  21. 弄了新模板的教程可以告诉我吗?
    我的部落格 www.lou-aka-sohmui.blogspot.com
    你去那边留言告诉我好吗? 拜托拜托

    回复删除
  22. hi ~你好~这个不适合新模板啊??

    回复删除
  23. 为什么我到了却在'》修改html'找不到'.sidebar {'的?

    回复删除
  24. 因为你用新模板,所以做不到~

    回复删除
  25. 请问有什么网站有这些图片 ?

    回复删除
  26. 只要去google打“分割线” ,就可以找到成千上万的分割线啦 :)

    回复删除
  27. 我的HTML没有出现 .sidebar {
    那该怎么办 ?

    回复删除

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