Typecho CSS3个性留言板之读者墙页面的实现方法

其次，在主题目录中创建一个新的guestbook.php，并粘贴以下代码。当然，新创建的页面的名称可以自己填写。这个以留言簿为例。你懂的

复制以下代码:
<？Php
/**
*自定义页面模板
*
*@packageCustom
*/
？>

第三，打开今天主题的page.php，复制所有代码，然后粘贴到guestbook.php，后面是那一步最下面的代码。

第四，改变代码，并检索较低的代码并用较低的内容替换它。

复制代码如下:
<？PHP$this->；内容(“”)；？>

变成

复制代码如下:
<；ulclass='readers-list'>。
<；？PHPgetFriendWall()；？>
<；/ul>；</div>；

第五，打开主题的style.css并粘贴以下代码

复制下面的代码:
。读者列表{line-height:16px；文本对齐:左对齐；_zoom:1；溢出:隐藏；文本溢出:省略号；空白:nowrap-o-text-}
。读者-列表李{width:181080x；浮动:左；*右边距:-1px；列表样式:无；}
。读者-列表a，。读者-列表a:hoverstrong{background-color:#f2f2f2；背景-图片:-WebKit-linear-gradient(#F8F8，#f2f2f2)；背景-图像:-moz-线性-渐变(#f8f8f8，#f2f2f2)；背景-图像:线性-渐变(#f8f8f8，#f2f2f2)；}
。读者-列出一个{position:relative；显示:块；高度:30px保证金:4px填充:2px4px2px44px颜色:#999；溢出:隐藏；边框:#ccc1px纯色；边框-半径:2pxbox-shadow:#eee002px；字体大小:10px行高:14px}
。读者名单。pic，。读者名单。readers-liststrong{-WebKit-transition:all.2sease-out；-moz-transition:all.2s缓出；过渡:所有.2s缓出；}
。读者名单。pic{width:30px；高度:30px浮动:左；边距:08px0-40px；边框-半径:2px}
。读者列表em{color:#666；字体样式:正常；右边距:10px字体:bold12px/16px微软雅黑；}
。读者-列表strong{color:#DDD；宽度:34px文本对齐:右对齐；位置:绝对；右:6pxtop:4px；字体:bold14px/16px微软雅黑；}
。读者-列表a:hover{border-color:#BBB；box-shadow:#CCC002px；背景色:#fff背景-图像:无；}
。读者-列表a:悬停。pic{不透明度:.6；左边距:0；}
。读者-列表a:hoverem{color:#ee8b17；字体:bold12px/36px微软雅黑；}
。读者-列表a:hoverstrong{color:#ee8b17；右:134pxtop:0；文本对齐:居中；右边框:#ccc1px实线；高度:34px行高:34px}

第六，新建页面或者写你的读者墙页面，点击底部的置顶选项，在免费模板中选择“自定义页面免费模板”即可发布！