本站最近的一些界面改进

分类图标

整理文章分类,基于 Silk Icons 为每个分类加上图标:

并且在 Denis 的帮助下实现了侧栏“最新文章”“随机文章”前显示文章所属分类图标。加上之前的 评论者 favicon, 已经有点小华丽喽 😆

翻页按钮的样式

赶潮流学习了下 CSS 圆角,于是将 Pagebar 翻页按钮样式化成这个样子:
CSS 圆角
圆角样式仅支持 Firefox, Chrome, Safari, 其它浏览器下仍是方角。有兴趣可以查看我的 style.css 🙂 另外 CSS 圆角也运用到了评论输入框、鼠标放到图片链接上的样式 等地方,就不细说了,推荐阅读 sofish 的教程

左上角的加载标签

在页面加载的时候显示一个友好的提示,尽量挽留一下急性子的访问者吧。实现方法请参阅 awShawn 的文章。

标签云链接的鼠标悬停颜色

Simple Tags 生成的标签云可以按文章多少自动分配链接的颜色,但是鼠标放到链接上就不再改变颜色了。试试看本文右边的“热门标签”,像普通链接一样有 hover 样式,代码如下:

.st-tag-cloud a:hover {
color: #E58802 !important;
}

最新评论

  • fisio 可不,Google Reader 都去世十年了… Google Reader 的分享和效率
  • 轻重 天哪!今天整理Evernote,发现这条2010年的剪藏笔记,点击连接,原网站还在!12年了,中文互联网早已面目全非! Google Reader 的分享和效率
  • 小波 重新改博客,看看以前的wp小伙伴的博客,发现绝大部分都关了,没想到你的还在,只是停在11年了 我为什么爱 Twitter
  • 心灵博客 当年有这个效果已经很不错哦 diy 山寨投影家庭影院
  • fisio 可不咋地!您也是老司机了 我为什么爱 Twitter

发表您的评论

评论将回复给

😀🙂😯😁🙁😄😆😝😜👍🌈💖🎂

目前有 71 条评论

  1. 原来你问cat_id,就是加这些图标啊……不过,对于我可不适用了,到我那里,就清一色的都是WordPress的图标了,我只发这个类别的文章……

    1. Smilies Themer 和 Smilies Themer Toolbar

      我老觉得我这一块应该精简一下,竟然为了一个表情用了俩插件…

  2. 说实话,图标太多并不是好事。

    在你的留言界面里面,gravatar、推荐、分享、还有表情等图标会对用户注意力造成一定分散。除非是我们这些熟悉界面的访客,其他的评论者其实不是很方便。。。

    我觉得应该有办法改改的。。嘿嘿:)

    1. 用一段时间,大概就会想着怎么简洁了,呵呵

      目前打算先把胡萝卜上方的文字隐藏掉,鼠标放到胡萝卜上的时候才显示

    1. 是的,不过这个圆角并不是标准,IE的不标准是表现在其它很多地方,呵呵

      PS: 最近 Akismet 误杀好多,抱歉!

      1. 再测试一下,郁闷,我很少在别人blog上留言的,更不用说发垃圾评论了,这是我做得很不够好的一点,居然也被 Akismet 当 spam 了。

    1. 我不知道你具体是说哪个地方,这个左侧列表右侧输入框的布局是主题就有的,评论回复和嵌套是用的 wp thread comments, 是说这个么?




还有 1 条 pingbacks 从其它网站引用了本文