存档

文章标签 ‘读者墙’

简单CSS3实现炫酷读者墙应用代码

Aug 21st Tue, 2012/JiaJieChan/折腾/1,926 阅读/5 comments

如题,给大家介绍和讲解几个常用的CSS3属性,并用到实处。
先看Demo(请使用Chrome或者Firefox浏览,IE的靠边);

20120822155828

此Demo地址为:演示详细效果点这里

Read More...

分类: 折腾 标签: , , , , ,

对读者墙wp-reader-wall的美化及修改

Apr 4th Mon, 2011/JiaJieChan/折腾/5,152 阅读/6 comments

最近无意中看到读者墙的头像显示有问题,具体表现为鼠标指向头像不显示博主名及评论数目,只显示“读者墙”三个字,刚开始我是不知道头像的下面会有一个Url位置,下移鼠标才知道。

一直就这个问题想办法解决,我看了其他的博客都可以实现啊,第一件事就想到插件的问题,在这里讨论的是修改,美化将在下面提及到。

最终修改美化图

插件修改:

鉴于上面的问题,我这次修改的目的很明确,就是要把默认的描述“读者墙”修改为和下面一样的描述,能正常显示评论数目及博主名称。我反复的修改php代码,那个描述就是不生效,将近2个小时了,还是看不出有什么问题,Chrome的查看源代码也没发现什么问题。

就在想放弃的时候,在一论坛看到Alt标签和Title标签,据作者所说Alt和Title对不同的浏览器是由不同的,任意门 。然后我就翻了翻php代码,终于发现了猫腻。两段代码Url标签那里使用了Title属性,而Img标签那里却使用了Alt属性。据帖子里说,Title在Chrome下有效,Alt在IE下有效,这样问题就大概摸清了。

解决方法:

打开wp-reader-wall.php,在前面缺少Alt属性的地方加入Alt属性,在后面缺少Title属性的地方加入Title属性。如下图;

在前后都补全了相关属性,这样在IE或Chrome上都不会出现不兼容了。

 

 

为了让访客浏览得更好于是加上Target标签,使点击头像时从新窗口打开。请加入如下代码;

在 $tmp = "<a href='".$url."' title='".$comment-> 中的  $tmp = "<a后面加入 “target='_blank'” 不含双引号。

 

插件美化:

大家应该都对默认的样式看腻了吧,下面就由我教大家对读者墙的CSS样式进行修改美化。

打开当前主题的Style.css在适当的地方(那里都可以主要方便自己以后的修改)加入下面的代码;

 

 

CSS源代码取自我是大头(应该说是偷的! 12:) ) ,最后又看了看效果个人觉得横列距离密了点,于是参照了集思博客的CSS样式,对上面的代码进行了修改,使得距离宽一点;

以下为修改内容;

打开Style.css,在刚才添加的代码中找到;

在下面加上;

原创内容,转载请出示版权信息!

本博已升级到WordPress3.0

Jul 13th Tue, 2010/JiaJieChan/日志/1,179 阅读/3 comments

         今天把博客升级到3.0了,后台自动升级不能用,唯有自己动动手了。在论坛上看见别人的介绍,好像很不错自己就试了试,最后就后悔了。我在这里不是叫大家不要升级3.0。由于这个升级和我的疏忽导致几篇日志的不翼而飞,包括这篇额这篇是新写的。

        数据游走的过程:

         = 下载安装包 → 删除WP文件 → 上传新文件 → 更新数据库 →完成 【注意这个步骤是可行的】

       悲剧的转折点出现了,发现【读者墙】出错,看上面的解释应该是数据库问题,又因为本来尝试自动升级,可是后台又说错误,不过手动更新的时候却说数据库已升级,悲剧把人都弄糊涂了,就以为数据库出错,想了想数据库是多么神圣的东西丫人类是弄不好的了,于是就覆盖用前几天的数据库覆盖,悲剧又出现了恢复后仍然错误,怎么回事? 还是上Google查一下吧,果然在插件作者的博客里查到这个版本于3.0不兼容,而WP官方又没有提示升级,在作者的博客里看到新版的插件便下载,【读者墙】恢复了,我的数据也丢了。 2:)