万恶的bus模板(mobanxx.blogbus.com——moban+xx代表模板学习)是由jiee于2007/08/01在bus上开设的。博客内容以bus模板教程为主,并就bus乘客关注的模板修改问题作出详细的解答。另外,博主也提供收费(详情可点此)定做模板的服务……
模板教程是“万恶的blogbus模板”的主要栏目之一,其目的在于向大家介绍blogbus模板的制作及修改方法。如果大家对于这里的教程有什么不懂的,请留言给我,我会及时解答的。另外,你也可以直接QQ咨询。
这里有我搜集的blogbus模板资源。通过这里的链接,你可以进入发布模板的博客去找找看看有没有你喜欢的“款式”。如果你实在找不到合适的模板,那么也可以找我收费定做(呵呵……)
因为blogbus的某些方面不尽如人意,所以需要用一些js代码勉强实现一些功能。在这里,我会及时公布研发出来的新功能,并在一段时间后发布相应的实现方法。


新系统模板整体结构示意(以常见布局为例)


日志内容区域结构示意

P.S:文字解说部分以后再补齐,今天有点累了

上节内容中把这块模板的大体布局已经写出来了,我们下面来解释下布局的代码:

上面是我作的示意图,大家仔细看看。相关的知识已经在前面的教程中提到过了,需要说明的是一些新系统模板的系统标签(封装代码)。像{#Blog_name}、{#Blog_desc} (注:实际上应该是全部小写字母!)这些代码分别是blog名称和blog描述的封装代码。从#header...

调节文字排放位置

这节的教程我们来学习如何调节blog名称和描述的位置。还是接着上节的教程来看,我们要在css中添加一些代码,即可实现文字排放位置的调节。下面我们先来学习简单的文字对齐方式。

文字对齐可分为左对齐,右对齐,中间对齐以及两端对齐。我们先看下这段代码:
<div id="header">
 <h2><a href="http://<!-- ~ domain ~ -->"><!-- ~ blogname ~ --></a></h2>
 <h4><!-- ~ blogdescr ~ --></h4>
</div>

这段代码在上节教程中已经出现过了,如果不...

恩,标题有点吓人还是来解释下吧。平凡生活是旧模板系统下为数不多的单栏模板之一,但blogbus在转换,或者说rebuilt旧模板到新模板中的时候,并没有把平凡生活转换过来。也就是说,新模板系统下,是没有平凡生活这款模板的!
 

因此,我决定在这里一步步地向大家...

blogbus模板修改实战之 背景图片修改篇

该日志由 jiee @ 21:59:00 发布,Tag:

声明:这套模板并非万恶制作,而是 fuqilan(点此查看作者博客)根据iZ的Pennyroyal Tea主题修改的。这个教程的目的是想让大家理解css中background的用法,希望能够有用……下面是教程中要用到3张图片(fuqilan发给我的)的缩略图:
(实际尺寸:960X210)
(实际尺寸:960X9
(实际尺寸:960X135)

先看下教程用模板最终效果。

点击标题阅读全文

blogbus模板教程列表[07/12/15更新……]

该日志由 jiee @ 00:00:00 发布,Tag:

为方便从百度过来的朋友们快速找到想要的东西,所以就制作了这样一份列表。注:列表应该从教程1开始看,也就是从下往上看……}}点击标题查看全部内容

CSS样式手册下载(如不能正常浏览css手册,请使用在线css手册)

这回终于要讲到如何修改头部的blog名称和blog描述了,但如果你没看过前面的教程的话,或者忘记前面遥内容的话,理解起来可能会有点困难。下面开始简单地修改实战环节!点击标题继续阅读全文

页面元素的样式(2) 实战篇
上节内容中,我向大家介绍了a h2 这两个页面元素(或者称为html标签),大家还记得我在上节内容中留下的问题的话吧,这节内容中,我们就要通过css代码来解决了。

先来看看上节中,我留下的问题吧。“想要修改标题字体的大小以及颜色,而且要去掉链接下面的横线”,为了使这节内容更有实战意味,我们把前面11节的的代码也搬过来看看:

Index块:
<!-- ~ header ~ -->
<div id="header">
 <h2><a href="http://<!-- ~ domain ~ -->"><!-- ~ blogname ~ --></a></h2>
 <h4><!-- ~ blogdescr ~ --></h4>
</div>

后面还有很长一段,请耐心学习吧

共5页 1 2 3 4 5 下一页 最后一页