本站最近的一些界面改进

分类图标

整理文章分类,基于 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;
}

最新评论

  • 衣皇后 对你爱爱爱不完,我可以天天月月年年看你博客到永远! 我为什么爱 Twitter
  • Kaylin Pra quem leva a sério esses argumentos desses links, é melhor nunca mais assistir um filme de Holywood. Todos sabem que Disney era conaorvsder para os padrões de lá. 人脸标签!体验 Picasa 网络相册新功能
  • Justice | | | | | inmidderen film izleme sitesi bedava filmler canlı film seyret binlerce filmler online sinema izletir beleÅŸ filmler filmini full izle ücretsiz sinema izleme sitesi filmini izle direk filmler son çıkan filmler vizyondan sonra full sinema izleme sitesi filmleri tam izle indirmeden bedava filim filmler full ve bedava 非常有创意的献血慈善广告
  • Mikel Congratulations on your spicy new name; and the expansion of your services.As a long time patron of ‘Chef Sazon’, I look forward to Roho Kitchen’s future success. Whether it is cooking classes, food and beverage pairing classes,event catering, or pop- up reratusants— I know that Roho Kitchen will always deliver an amazing culinary experience!. Semih Sayginer的开伦表演
  • Charlotte Gee willekirs, that's such a great post! 超牛的flash忍者游戏: N-Game

发表您的评论

您的评论将回复给 原评论者

:D:):O8):(8D;DXD:P:nice::rainbow::cafe::love::cake:

目前有 71 条评论

  

 ....抢沙发
看完后学到了一些东西
也带来了很多灵感.. :rainbow:

你的 Blog 早已脱离"小华丽"水平,进入了大华丽境界。

比您还差得远啊...

太华丽了,特别是那一坨坨favicons~

很漂亮 😮

非常华丽了 😆

fisio有升级到2.7吗?

早就~

华丽的老肥,那我就华丽的飘过了~~

又进化了呢

一直觉得你的评论框很有特色,哈哈!!

简单而华丽 我喜欢 :love:

老肥对细节真实癫狂。。。

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

WordPress 下也是可以细分的... 👿

懒得分,而且主要是文章数量太少了,分类多了,每个类下面就只有一篇文章,不爽

真的很漂亮,喜欢!

真华丽~~评论框都是圆角的啦 😀

很喜欢第一项的改动,自己也想这么干,但还不会...

你还可以再小折腾一下搜索框.

目前第一项还很不完善,增加的数据库查询很多... 慢慢优化了只能

进来看看,有时间把我的也好好弄一下!

😀 油腻吃多了你就想着清淡,总有一天你又改回来。

挺哲理的,哈哈 讲不定那天就换回来了

来瞻仰下,真是辉常漂亮~~ :rainbow: :rainbow:

啥时候挂Adsense的广告啦...难道是通过日志发表时间来区分是否出现广告的?

囧 竟然被发现了,我还以为做得很隐蔽呢,呵呵

只是针对十来个 post_id 启用了

不仅华丽 而且都很实用哈 :p

你好 我想請問你 評論表情是用的什么插件呀?謝謝啊。 :rainbow:

Smilies Themer 和 Smilies Themer Toolbar

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

多谢回复啊。嗯我看到还有custom smiles是这类的。。我去比较一下你这个。嘿嘿。

太华丽 太yd了

效果真不错。

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

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

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

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

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

其实我觉得那个正在载入的提示有点多余。浏览器不是已经有了加载条了吗?

呃 这句真把我问倒了,看来我是个跟风典型 👿

相当牛X的细节美化~

认真的人会很在乎这些细节,有好多,值得学习!

细节决定了用户体验。
不过我好奇的是你的主机,加了这么多稀奇古怪的效果速度还是这么快。

胡戈戈的 bluehost... 效果有点多,但不一定都是耗资源的呀 hiahia

加上border动感十足嘛~看来偶的分页按钮也要学学嘿嘿,目前用的是超巨的效果

大猫的按钮也很好,就是颜色看上去想那种网站 👿

很漂亮了,如果把页面顶部改一下就更好看啦

banner么?

ps: 被 Akismet 当 spam 啦

是滴是滴!!

仍然如此,向 Akismet 写信恢复吧...

😀 每一个小小的gif真是太漂亮了 。赞。

原来圆角是通过CSS3 实现的,可惜在IE下不支持,唉,IE什么时候才能遵循标准,不然也不用放那么多的图片了!

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

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

-_- 其实好像是自己的站点被判入了Alismet 黑名单,很多在很多站点的留言都被拦截了,郁闷,刚刚跟他们写了信。

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

这次对了~

用户体验做的真不错~

welcome~

小的改进,体现了博主的用心

有些也可以用到我的博客里,请问博主的这款皮肤可否提供一下?

请参照我的页脚链接 :)

http://gluedideas.com/

icon很漂亮!

真的是要向你好好学习

我试用了这个模板,但是没有你的这个感觉漂亮,差多了,又换回去了

我有很多自己的修改啦,有些效果也是必须配合插件的 :)

这个主题好养眼啊!
想问问你的评论插件叫什么?也想要一个!

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

主题太完美了,真希望能用上你的主题啊

你的也很牛..XD

很漂亮
看上去非常有品位

:nice: 好可爱的萝卜和兔子!

看侧栏,icons如潮涌……

话说,“热门标签”还没有icon……

我准备仿你的,把我的也弄一下,不知道这是不是叫侵权 ? .. 哈哈

老肥好久没有更新blog了?

是挺久了... XD

真漂亮,细节觉得成败! :nice:


有 1 篇其他博客的文章引用了本文

  1. 09年2月6日让 Firefox 的网页输入框也高亮发光 - 左岸读书_blog