关于新默认模板white图片以及feed图片的问题答疑

该日志由 jiee @ 22:26:22 发布,Tag: blogbus模板 新默认模板 white图片

新默认模板是一款非常简洁的模板，经常有人会向我问起这款模板的修改方法，所以这里就简单地说明下两个比较常见的问题。

这个white的问题已经是个很经典的问题了……我这里只说明下新模板系统下的解决方法。
CSS代码块：

#outerSidebar {
 margin: 0;
 padding-top: 190px;
 width: 170px;
 font-size: 12px;
 float: right;
 margin-top: 10px;
 background: url(http://public.blogbus.com/blogbus/skin/5021/bg_sidebar.gif) no-repeat top center;
}

先来看下怎么替换那张white（而不是让它消失）的方法。我们先要准备一张大小合适的图片（原先的图片尺寸是：170X198），上传到blogbus上，获得图片网址，然后直接替换#outerSidebar 中的 background: url(替换的图片网址) no-repeat top center; 修改后的代码应该如下面这样：

#outerSidebar {
 margin: 0;
 padding-top: 190px;
 width: 170px;
 font-size: 12px;
 float: right;
 margin-top: 10px;
 background: url(这里是替换后的图片网址) no-repeat top center;
}

如果我们想去掉这里的white图片，那么可以按下面的方法来修改：

#outerSidebar {
 margin: 0;
 padding-top: 0;
 width: 170px;
 font-size: 12px;
 float: right;
 margin-top: 10px;
 background: url() no-repeat top center;
}

修改的代码是： padding-top: 0; 和 background: url() no-repeat top center; 这样就不会有那个white图片了。

再来讲解下Feed图片的问题。注：这个问题的解决方法同样适用于其它模板

有很多人都觉得这里的图片不好，想替换掉，或者直接去除掉。下面讲解下新模板下的解决方法：

这些图片其实是由系统标签 {#feed_info} 和 {#powered_by} 产生的。这两个标签在index和detail代码块中起作用，我们可以直接在index和detail中找到这两个标签，删除掉就好了。

另一种方法就是用css来隐藏它们。在css代码块的最后加入下面的代码：

.subscribe,.poweredBy{display: none;}

好了，今天就讲这么多了。以后可能会考虑讲解下如何修改这款模板的其它部分，不过，在此之前，建议大家看下教程中对css的讲解。

分类于：模板技巧 您可以: 阅读全文 () | 评论 (23) | 引用 (0)

评论

  • [avatar:40]您好,white去掉了.还有些问题我加QQ请教你吧.

    jiee 回复 paggysue 说：
    好的，前些天有事不在线……
    (2008-09-02 13:41:37)

    paggysue (http://ruguosunnashiwo.blogbus.com/) 发表于 2008-08-29 21:02:29  [回复]

  • [avatar:40]我查过了，用的就是自定义模板，但还是去不掉white图片。。。郁闷啊。。。

    jiee 回复 莫 说：
    我看到的结果是你并没有修改掉css代码，
    不太清楚你是怎么操作的，建议你再仔细看下教程的说明，不行的话，加我QQ或者MSN吧（右边侧栏）
    (2008-08-29 14:17:26)

    莫 (http://lokita.blogbus.com/) 发表于 2008-08-29 05:45:25  [回复]

  • [avatar:40]我也照做了,也去不掉white图片和广告.这是为什么.

    jiee 回复 paggysue 说：
    不知道你有没有“使用”自定义的模板，请检查下当前使用的模板是系统模板还是自定义模板
    (2008-08-28 22:00:49)

    paggysue (http://ruguosunnashiwo.blogbus.com/) 发表于 2008-08-28 18:00:41  [回复]

  • [avatar:40]奇怪。。。我按你的方法做了但还是有white图片。。。怎么办啊。。。

    jiee 回复 莫 说：
    不知道你有没有“使用”自定义的模板，请检查下当前使用的模板是系统模板还是自定义模板
    (2008-08-28 22:00:40)

    莫 (http://http://lokita.blogbus.com/) 发表于 2008-08-28 08:24:04  [回复]

  • [avatar:47]你好 jiee 又是我~
    内页的feed图片我也去掉了
    但是广告就没办法了 据说是因为免费用户的关系
    没办法~~

    还是谢谢你

    jiee 回复 schnee 说：
    内页的话，我看了下你的博客，里面都还没内容嘛……

    免费用户广告虽然没法去除，但可以用css隐藏，不过这个得根据你使用的模板结构来写代码的
    (2008-08-19 20:32:28)

    schnee (http://schnee-tag.blogbus.com/) 发表于 2008-08-19 11:47:05  [回复]

  • [avatar:47]你好jiee~
    我按你的方法成功去掉了首页上的feed图片，但阅读全文和回复页面还是有feed图片~怎么去掉呢~~~ >_<

    顺便再问下，能否去掉内页的横条广告图片呢~~

    jiee 回复 schnee 说：
    这个得根据你的模板结构来定的,
    一般可以用css来解决: .postBody table { display: none}
    加到css的最后
    (2008-08-20 14:33:09)

    schnee (http://schnee-tag.blogbus.com/) 发表于 2008-08-19 11:00:10  [回复]

  • [avatar:47]膜拜中....
    一直觉得改模板好难哦...

    哑年 (http://angelsigh76.blogbus.com) 发表于 2008-08-11 00:29:11  [回复]

  • [avatar:40]你真是才华横溢啊

    jiee 回复 香樟情节 说：
    ……被你看出来了啊？！！哈哈
    (2008-07-28 22:48:05)

    香樟情节 (http://10oooo.blogbus.com/) 发表于 2008-07-28 09:29:55  [回复]

  • [avatar:40]你好！
    我现在借用别人的共享模板，但不知道为什么为什么背景图片显示不了，我有指定连接的。。
    谢谢

    jiee 回复 yuka 说：
    呵呵，能显示啊……
    (2008-06-26 09:17:29)

    yuka (http://herbsky.blogbus.com) 发表于 2008-06-25 18:58:02  [回复]

  • [avatar:40]能不能帮我去掉Feed图片.我不会弄 T_T 或者加我Qq详细点教我..

    茹仔の. (http://linxiaoru.blogbus.com/) 发表于 2008-06-21 13:35:12  [回复]

  • [avatar:40]我想去掉Feed图片.可是不会弄呀``不知道你能不能帮我弄下. T_T

    茹仔の. () 发表于 2008-06-21 13:32:16  [回复]

  • [avatar:41]为何按照你的说法去图片是去掉了 但是模板也没了

    jiee 回复 阿道夫 说：
    是吗？我加你qq了，有什么问题我再帮你看下吧
    (2008-06-10 08:43:56)

    阿道夫 () 发表于 2008-06-10 00:16:36  [回复]

  • [avatar:40]

    这是是新的还是旧的.博主一般什么时候在线

    jiee 回复 su 说：
    新模板下的
    (2008-06-08 18:02:43)

    su (http://zhangshenbei.blogbus.com/) 发表于 2008-06-08 14:16:09  [回复]

  • [avatar:42]想和你做个链接 不知道怎么样才可以？？？http://madeinchina.blogbus.com

    PS:
    您的博客教了我不少东西 。很感谢

    jiee 回复 Johnny 说：
    本站不作任何友情链接……
    (2008-06-04 16:27:05)

    Johnny (http://madeinchina.blogbus.com) 发表于 2008-06-04 14:18:54  [回复]

  • [avatar:49]你好，我怎么能在置顶的位置（不是white的位置哦））加一张自己喜欢的图片呢？？谢谢！

    jiee 回复 MISS妃 说：
    请参考下这篇日志：http://www.wanede.cn/logs/13670721.html
    (2008-06-04 09:11:53)

    MISS妃 (http://effie0220.blogbus.com) 发表于 2008-06-03 14:48:22  [回复]

  • 請問我在首页布局的自定义HTML1 中添加了音乐网址。
    可以听到音乐是没错。
    但是还要刷新一下。
    这样别人却是不知道的。

    应该怎样解决呢。

    jiee 回复 小兔。 说：
    不太清楚你添加 的是什么样的代码……
    (2008-06-02 09:45:25)

    小兔。 (http://colttieyouzoo.blogbus.com/) 发表于 2008-06-01 12:51:18  [回复]

  • [avatar:40]谢谢jiee~
    还想请问两个问题。
    [1]怎样使blog名称和blog说明与日志左对齐？
    [2]怎样使用户名称与日志左对齐？

    谢谢！

    （这款模板貌似很多地方都没有对齐……故意的？）

    jiee 回复 han 说：
    恩对，就是故意的，，你的问题我下次写一篇日志单独介绍下吧
    (2008-05-30 22:35:00)

    han (http://1989th.blogbus.com) 发表于 2008-05-30 19:24:00  [回复]

  • [avatar:48]<a href="{#url}#cmt">评论</a>是可以用，不过不可以显示评论数……怎么才能显示评论数……？
    我现在也在烦这个问题……
    新模板把以前的标签都塞进这个{#menubar}里面了，痛苦啊……

    jiee 回复 野草 说：
    这个问题其实要通过很复杂的css hack 或者用js来实现的，近期会公布实现方法的
    (2008-05-24 13:55:11)

    野草 (http://ppoe.blogbus.com) 发表于 2008-05-24 10:57:49  [回复]

  • [avatar:40]怎样让这款模板的侧边拦文字左对齐？

    jiee 回复 han 说：
    #sidebar ul { margin-left:30px;}
    去掉其中的margin-left:30px;就好了，或者可以把它的值修改小一点
    (2008-05-24 23:42:53)

    han () 发表于 2008-05-23 23:36:25  [回复]

  • [avatar:40]我的评论也是用{#url}连接的，
    不知道定点连接评论的代码，哎！
    在新模板系统能不能实现呢？请教下，谢谢！

    jiee 回复 BRAS 说：
    在{#url}的后面加上#cmt就可以了吧，
    也就是这个样子<a href="{#url}#cmt">评论</a>
    (2008-05-23 08:32:47)

    BRAS (http://bras.blogbus.com/) 发表于 2008-05-23 00:54:19  [回复]

  • [avatar:48]确实没注意到 {#url} 这个标签。。。。哭
    谢谢了

    野草 (http://ppoe.blogbus.com) 发表于 2008-05-22 10:57:00  [回复]

  • [avatar:40]我也来毛遂自荐下自己的模板
    http://blog.cal-vin.com/
    最近也有想做模板分享的冲动
    呵呵~

    jiee 回复 Calvin 说：
    很好，期待着你发布的共享模板！
    (2008-05-22 10:01:50)

    Calvin (http://www.cal-vin.com) 发表于 2008-05-22 00:36:12  [回复]

  • [avatar:40]｛title_cat｝这个标签是文章标题＋分类，我想知道怎么才能只显示标题，如果用｛title｝又没有超链。我看到一些模板是能实现，但不知道具体是用哪段代码控制，好郁闷…… 先谢谢咯～～

    jiee 回复 野草 说：
    呵呵，其实你可能没注意到另外一个标签 {#url} 这个标签的作用就是文章的url地址，有了这个的话，再结合html来写代码就是这样的：

    <a href="{#url}">{#title}</a>
    (2008-05-22 10:00:41)

    野草 (http://ppoe.blogbus.com) 发表于 2008-05-22 00:35:34  [回复]

发表评论

姓名：
E-mail：
地址：
 
 
表情(不再使用)：