注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

Ashes of Time

本空间内容皆来源于互联网

 
 
 

日志

 
 

如何去掉博客大巴blogbus里的“博客大巴指南”和“免費注冊博客大巴”  

2010-05-22 12:07:18|  分类: 他山之石 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |


大家是不是闲博客大巴,,模板里面的博客大巴指南免費注冊博客大巴难看呢,那么你是不是想去掉它,而又苦于找不到方法呢?那么你看过这篇文章之后,或许你会喜笑颜开,窃以为,小样,怎麽样,没了吧,呵呵,咱博客;里面的博客大巴指南免費注冊博客大巴没啦!!!

好啦,废话少说,该干嘛干嘛。你只要在代码块INDEX里把

<li class="subscribe" style="line-height:180%;">{#feed_info}</li> 
<li class="poweredBy"> 
{#powered_by} ”
这段代码删除。 然后在DETAIL里也把相同的代码删除。


 ==================================================================================

 

·   解密博客大巴代码,菜鸟也能该模板


下面一步一步教你识别博客大巴blogbus的代码,让你不再对代码一头雾水
我以我的这个模板为例,说一下一些基本代码的用处。
head--
里面的东西貌似没啥改的,就算改也和不改差不多,所以不作说明
css--
模板的样式基本上都在这里改,颜色,大小,插入图片等等
index--
主页里的布局,在这里可以修改blog名称,描述,日志主体,副栏的位置
index-posts--
主页里日志主体的一些布置,比如分类,题目,时间,标签的位置
detail--
日志页里的布局,就是你"阅读全文"后看到的页面
detail-post--
日志主体部分,也是"阅读全文"后看到的页面
6
个模块,介绍的不是特别清楚,后面如果能补充说明的,我尽量补充进去。
head
模块跳过,反正我一般不改,有兴趣和能力的可以自我钻研解读一下,到时别忘了分享。哈哈
css
是内容最多,代码最复杂,同时又可以尽显个性的一个模块,我用我模板的代码详细介绍一下。
代码着实很多,我只介绍我用的,不常用的能说明的也会说明一下,具体情况具体分析。
后面有很多重复的,把最常用的先说一下。
color
是字体颜色,font-size是字体大小,大家一般都用11px12px,中文字体大小没啥区别,如果是英文的话,11px显示的比12px的要小一点。font-family是字体样式,一般设置成Verdana就可以了,你喜欢设置成别的字体也行,不过得要浏览者的电脑里有你这种字体,才能看见。所以建议设置成大家电脑里都有的字体。
*{ margin:0; padding:0; }
html { height:100%; }
body { color:#555; font-size:12px; font-family: Verdana; Arial, Helvetica, sans-serif, "
宋体"; }body基本上最有用的代码了,它控制的是整个页面的样式。包括字体,颜色,大小,背景等等。
ul,ol,li { list-style:none; }
img { border:none; }
页面里图片的边框。一般这样设置就行,有黑色的框框反而很难看。
.clear { clear:both; visibility:hidden; margin:0; padding:0; height:0px; line-height:0; font-size:0px; border:none; }
这里基本上不需要动,它的功能很大,不过不是你需要的。
.dis_none { display:none; }
a { text-decoration:none; color:#4498b8; }
页面链接的设置。这个是鼠标放上去前的样式。
a:hover { color:#ffffff; }
同上,不过这个是鼠标放上去后的样式。
#index {  }
#container { }
#innerContainer { width:920px; margin:auto; }
整个主页面的设置。这里只设置了宽度。它包括了两大部分,一部分是日志主体,另一部分是副栏。下面有介绍。
#outerContent { padding-top:50px; float:left; display:inline; width:625px; margin-left:30px;  }
日志主体部分。padding-top指距页面顶部填充多少,margin-left指距页面左侧多少。这样说有点狭隘,其实它还是包括在innerContainer部分里的,所以应该是距整个innerContainer的边框填充多少。
#outerSidebar { float:right; display:inline; width:215px; margin-right:30px; padding-top:50px;}
副栏部分。副栏就是你页面里日志主体旁边的那栏。里面具体的内容有登录,评论,标签,搜索等等。看你在首页和页面定制里放了什么,这里才会显示什么。像我只放了日历,登录,日志更新,链接。所以显示的内容只有那些。elin如果看到这,就不需要设置了。按你现在的模板看,没有副栏。
.innerBottom { clear:both; visibility:hidden; margin:0; padding:0; height:0px; line-height:0; font-size:0px; border:none; }
这个就是innerContainer部分的底部。没有特殊的什么设置,如果你想在你的页面底部加个什么版权信息的话,这里可以调调颜色,也可以放图片。具体就不说了,因为我没设置。 
#header { width:615px; height:160px; background: url(
http://cara.blogbus.com/files/12011747620.jpg) no-repeat center center; } 
这里是你blog标题的设置了。我只放了一张图片,就是页面上那个"男人和女人"的图片。
#header h1 { padding-top:35px; margin-left:40px; font-size:36px; font-family: Verdana, Arial, Helvetica, "
宋体", sans-serif ; font-weight:normal; }blog标题。
#header h1 a { color:#fff; }blog
标题的链接。鼠标放上去前。
#header h1 a:hover { text-decoration:underline; }
同上,鼠标放上去后。
#header .description { padding-top:10px; margin-left:40px; color:#fff; font-size:14px; }blog
描述。
下面这部分是日志主体的设置。很重要。
#content { width:615px; margin-top:30px;}
#posts { width:615px;}
#posts .postHeader h2 { padding:10px 100px 1px 10px; color:#666; font-size:12px; border-bottom:3px solid #f2f5f7;}"
阅读全文"后,日志页里的日志标题。border-bottom是线条的设置。我页面里有,喜欢的可以设置这个,不喜欢的不设置也行。solid是实线。dashed是虚线。
#posts .postHeader h2 a { color:#666; font-size:12px;}
主页面里日志标题。鼠标放上前。
#posts .postHeader h2 a:hover { color:#4498b8; }
同上,鼠标放上后。
#posts .postHeader h3 {   margin-top:-18px; padding-right:10px; text-align:right; color:#888;  font-size:11px; font-weight:normal; }
这个是分类的设置。
#posts div.category { color:#999; padding:8px 10px 0 0; text-align:right;}
#posts div.category a { color:#999; }
#posts div.category a:hover { color:#4498b8; }
#posts span.category { display:none; font-size:12px;  font-weight:normal; }
#posts span.category a { font-size:12px; font-weight:normal; }
#posts .postBody { margin-top:15px; margin-bottom:0; padding:0 10px; line-height:170%; font-family: Verdana, Arial, Helvetica, sans-serif; word-break: break-all;   }
整个日志主体部分的设置。height是行距。
#posts .postBody p { margin: 0 auto 18px;}
每段间的设置。
#posts .postFooter { margin-bottom:15px;}footer
这整个一部分是日志后面,有tag,时间,阅读全文,评论的那块。具体的下面列的很清楚。
#posts .postFooter .tags { color:#999; padding:2px 10px; }tag
部分。这里我没改动过,我没有设置tag,主页上的部分也去掉了。
#posts .postFooter .tags a{ color:#999; }
#posts .postFooter .tags a:hover { color:#4498b8; }
#posts .postFooter .menubar { margin:5px; padding:4px 5px; color:#999;  }
昵称,我也去掉了。
#posts .postFooter .menubar a { color:#999; }
#posts .postFooter .menubar a:hover { color:#4498b8; }
.pageNavi { margin-bottom:20px; color:#666; padding:0 10px; }
这一块是日志页数的设置。
.pageNavi span { font-weight:bold; }
.pageNavi a { color:#666; }
.pageNavi a:hover { color:#4498b8; }
副栏的设置。这部分能省的我要全省了,前面说得很详细,各位举一反三..
#sidebar .module { border-bottom:1px solid #f0f0f0; margin-bottom:20px; padding:10px; color:#888; }
副栏里所有内容的标题设置。
#sidebar .module h2 { padding-left:20px; font-size:12px; background: url(
http://cara.blogbus.com/files/12012298390.jpg) no-repeat left -2px; }
#sidebar .module .modBody { margin:10px 0 5px 20px ; }
#sidebar .module ul li { padding:0 0 6px; line-height:120%; word-break:break-all; white-space:normal; }
#sidebar .module a { color:#888; }
#sidebar .module a:hover { color:#4498b8; }
#sidebar .modBody form div { margin:4px 0;text-align:right; }
这一部分都是"登录框"的设置。可惜新版的bus已经把登录框去掉了,没有设置无所谓。
#sidebar .modBody form div label { display:block; width:40px; float:left; display:inline; text-align:left; height:19px; line-height:19px;  }
#sidebar .modBody form div input { text-align:left; }
#sidebar .modBody input#username { width:135px; background: #fff; border:1px solid #d0d0d0; color:#666; height:17px; line-height:17px; }
#sidebar .modBody input#password { width:135px; background: #fff; border:1px solid #d0d0d0; color:#666; height:17px; line-height:17px; }
#sidebar .modBody input.button { width:55px; height:21px; line-height:19px;  background:#f6f6f6; border:1px solid #d0d0d0; color:#666; text-align:center; }
#sidebar #search .modBody input { width:120px; float:left; background: #fff; border:1px solid #d0d0d0; color:#666; height:19px; line-height:19px; }
副栏里"搜索"板块的设置。我没要搜索,喜欢的同学可以设置玩玩。
#sidebar #search .modBody input.button {  width:55px; height:21px; line-height:19px;  background:#f6f6f6 ; border:1px solid #d0d0d0; color:#666; text-align:center; float:right; }
#sidebar #profile a img.avatar { padding:3px; border:1px solid #4498b8; }
这个好像是"个人信息"的设置。我也没有弄。
#sidebar #profile a:hover img.avatar { padding:3px; border:1px solid #d0d0d0; }
#sidebar #profile h3.author { font-size:12px; }
#sidebar #profile .about { line-height:140%; margin:5px 0; color:#888; }
#sidebar #calendar { text-align:center; font-family:Verdana;Arial, Helvetica, sans-serif; height:160px; background:  url(
http://cara.blogbus.com/files/12011753680.jpg) no-repeat center center; margin:0; padding:0; border:none; margin-bottom:30px; }
这一块是"日历"的设置。后面都是个性化的小设置,喜欢的话可以随便改。
#sidebar #calendar .modBody { margin:0; padding:0; }
#sidebar #calendar h2 { display:none; }
#sidebar #calendar table { margin:0 auto; margin-top:5px; height:90%; }
#sidebar #calendar table a { color:#999; }
#sidebar #calendar table td { text-align:center; font-size:12px; padding:1px 0; width:28px; }
#sidebar #calendar table .calendarHead td { font-weight:bold; width:100%; padding:2px 0; color:#999; }
#sidebar #calendar table .week td{ font-family: Verdana, Arial, Helvetica, sans-serif, Courier, monospace }
#sidebar #calendar table .day td a { color:#4498b8; font-weight: bold; display:block; width:28px; padding:1px 0;  }
#sidebar #calendar table .day td a:hover { color:#4498b8; background:#fff;}
#sidebar #calendar table .day td.today { background: url(
http://public.blogbus.com/blogbus/skin/5131/bg_cal_today.gif) no-repeat center center; }
#sidebar #meta { margin-top: -20px; border:none; }
这一部分就是bus的那些logorss订阅等乱七八糟的东西。我已经在主页面上全部去掉,所以这里不需要管。
#sidebar #meta li { margin-bottom:5px; }
#sidebar #meta li.statistics { padding-left:4px; }
#sidebar #meta li.subscribe img { vertical-align: middle; margin-left:4px; }
#sidebar #meta li.poweredBy img { }
#sidebar #meta li.poweredBy div { padding-top:5px; padding-left:4px; }
#sidebar #custom { word-break: break-all; margin:20px 0; text-align:center; }
span.time { font-size:11px; }
"
引用"部分的设置。
#trackbacks h2 { padding:4px 10px 2px; margin:40px 0 20px; font-size:12px; color:#666; background:#F5FCEE; }
#trackbacks .desc { padding-left:10px; color:#888; padding-bottom:20px; }
#trackbacks li { margin-bottom:15px; padding:0 10px; background:url(
http://public.blogbus.com/blogbus/skin/5131/bg_dotted_h.gif) repeat-x bottom; }
#trackbacks li h3 { margin-bottom:10px; }
#trackbacks li h3 a { color:#888; }
#trackbacks li h3 a:hover { color:#419639; }
#trackbacks li div { padding-bottom:2px; }
#trackbacks li div.time { font-size:11px; color:#999; }
日志页里评论部分的设置。
#comments h2 { padding:4px 10px 2px; margin:0 0 20px; font-size:12px; color:#666; background:#f2f5f7; }
#comments { padding-bottom:20px; }
#comments li {margin-bottom:30px ; padding:10px 10px 5px; background:url(
http://public.blogbus.com/blogbus/skin/5131/bg_dotted_h.gif) repeat-x bottom; }
#comments li .cmtBody { padding-bottom:10px; line-height:160%;  word-break: break-all; }
#comments li .reCmtBody { margin-bottom:10px ; padding:10px 15px 5px; color:#888; background: #f2f5f7; border:1px solid #f0f0f0; line-height:160%; word-break: break-all; }
#comments li .reCmtBody div { margin-bottom:8px; }
#comments li .menubar {  color:#999;}
#comments li .menubar a { color:#999; }
#comments li .menubar a:hover { color:#4498b8; }
日志页里评论框的设置。
#commentForm { margin-bottom:40px; }
#commentForm h2 { padding:4px 10px 2px; margin:20px 0 20px; font-size:12px; color:#666; background:#f2f5f7; }
#commentForm form div { margin: 5px 10px; font-size:12px; }
#commentForm form div label { display:block; width:50px; float:left; display:inline; height:19px; line-height:19px; }
#commentForm form div input { border:1px solid #d0d0d0; color:#666; height:17px; line-height:17px; width: 200px; font-family: Verdana, Arial, Helvetica, "
宋体";}
#commentForm form div textarea {margin-left:53px;  border:1px solid #d0d0d0; color:#666; width:400px; height:150px; overflow:auto; font-family: Verdana, Arial, Helvetica, "
宋体"; }
[xmlns] #commentForm form div textarea { margin-left:50px; }
#commentForm form div input.button { margin-left:53px; width:55px; height:21px; line-height:19px;  background:#f6f6f6 ; border:1px solid #d0d0d0; color:#666; text-align:center;}
[xmlns] #commentForm form div input.button { margin-left:50px; }
差不多了。就这样吧,你选择不同的模板,代码自然也不同,具体情况具体分析。
elin
你是不应该请我吃鸡腿阿..哈哈。其实我估计也没帮上什么忙,你的那个模板,如果想搬到新系统里来用的话,不是不可以的。你在indexdetail里把框架弄好,然后在css里改应该就行。稍微有点麻烦的是,新系统里indexdetail的代码很乱,不是很好操作。呃,慢慢试吧,这点难不倒你的..

  评论这张
 
阅读(1066)| 评论(2)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017