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

Ashes of Time

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

 
 
 

日志

 
 

如何修改blogbus模版  

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

  下载LOFTER 我的照片书  |

一般的一个网页都是由这些部分组成的,只是在大巴的模板里面,把它分为几个项目分开起来了。
现详细说明下,也不晓得是不是够详细,符合LZ的想要知道的。
head
一般是头定义,一般是不用定义。在一般的HTML网页中,它被包括CSS,及一些头的定义,或者脚本之类的。比如说,你想定义一个滤镜,则是需要在这个文档里面进行定义的。
css
像整个网页的修饰。字体加粗,变形,颜色,大小,字体样式,字体间隔,等等之类。
具体修改的话,是找到index <div>里面定义的哪个类的CSS,找到相应的类名后,再去CSS里面进行修改。
这样,将令您的博更具美观性。
index
首页显示。 即整个博客的初打开的显示页面。
里面可以增加修改模块,可以自定义是否要日历,最新回复,最新日志等。里面还有一些大巴特有的模块,见下。
index
模板:
<!-- ~blogid ~ -->
blog
编号
<!-- ~ header ~ -->
调用header模板
<!-- ~ domain ~ -->
你的blog的子域名
<!-- ~ blogname ~ -->
blog
的名字
<!-- ~ cats ~ -->
调用分类列表模板
<!-- ~ blogdescr ~ -->
blog
描述,在修改设置里修改
<!-- ~ calendar ~ -->
日历
<!-- ~ update ~ -->
最后更新列表
<!-- ~ last_cmt ~ -->
最新评论列表
<!-- ~ archive ~ -->
存档列表,在重建存档进行存档
<!-- ~ custom_html ~ -->
用户自定义html代码,在修改设置里修改
<!-- ~ links ~ -->
链接,在修改设置里修改
<!-- ~ pagetxt ~ -->
翻页标志
<!-- ~ diarys ~ -->
首页上显示的日记或其简介,篇数在修改设置里修改,显示简介或者显示全文的选择在修改设置
diary
模板:
<!-- ~ header ~ -->
调用header模板
<!-- ~ commentform ~ -->
调用评论模板,评论区
<!-- ~ diarytitle ~ -->
日志标题
<!-- ~ pre ~ -->
<!-- ~ next ~ -->
前一篇及后一篇
<!-- ~ diarybody ~ -->
日志正文
<!-- ~ date ~ -->
<!-- ~ wttime ~ -->
开始写作日志的日期和时间
<!-- ~ cmts ~ -->
已加入的评论
<!-- ~ update ~ -->
最后更新
<!-- ~ custom_html ~ -->
用户自定义html代码,在修改设置里修改
index-posts
文章列表的代码,不用怎么修改,也没什么好说的
detail
点击任何一个日志进入的页面,跟index代码差不多,根据里面的模块,可是自己增加删除及修改。与CSS并用的。
detail-post
一些日志下的回复的列表,也不怎么需要修改。
说完,有问题可以去我家留言.关键还是需要自己了解,慢慢看,慢慢改。

 

博客大巴blogbus新模板标签含义详解

     div#index | Blog首页容器
     div#detail | Blog
内页容器
     div#container | Blog
主体容器
     div#header | Blog
页眉容器
     h1.blogName | Blog
标题
     div.description | Blog
描述
     div#innerContainer | Blog
内容器
     div.innerTop | Blog
内容器头部
     div#outerContent | Blog
外层主体容器
     div#content | Blog
主体容器
     div.contentTop | Blog
主体容器头部
     ul#posts | Blog
日志列表
     div.postsTop | Blog
日志列表头部
     div.context | Blog
内页前后分页导航
     span.top | Blog
内页前后分页导航/回首页
     span.pre | Blog
内页前后分页导航/前一篇
     span.next | Blog
内页前后分页导航/后一篇
     div.postHeader | Blog
单篇日志头部
     div.postHeader h2 | Blog
单篇日志标题
     div.postHeader h3 | Blog
单篇日志日期
     span.category | Blog
单篇日志所属分类
     div.postBody | Blog
单篇日志主体
     p.cc-lisence | Blog
单篇日志CC协议
     div.addfav | Blog
单篇日志添加收藏
     span.delicoius |
收藏到美味书签
     div.postFooter | Blog
单篇日志底部
     div.tags | Blog
单篇日志使用Tag
     div.tb_url | Blog
单篇日志引用地址
     div.menubar | Blog
单篇日志底部导航栏
     span.author | Blog
单篇日志底部导航栏/作者
     span.time | Blog
单篇日志底部导航栏/发布时间
     div.pageNavi | Blog
首页日志分页
     div#noPosts | Blog
首页空日志列表
     ul#trackback | Blog
内页引用列表
     ul#trackback h3 | Blog
内页单条引用标题
     ul#trackback .time | Blog
内页单条引用时间
     ul#comments | Blog
内页评论列表
     div.cmtBody | Blog
内页单条评论主体
     div.reCmtBody | Blog
内页作者评论主体
     div.reCmtBody .author | Blog
内页作者回复主体/作者
     div.reCmtBody .content | Blog
内页作者回复主体/回复内容
     div.reCmtBody .time | Blog
内页作者回复主体/回复时间
     div.menubar | Blog
内页单条评论底部导航
     div.menubar .author | Blog
内页单条评论底部导航/作者
     div.menubar .time | Blog
内页单条评论底部导航/评论时间
     div.menubar .reply | Blog
内页单条评论底部导航/作者回复
     div#commentForm | Blog
内页回复框
     div#commentForm label | Blog
内页回复框/用户信息
     div#commentForm .textField | Blog
内页回复框/输入框
     div#commentForm textarea | Blog
内页回复框/文本域
     div#commentForm .button | Blog
内页回复框/提交按钮
     div#outerSidebar | Blog
外层侧边栏容器
     div#sidebar | Blog
侧边栏容器
     div#sidebar h2 | Blog
侧边栏标题
     div#sidebar ul | Blog
侧边栏模块列表
     div#sidebar .count | Blog
侧边栏模块列表/记数
     div.sideTop | Blog
侧边栏头部
     div.module | Blog
侧边栏模块
     div.modTop | Blog
侧边栏模块头部
     div.modBody | Blog
侧边栏模块主体
     div.modBottom | Blog
侧边栏模块底部
     div#profile | Blog
侧边栏个人简介模块
     img.avatar | Blog
侧边栏个人信息模块/头像
     div#profile h3 | Blog
侧边栏个人信息模块/作者
     div.about | Blog
侧边栏个人信息模块/简介
     div#calendar | Blog
侧边栏日历模块
     div#calendar table | Blog
侧边栏日历模块/表格
     div#calendar .calendarHead td | Blog
侧边栏日历模块/日历头部
     div#calendar span.preMonth | Blog
侧边栏日历模块/上月
     div#calendar span.nextMonth | Blog
侧边栏日历模块/下月
     div#calendar .week td | Blog
侧边栏日历模块/星期
     div#calendar .week td.d0 | Blog
侧边栏日历模块/周日
     div#calendar .week td.d1 | Blog
侧边栏日历模块/周一
     div#calendar .week td.d2 | Blog
侧边栏日历模块/周二
     div#calendar .week td.d3 | Blog
侧边栏日历模块/周三
     div#calendar .week td.d4 | Blog
侧边栏日历模块/周四
     div#calendar .week td.d5 | Blog
侧边栏日历模块/周五
     div#calendar .week td.d6 | Blog
侧边栏日历模块/周六
     div#calendar .day td | Blog
侧边栏日历模块/日期
     div#calendar .day td.today | Blog
侧边栏日历模块/当前日
     div#cats | Blog
侧边栏日志分类模块
     div#tags | Blog
侧边栏Tag模块
     div.more | Blog
侧边栏Tag模块/查看更多Tag
     div#nPosts | Blog
侧边栏最新日志模块
     div#nComments | Blog
侧边栏最新评论模块
     div#search | Blog
侧边栏搜索框模块
     div#search .textField | Blog
侧边栏搜索框模块/输入框
     div#search .boutton | Blog
侧边栏搜索框模块/提交按钮
     div#login | Blog
侧边栏管理面版模块
     span.admin | Blog
侧边栏管理面版模块/进入后台
     span.write | Blog
侧边栏管理面版模块/写新日志
     span.posts | Blog
侧边栏管理面版模块/文章管理
     span.cmts | Blog
侧边栏管理面版模块/评论管理
     span.skins | Blog
侧边栏管理面版模块/更换模板
     span.stats | Blog
侧边栏管理面版模块/访问统计
     div#archives | Blog
侧边栏存档模块
     div#links | Blog
侧边栏链接模块
     div#custom | Blog
侧边栏自定义HTML模块
     div#meta | Blog
侧边栏META信息模块
     li.statistics | Blog
访问统计
     li.subscribe | Blog RSS
订阅
     li.poweredBy | Blog
驱动方
     div.sideTop | Blog
侧边栏底部
     div.postsBottom | Blog
日志列表底部
     div.contentBottom | Blog
主体容器底部
     div.innerBottom | Blog
内容器底部
     div.footer | Blog
页眉容器
     div.copyright | Blog
版权信息
     .clear |
清除浮动层


附:一些非常有用的blogbus博客大巴的代码

以下引用,出处不详! 

为了让更多的网友能够制作出炫目的博客,下面我就结合和讯博客的特点,为大家提供一些代码,大家可以借鉴一下。可根据自己的需要适当修改一下。
特效一 :博客介绍栏文字滚动,可是设置为向上、向下、向左、向右。可以设置高度,滚动速度。
<MARQUEE scrollAmount=1 direction=up height=120>
你的文字介绍</MARQUEE >
说明:scrollAmount=11就是文字滚动的速度
direction=up
up就是方向,down是向下,left向左,right向右。
height=120
120是高度
特效二 :状态栏滚动文字介绍
自左向右,循环滚动。
<script>
<!--

function Helpor_net(seed)
{ var m1 = "
你要显示的文字,如:站长如果依然欢迎来到成长の代价" ;
var m2 = "" ;
var msg=m1+m2;
var out = " ";
var c = 1;
var speed = 120;
if (seed > 100)
{ seed-=2;
var cmd="Helpor_net(" + seed + ")";
timerTwo=window.setTimeout(cmd,speed);}
else if (seed <= 100 && seed > 0)
{ for (c=0 ; c < seed ; c++)
{ out+=" ";}
out+=msg; seed-=2;
var cmd="Helpor_net(" + seed + ")";
window.status=out;
timerTwo=window.setTimeout(cmd,speed); }
else if (seed <= 0)
{ if (-seed < msg.length)
{
out+=msg.substring(-seed,msg.length);
seed-=2;
var cmd="Helpor_net(" + seed + ")";
window.status=out;
timerTwo=window.setTimeout(cmd,speed);}
else { window.status=" ";
timerTwo=window.setTimeout("Helpor_net(100)",speed);
}
}
}
Helpor_net(100);
-->
</script>
特效三: 状态栏文字打字机效果特效
<script language="JavaScript">
var msg = "
你要显示的文字,如:站长如果依然欢迎来到成长の代价" ;
var interval = 120
var spacelen = 120;
var space10=" ";
var seq=0;
function Helpor_net() {
len = msg.length;
window.status = msg.substring(0, seq+1);
seq++;
if ( seq >= len ) {
seq = 0;
window.status = '';
window.setTimeout("Helpor_net();", interval );
}
else
window.setTimeout("Helpor_net();", interval );
}
Helpor_net();
</script>
特效四:点击即可把你的网站添加到浏览器的收藏菜单下
<span style="CURSOR: hand"
onClick="window.external.addFavorite('
你的域名','你的网站名')"
title="
你的网站名">收藏本站</span>
说明:
你的域名——就是你的博客的网址,也就是首页窗口显示的地址。我的博客域名就是:http://blog.hexun.com/eran/default.aspx
你的网站名——不一定就要写真实的名称,可以写一些吸引人的名字,总之你写什么名字,别人的收藏夹里就显示什么名字。
特效五:点击即可把你的网站设置为浏览器的起始页
<span onclick="var
strhref="/window.location.href";this.style.behavior='url(#default#homepage)';this.setHomePage('
你的域名');"
style="CURSOR: hand">
设为首页</span>
说明同上
特效六:浏览器的状态栏里出现一个字接一个字往左跑的欢迎语!
<script language="JavaScript">
<!--
function statusMessageObject(p,d) {
this.msg = MESSAGE
this.out = " "
this.pos = POSITION
this.delay = DELAY
this.i = 0
this.reset = clearMessage
}
function clearMessage() {
this.pos = POSITION
}
var POSITION = 100
var DELAY = 5
var MESSAGE = "
你要显示的文字,如:站长如果依然欢迎来到成长の代价"
var scroll = new statusMessageObject()
function scroller() {
for (scroll.i = 0; scroll.i < scroll.pos; scroll.i++) {
scroll.out += " "
}
if (scroll.pos >= 0)
scroll.out += scroll.msg
else scroll.out =
scroll.msg.substring(-scroll.pos,scroll.msg.length)
window.status = scroll.out
scroll.out = " "
scroll.pos--
if (scroll.pos < -(scroll.msg.length)) {
scroll.reset()
}
setTimeout ('scroller()',scroll.delay)
}
function snapIn(jumpSpaces,position) {
var msg = scroll.msg
var out = ""
for (var i=0; i<position; i++)
{out += msg.charAt(i)}
for (i=1;i<jumpSpaces;i++)
{out += " "}
out += msg.charAt(position)
window.status = out
if (jumpSpaces <= 1) {
position++
if (msg.charAt(position) == ' ')
{position++ }
jumpSpaces = 100-position
} else if (jumpSpaces > 3)
{jumpSpaces *= .75}
else
{jumpSpaces--}
if (position != msg.length) {
var cmd = "snapIn(" + jumpSpaces + "," + position + ")";
scrollID = window.setTimeout(cmd,scroll.delay);
} else {
window.status=""
jumpSpaces=0
position=0
cmd = "snapIn(" + jumpSpaces + "," + position + ")";
scrollID = window.setTimeout(cmd,scroll.delay);
return false
}
return true
}
snapIn(100,0);
// -->
</script>
特效七 :鼠标一碰就弹出 设为首页 对话框 (烦人,建议不用)
<a href="#"
onmouseover="this.style.behavior='url(#default#homepage)';this.setHomePage('
你的域名');return(false);"
style="behavior: url(#default#homepage)">
设为主页</a></td>
说明同特效四
特效八 鼠标一碰就弹出收藏本站对话框(烦人,建议不用)
<a href="#"
onmouseover="javascript :window.external.AddFavorite('
你的域名',
'
你的网站名')" target="_self">收藏本站</a>
特效九:加入背景音乐
<EMBED src="
完整的音乐地址" autostart="true" loop="5" width="0" height="0">
说明:loop="5"5——音乐播放次数,改为"-1"为永久循环。和讯博客中,当你把首页文章显示设为:摘要时,它会摘出前255个字符,所以建议使用和讯博客的朋友,把音乐的代码放在文章末尾,不然首页会播放各个页面的音乐。很乱。

  评论这张
 
阅读(1677)| 评论(0)
推荐 转载

历史上的今天

评论

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

页脚

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