DIV CSS 佈局教程網

筆者的博客裡一直有這麼一個頁面，可能不這麼顯眼，但是自己用的話倒是挺多的，主要還是日志中添加內鏈，以及查看之前的日志比較方便。

頁面位置

想看看找不到的話不要緊，在頁面的最下方，就可以看到了。

這次說到調整樣式，主要是有些數據沒有，看的時候不容易參照到，往往還要手動點擊進去查看，比較費勁。添加之後，按照自己的想法稍微調整了下樣式，發現養眼多了。

修改前

修改前代碼： 

<li>

<a href=“<？php the_permalink（） ？>” rel=“bookmark” title=“Permanent Link to <？php the_title（）; ？>”><？php the_title（）; ？></a>

（<？php comments_number（‘0’， ‘1’， ‘%’）; ？>）

</li>

修改前的樣式，日志標題都堆放在一起，且只有標題和評論數。浏覽量以及時間就看不到了，雖然添加容易，但是一直拖著沒有去修改。

修改後

修改後代碼：

<li><？php the_time（‘Y/n-d’） ？> -

<a href=“<？php the_permalink（） ？>” rel=“bookmark” title=“Permanent Link to <？php the_title（）; ？>”><？php the_title（）; ？></a>

<span style=“float:right”>（<？php comments_number（‘0’， ‘1’， ‘%’）; ？>）</span><p align=“right”>——目測<？php if（function_exists（‘the_views’）） { the_views（）; } ？></p>

</li>

根據需要，添加了時間和文章統計，數據到位了，放在一起，樣式顯得更加一坨了……感覺右邊空白不少，稍微修改了一下（其實就是右對齊，代碼如上），發現看起來舒服多了。

唯一的遺憾是頁面顯得有點長了，如果在最前面添加一個書簽就方便多了。目前對筆者來說，也足夠了。