• 2008-07-23

    关于blogbus模版优化的技巧 - [Web Imaginery]

    版权声明:转载时请以超链接形式标明文章原始出处和作者信息及本声明
    http://a691662.blogbus.com/logs/25335888.html

    来到blogbus不长时间 对于修改模版得到了很多人的帮助 为了也帮助一下需要美化模版的朋友 特意将大部分技巧整理如下 当然有一些直接引用了一些高手的方法 如果需要澄清可以与我联系 我会在文中说明  对于错误希望多多包涵 不吝指教 也欢迎大家对其评论 或者提问 我会尽自己的力量一一为大家解答的  闲话不多说 进入正题:

    1 去掉页面上的所有下划线   修改CSS模块:

      a {

    color:#666666;
    }
    a:hover {
    text-decoration:none;
    }

    修改为:
    a {
    color:#666666;
    text-decoration:none;
    }
    a:hover {
     
    }
    改变日志标题的颜色
    .diaryTitleBg {
    background-color:#FFFFFF;
    color:#202020;修改CSS模块中此值即可
    padding:1px;
    }
    另外,字体文件需要电脑上有安装相应字体才能实现。所以有一些偏僻字体,如果浏览者没有安装也是看不到效果的。
    3 删除首页访问统计,RSS及BLOGBUS图标
    首先。模板设置——定制模板——新增自定义模板——导入你所用的模板——index
    按Ctrl+F5,找到“访问统计”,删除包含这几个字的<div></div>那一排代码 :
    <li class="statistics">访问统计:<span class="count">{#counter}</span></li>
    删除RSS:<li class="subscribe" style="line-height:180%;">{#feed_info}</li>
    删除Blogbus图标:
    <li class="poweredBy"> {#powered_by}
    4日期的颜色和字体怎么改变
    自定义模板时,在CSS模块下找到这句:
    #content h2 { margin:0 2px; font-size:15px; font-weight:normal; color:#C93; letter-spacing:0.2em; }
    #content h2 a { color:#C93; }
    在#content h2中再添加font-family属性就可以控制字体。
    5 把日志标题下的"tag"字样删除
     删除tag  在post里找到 <div class="tags">Tag:{#tags}</div>
     在index-posts中删掉
    <div class="tags">Tag: {#tags}</div>就可以把"tag"字样删除
    6删除日志标题下的分隔线,和评论上的分隔线
     在css里面找到:
    #content .postHeader h2 { margin:0px; padding-bottom:4px; height:16px; font-size:14px; color:#3B65A2; border-bottom:1px solid #d0d0d0; }
    #content ul#posts .postFooter { margin-bottom:30px; padding:0; border-top:1px solid #d0d0d0; text-align:right; }
    删掉border-bottom:1px solid #d0d0d0; 和border-top:1px solid #d0d0d0;就可以了
    7主页的日志栏放在正中间 
     在自定义模板下 修改CSS模块的 container ,可以试试
    #container {
    margin:0 0 0 200px ;
    }
    8在日志首页下面中央把原来大巴的版权换成自己的
    在 Index模块 中直接去掉版权标签<li class="poweredBy">{#powered_by}<li>去掉换上你设置的内容
    9在日志内页正文下面放上自己设置的版权说明
    .在Detail模块里面{c:0}后面加上版权信息就 可以
    10把日志内页里评论中的“E-MAIL”和“记住我”去掉
    找到ID和CLASS的值使用display:none;
    11翻页的时候画面是那种渐变的淡入淡出得风格
    (<meta http-equiv="Page-Exit" content="blendTrans(Duration=4.0)">)
    去掉括号,把里面的放在   Blog设置  的 自定义HEADER 就可以了....
    12在日志里贴程序代码
    html里面表示代码的标签是<code></code>  (当然是在html编辑模式用了)
    要在css里设定 code 的样式
    13在blog里增加html模块
    其实可以进入index模块,在{ c:1}旁边插入几个 { c:2} {c:3} ……{c:n}
    然后在{c:p}和{c:q}之间插入html代码。回到首页设置那里,可以看到副栏多了很多个。
    14侧边栏的tag横向排列
    增加点css就可以了:
    #tags {

     display: inline;
     line-height: 160%;
    }
    #tags .count {
     display: none;
    }
    #tags li {
     display: inline;
     margin: 0 5px 0 0;
    }
    #tags .more {
     margin: 5px 5px 20px 0;
    }

    15去掉我的主页的标题中的“博客大巴”

    在模板的Head中加入
    <script type="text/javascript" >
    var t=window.document.title;
    var s="- 博客大巴";
    var i=t.indexOf(s);
    var mtitle=t.substring(0,i);
    window.document.title=mtitle;
    </script>

    16换背景图片

    把background:transparent url(http://files.blogbus.com/mytube.blogbus.com/files/12140979230.gif) repeat scroll 0% 0%;
    这一段改成 background-color: #ffffff;    #ffffff替换成你希望的颜色

    17不会显示出来的播放器代码

    先在“模板设置”中“首页布局”下“副栏”内添加“自定义HTML”模块,然后输入以下代码:

    <div><embed src="http://*****.mp3" autostart="true" loop="true" hidden="false" width="102" height="55"></embed><noembed>你的浏览器版本过低,不支持音乐播放,请升级</noembed></div>     其中:
    autostart="true" :表示自动播放,若不希望自动播放,请改为autostart="false"
    loop="true" :表示循环播放,若不希望循环播放,请改为loop="false"
    hidden="false" :表示不隐藏播放器,若希望隐藏播放器,请改为hidden="true"

    其中http://*****.mp3代表完整且可使用的音乐地址。

    18去掉长幅广告

    css加上.postBody table {display:none;}  大概在第二行





    评论

  • 非常感谢!
  • 呵呵,这个弄的还挺实用的,看起来!
  • 恩,改的差不多了,http://belynn.blogbus.com/
    谢谢你了~
  • 谢谢,那个已经修改好了。
    但还有一个问题,在去掉页面所有下划线的时候我在CSS板块里找到的是
    a { color:#333; text-decoration:none; }
    a:hover { color:#999; text-decoration:none; }
    改怎么修改呢?
  • 你好,关于删除首页访问统计,RSS及BLOGBUS图标这一点我按照你说的方法做了,可为什么它还是要出现呢?
    你能说具体一点么?谢谢~
    T-Bingo回复lynn说:
    1 确定你是删的主页的(也就是index)的代码 否则只会删掉内页的
    2 确定你是用的是自定义模版 就是说你点了“使用”那两个字

    这样就差不多了 如果还不行再来问我 另外把你的地址也贴上来
    2008-07-28 11:36:36
  • 我想变成http://sorrowful7.blogbus.com/ 请问怎么设置
    T-Bingo回复香樟情节说:
    那个是导入一个模版之后 自己又在各个板块用有关代码修改的 具体地说太麻烦了 你仔细看看这篇文章吧 或者到论坛里具体问题具体问一下
    2008-07-27 18:53:34
  • 很好很详细,谢谢分享:)
  • 3 删除首页访问统计,RSS及BLOGBUS图标
    首先。模板设置——定制模板——新增自定义模板——导入你所用的模板——index
    按Ctrl+F5,找到“访问统计”,删除包含这几个字的<div></div>那一排代码:
    <li class="statistics">访问统计:<span class="count">{#counter}</span></li>
    删除RSS:<li class="subscribe" style="line-height:180%;">{#feed_info}</li>
    删除Blogbus图标:
    <li class="poweredBy"> {#powered_by}
    我的是新模块阿~~~~~请问在哪里找到定制模块阿??
    T-Bingo回复manna说:
    首先 进入“模版” 右边有“自定义模板” 添加之后 点“修改” 下方有“导入” 然后你就可以选择自己喜欢的模版了 等你修改好代码以后 点“使用” 就成功了
    有问题可以再问我
    2008-07-24 20:15:48