Tag Archives: hack

Firefox下,Google Friend Connect高度不正确解决方法

很多人在自己的博客上面安装了Google Friend Connect,但是近期,这个在Firefox下,会出现容器高度不足的问题。这里,我介绍一点点简单的方法来解决这个问题。下文针对不同浏览器的用户提供不同的方法来修正这个问题。

有Firebug的Firefox用户

如果你用的是Firefox,并且安装了Firebug的话,就简单多了,右键点击Google Friend Connect,然后查看元素,在左侧源代码里面选中iframe,然后在最后边的窗口里面选中布局,这个时候,在中间蓝色的框框里面就能够看到Google Friend Connect的实际高宽了。

然后在你的CSS文档里面添加上这样一句

  1. /*  Google Friend Connect    */ 
  2. #remote_iframe_0 {height:240px;} 

这个是专门针对Firefox的一段CSS,比如我的iframe高度是240px,我就在上面代码里面设置的为240px,保存就可以了。

没有FIrebug插件,而有IE或者Chrome的用户

当然,如果你没有Firebug,那QQ应该有把,用IE打开你的博客,然后用QQ截图功能测量一下Google Friend Connect的实际高度,然后稍稍把高度增大一点点,比如我在IE下面测量的是236px,然后,我就写240px了。

最后,还是把前面的一段代码粘贴进CSS,就可以了。

如果你没有QQ,又没有IE,又没有Chrome

没有办法了,下载一个Firefox,然后安装Firebug插件,再按照前面说的修改一下吧。

总结

本文中的各种方法都是为了获取Google Friend Connect的真实高度,因为每个人设置的宽度不同,导致Google Friend Connect自动生成的高度也不一样,所以不能给一个固定值在修改,只能够实地测量高度,然后添加一段CSS来调整容器。

而前文中的那段代码是专门针对Firefox hack的,仅仅只会在Firefox里面展示出效果。

Sablog-X 2.0 Plus 留言邮件提醒功能

别人的博客都有留言邮件提醒功能,现在Sablog Plus(http://www.sablogplus.org/)也有了。这里是一个预告,在下一个更新版本中,将会提供该功能,如果你现在急着想要的话,可以按照后面的介绍自己尝试修改一下。

修改内容

模板文件templates…show.php

文章页面输出modulesshow.php

接受信息文件post.php

函数库includefuncfront.func.php

JS效果includejscriptshow.js

修改介绍

修改模板文件show.php

添加了“回复我”按钮;

添加了“勾选是否接受回复提醒”;

修改post.php

增加了一个参数,$mailreply,记录是否接受回复提醒;

增加一个参数,$replyid,记录被回复者的ID;

增加一行判断,根据$mailreply,修改插入数据库的内容,并且调整cookies;

增加一行数据库查找,获取被回复者的名字,邮箱和留言内容;

增加判断,如果被回复者的留言内容中以[noreply]开头,则不发送邮件;

增加两处sendmail函数,函数见front.func.php;

修改了front.func.php

增加了function sendmail();

修改了show.js

增加了function addreply()函数,实现“给我回复”功能;

修改了文章输出show.php

增加两处正则表达式替换,去除[noreply]标签和转换回复标志为被回复者的地址

由于本人的博客源代码与网络上面公布的代码差异较大,所以不提供源代码给大家下载。一起来等下一个版本吧。

CSS hack区分IE6,7和FF

自己总结了一下自己在设计 CSS 过程中学会的和用过的 CSS hack 技术。相信看这篇文章的都不会是 CSS 白痴,所以 CSS 是层叠样式表我就不说了。

至于文中的 CSS hack 技术,要么是我从书上看到的,要么就是在学习别人的网站的 CSS 的时候发现的。

方法一:*和!important

IE都支持*,IE6 不支持 !important,FireFox不支持 *

举例说明:

  1. color:#FFFFFF;/*FF显示的效果  */ 
  2. *color:#EE7EE7!important;/*IE7显示的效果  */ 
  3. *color:#EE6EE6;/*IE6显示的效果  */ 

叠放顺序必须如此,可以从中去掉某个。

方法二:+和-

IE7可以认+,IE6可以认-

举例说明:

  1. color:#FFFFFF;/*FF显示的效果  */   
  2. +color:#EE7EE7;/*IE7显示的效果  */   
  3. -color:#EE6EE6;/*IE6显示的效果  */   

方法三:居然是针对Firefox的 hack

Firefox对于 i 会转换成为 i ,所以对于width, heigh, margin 等包含字母 i 的参数都可以用这套方法。

举例说明:

  1. width:30px;/*非FF的显示效果*/ 
  2. width:25px;/*FF的显示效果*/ 

有了这三种方法,一般的 hack 问题都能够解决。学习和制作 CSS 中继续总结心得。

Sablog-x 2.0 ping服务功能

别人很多国外的博客系统,如WP,都有ping服务(xml-rpc),我们Sablog-x怎么能够缺少了,晚上自己研究了一下谷歌地痛的API,再加上自己辛苦的百度,总算完成了ping服务的大致模型。

目前自己已经能够正常使用,但是还只是用数组保存ping服务器,而且对于Ping失败没有进行判断。过几天写上数据库和后台,并完善功能。

现在只要博客一发新帖,马上就会Ping那些服务器了。[face=glade]