-
blogbus模板系列教程8---认识系统标签(封装代码) - [博客大巴代码教程]
2008-04-26
实战系统标签(封装代码)
这一节的内容会教大家如何在模板编辑器中使用系统标签。我这里有一个测试用的账号,可以任意使用。账号及密码都为:jieetest 。大家可以用这个测试账号进入后台进行模板的编辑。下面列出我编辑的模板代码:
代码块: Index
<div style="width:860px;height:120px;border:1px solid red">
这是我的博客名称:<... -
blogbus模板系列教程7---认识系统标签(封装代码1) - [博客大巴代码教程]
2008-04-26
所谓的系统标签,其实就是bus系统专有的一些标签。把这些标签放到布局代码中,就能输出相应的内容了。我在教程开始的介绍中,把这些代码称为封装代码。我们不必了解封装代码的具体内容,只要把它们放在合适的地方就好了。这些标签中,有些标签只能在模板的某一部分使用,另外一些则可以与其他部分共用。这节的内容我们先熟悉一下基本的标签:
Index(首页)中的系统标签:
<!-- ~ header ~ --> &l... -
blogbus模板系列教程6---布局之div布局之路(2) - [博客大巴代码教程]
2008-04-26
这节的内容是对上次div布局之路中,我个人认为还没有讲明白的地方作出补充。
我为什么没在模板编辑页面中看到过这种
<div style="width:860px;height:120px;border:1px solid red"></div>
代码?
上面的代码是我为方便讲解而举的例子,但在实际的模板编辑过程中,采用这种方法书写代码,会使模板编辑工作变得异常困难。我们常看到这种代码:
<... -
blogbus模板系列教程6---布局之div布局之路(1) - [博客大巴代码教程]
2008-04-26
div布局实例
本节将会介绍模板制作过程中较为重要的一个环节:Div布局。与table布局相比,div布局更加简便快捷,也是目前网页制作中常用的布局方法。但要想熟练地使用div进行网页布局,还得在长期的代码书写实践中加以理解,逐步提高div布局的技能。
我们先看下面的一段代码:
<div style="width:860px;height:120px;border:1px solid red">这是个宽860px,高120p... -
blogbus模板系列教程6---布局之实战表格布局 - [博客大巴代码教程]
2008-04-26
实战表格布局
前面的教程中,我已经向大家简单地介绍了表格在布局中的作用以及表格的部分属性,但那些内容只是简单地说明,要想完全弄懂表格在HTML语言中的用法,还得靠长期的实战经验^_^。但我先声明一下,我下面的内容只是想让大家在以后的模板修改过程中,能够看懂模板代码的大体意思,并不能让你在几分钟内完全学会table的用法。
下面是代码部分:
<html>
<head>
<title&...



















