-
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 {
}2 改变日志标题的颜色.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;} 大概在第二行
随机文章:
大连金牛(000961)12.03精简坊间传闻 2009-12-03华联综超(600361)炒股的七个小技巧 2009-12-03*ST精密(600092)庖丁解牛 2009-12-03最后但不是结束的小结 2008-07-29精品推荐:请使用Mybloglog 2008-07-22
关于blogbus模版优化的技巧
Blog:横吹尺八2009-08-26 01:54:38


评论
谢谢你了~
但还有一个问题,在去掉页面所有下划线的时候我在CSS板块里找到的是
a { color:#333; text-decoration:none; }
a:hover { color:#999; text-decoration:none; }
改怎么修改呢?
你能说具体一点么?谢谢~
2 确定你是用的是自定义模版 就是说你点了“使用”那两个字
这样就差不多了 如果还不行再来问我 另外把你的地址也贴上来
首先。模板设置——定制模板——新增自定义模板——导入你所用的模板——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}
我的是新模块阿~~~~~请问在哪里找到定制模块阿??
有问题可以再问我