文章内容区边框不齐

文章页的内容区的左右边框不齐，有1px的不一致，以前一直改不好。今天又尝试了一下，做了以下修改，效果有待观察。记录一下备忘。

style.css:85

#content {position:relative; width:627px; margin:0 auto; text-align:left;} 

width:628px; 改成width:627px;。

这么一改，文章也可以说是“严丝合缝”了，就是不知道会不会影响到首页等其他页面，效果有待观察吧。
改的时候发现，原来这个地方是有注释的，可惜现在变乱码了，不知道原来做了什么改动。
不知道早期的版本能不能恢复注释？也许以后可以试试。

内容区右边框阴影

另外发现，2007-10-24.html、2008-01-14.html 这两个文章页的模板和其他的不一样，在文章主体右侧有一道阴影，其他的模板没有。
有阴影，层次更丰富。没阴影，就简单些。首页也是有阴影的。

注释或取消注释这行代码即可：<div class="shadow-right"></div>

博客名称居中

此外还做了一个更改，首页的网站名改到正中央了。也不知道哪个好看，再想想吧，留了 index.html 改动前的文件备份，不喜欢可以恢复。但是要想把文章页、存档页也改了，工作量就多了。可得好好想想。

改过之后，原来的网站名显示的地方就有点大，有点空了。可以做以下修改，让整个页面更协调。

style.css:92

.grad-hack {position:relative; background: url("../img/header-bg.jpg") 0px -170px no-repeat; width:627px; overflow:hidden; margin-top:-79px; padding-bottom:20px}

background 边距 -170px 改为 140px，修改这张背景图的上下位置，让文章区顶部的横线处的颜色过渡更自然。 margin-top:-79px 改为 margin-top:-105px，把文章内容区上移，让顶部的区域小一点，更好看一点。原来那个位置是留给网站名的，现在网站名改掉之后，空出来的区域太大了。

这样，同时也修正了文章底部有一条白线的bug。这条白线是这里的margin-top影响的，单独调整margin-top的值，可以单独修复此bug。

quote-block

原来是 logo 下的 description，为了html的语义化，我改成了quote-block → daily-quote → daily-quote1、2、3。

style.css:52-56行。

如果想改回原来的，在文章的上方右侧显示，就找以前的css备份文件，差不多也是52行左右。找logo、description。

.logo, #menu {position:absolute; left:0px; top:115px; width:627px;} 里，把width:627px;注释掉之后，会发生一个有趣的现象，description会跑到文章内容区的左侧，呈竖排排列。很有意思。
在原来的css里，我试了一下，不能有中文标点符号，不然排版会乱，变得很难看。

下面说说修改后的使用方法。

修改后排版是从上到下，从右到左，对应的css属性是writing-mode: vertical-rl;。可以修改成从左到右的，改属性就行。

如果一段话，不想控制分段，直接使用class="daily-quote"就行。它会根据高度（480px）自动换行，最多三行。（使用class="daily-quote daily-quote1"也行，没做溢出隐藏，效果一样）

如果想自己控制分段的地方，可以使用分别使用class="daily-quote daily-quote1"、class="daily-quote daily-quote2"、class="daily-quote daily-quote3"控制每一“行”（竖排的行，更像是列），目前设置就3行，感觉多了也不好看。这里放简短的句子就行，不应该放长篇大论，字太多，不好看。

另外，可以使用中文标点符号了。

-