教程 | 帖子标题下放图片

好久没有发教程了 :目
本来打算假期可以发教程的,可是忙着看戏,结果计划又泡汤 ==


[此教程只适合旧模板用者]

今天发的教程就是... 帖子标题放图片

就好像我现在用着的分割线图片。

1. 先到 设计 》 修改HTML ,按CTRL+F 寻找
.post h3 {

2. 在它下面添加:
background:url(图片网址)no-repeat center bottom;
padding-bottom:15px;

注意,如果没放padding-bottom图片就会在标题后面,所以千万不可以忘记放 :)
至于那个 15px 就根据自己的图片自行调整啦~ :3

3. 就这样。保存起来即可 :)



教程我发了,希望各位好心人不要偷我用着的图片去用啊~
-----------------------------------------------------------------------------

EXTRA 教程 | 如何把帖子标题放在中间

因为这2个教程有点相关,所以就顺便发了~


就像我的帖子标题,是在中间的位置的 :)
如果要在标题下放图片当然要把标题放中间,这样比较有美感 =P

1. 先到 设计 》 修改HTML ,按CTRL+F 寻找
.post h3 {

2. 在它下面添加:
text-align:center;

3. 就这样。保存起来即可 :)

( 如果要把标题放在左边就把 center 改成 left ,右边就把 center 改成 right )

49 条评论:

  1. 我想亲请问,为什么我的字体会变小呢??

    回复删除
  2. charlaine:
    你是说标题字体吗?

    hotdog:
    不客气 :)

    回复删除
  3. 哈哈 我也是这么觉得
    那个人还真会设计 ……………………^^

    回复删除
  4. haha~待会猫咪把小仓鼠吃掉了
    我妈咪也不给
    她说每次养都会死掉=.=

    回复删除
  5. 可以提供些简单的template给我吗?谢谢。

    回复删除
  6. 请问下..图片网址要去哪里找哦?

    回复删除
  7. 请问下...图片网址要去哪里找哦?

    回复删除
  8. 你终于回来了 等你等到好久啊!!
    想问你 你会不会弄那种 标题很像 走马灯那样的 会走的那种

    回复删除
  9. Charlaine:
    会吗?我的不会这样的wor~

    Chocolatea:
    我没有提供template的。
    我都是自己布置的,这样比较有满足感 =v=

    Dolly:
    在图片那边按right click,
    copy image location就有了~

    zhutou:
    帖子标题还是..?

    天枰:
    你找不到什么?

    回复删除
  10. 我是用新模板的,因此找不到.post h3 {
    请问新模板的使用者应该怎样把帖子标题放中间呢?

    回复删除
  11. 对不起啊,我没有研究新模板,所以不会 ><

    回复删除
  12. 嗯嗯,以前看到很多人批评Linda,
    我觉得她演技不错啦,我喜欢她在《点解阿sir係阿sir》和《金石良缘》的演出。
    敖嘉年应该是这部剧里我最喜欢的演员了,
    这次他又演很可怜的角色了,过后他还要被利用... T.T

    回复删除
  13. 我到修改HTML ,按CTRL+F 寻找 .post h3 {
    怎么找不到的嗯 ?? TT
    哭死了啦 ><

    回复删除
  14. 没关系~ =)
    你所发的教程帮了我很多,谢谢^^

    回复删除
  15. 你是新模板当然弄不到咯...

    回复删除
  16. charlaine
    让我去你的blog看看...你的网址是?

    回复删除
  17. MunMun
    因为你用新模板啊~

    贝儿
    你也是用新模板,所以做不到 ><

    回复删除
  18. 我的 html 里没有 .post h3 { 、 怎么办><

    回复删除
  19. 因为你用新模板所以找不到也弄不
    到~

    回复删除
  20. 想问你一个愚蠢的问题:

    你上面能分类简介,最新帖子,颜色代码,苹果素材等,
    是因为模版的选择,还是需要更改东西?

    回复删除
  21. http://charlaine-snsd-rilakkuma.blogspot.com/
    完全换不到字体了><怎么办

    回复删除
  22. 偶知道新模板要贴那里了。
    h3.post-title {
    嗒下面
    希望可以帮到新模板的童鞋

    回复删除
  23. 我想请问下哦><
    为什么我找不到nagexiugaihtml的字的??

    回复删除
  24. Kim Lee
    是另外加上去的~

    Zhouu Yii
    去控制台》设计》修改html

    叶诗
    谢谢。感激。:)

    回复删除
  25. Charlaine
    你要换别的字体还是什么呢?

    回复删除
  26. 只能够在页面文本换字体
    在帖子换不到了..><

    回复删除
  27. 我想問啊,如果我換去舊模板那之前我弄的東西會不會全部不見掉?

    回复删除
  28. html加的东西就会不见~
    如果是小工具就不会~

    回复删除
  29. 为什么我找不到那个要在(修改html)的找不到的?

    回复删除
  30. 为什么我的不是标题在中间,而是日期在中间啊?
    http://xiiaoyi-cassie.blogspot.com/

    回复删除
  31. 我想把我的post title字变大 为什么sidebar的字也跟着变大起来...-.- 我不会弄哦...

    教我下好吗....xiexie :)

    回复删除
  32. 是这样的。他们2个一定是一样大的~

    回复删除
  33. 找图片的网址是什么..??><

    回复删除
  34. 图片的网址就是 image url/image location
    在图片上right click就能copy了 ^^

    回复删除
  35. 请问可以提供图片里分割线的 url 吗 ? 谢谢

    回复删除
  36. 请问可以提供图片里分割线的 url 吗 ? 谢谢

    回复删除

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