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

调节文字排放位置
这节的教程我们来学习如何调节blog名称和描述的位置。还是接着上节的教程来看,我们要在css中添加一些代码,即可实现文字排放位置的调节。下面我们先来学习简单的文字对齐方式。
文字对齐可分为左对齐,右对齐,中间对齐以及两端对齐。我们先看下这段代码:
<div id="header">
<h2><a href="http://<!-- ~ domain ~ -->"><!-- ~ blogname ~ --></a></h2>
<h4><!-- ~ blogdescr ~ --></h4>
</div>
这段代码在上节教程中已经出现过了,如果不...
恩,标题有点吓人
还是来解释下吧。平凡生活是旧模板系统下为数不多的单栏模板之一,但blogbus在转换,或者说rebuilt旧模板到新模板中的时候,并没有把平凡生活转换过来。也就是说,新模板系统下,是没有平凡生活这款模板的!

因此,我决定在这里一步步地向大家...
声明:这套模板并非万恶制作,而是 fuqilan(点此查看作者博客)根据iZ的Pennyroyal Tea主题修改的。这个教程的目的是想让大家理解css中background的用法,希望能够有用……下面是教程中要用到3张图片(fuqilan发给我的)的缩略图:
(实际尺寸:960X210)
(实际尺寸:960X9
(实际尺寸:960X135)
先看下教程用模板最终效果。
为方便从百度过来的朋友们快速找到想要的东西,所以就制作了这样一份列表。注:列表应该从教程1开始看,也就是从下往上看……}}点击标题查看全部内容
这回终于要讲到如何修改头部的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>
后面还有很长一段,请耐心学习吧