存档

‘折腾’ 分类的存档

对评论者信息、嵌套回复、收藏分享的一些优化, 2011年2月19日

Feb 19th Sat, 2011/JiaJieChan/折腾/2,041 阅读/5 comments

刚刚快写好了,又一次意外使得要重写这篇文章,真悲剧! 以前看到其他的博客的分享插件觉得太好看了,又因为自己博客的分享条是用JS调用的, 再加上浮动就显得更卡了,由于自己太懒没有去修改,十几天没写日志了,一直堆到今天。于是便有此文!

咳, 累死了!  15:) 再加上广州这几天的天气太冷了  21:) 穿着厚厚的衣服坐在电脑前面努力的打字!…..  3:)

收藏分享修改

以前一直使用加网的分享条,第一次是用漂浮的因为这样美观,后来因为滚动时卡的问题换成固定的(也许是因为我的电脑配置太低吧,05年 Celeron D 331 ,512M*2内存!),今天把它替换为wp-share-list ,相关的信息请点击插件名进入。

这款插件是用像走马灯的效果,跟随鼠标;支持图标加文字,支持图标加阴影,支持大图标和小图标。

安装过程就不多说了,直接安装上并稍微设置下就可以了。

嵌套回复修改

经常到论坛、博客发文章和用Word排版的朋友应该都知道左对齐吧,这个左对齐不是一般的文字对齐,而是图片或文字向左靠,其他的东西围绕着它排列。这里要优化的就是 WP Thread Comment 嵌套回复插件的作者头像和发布时间不并排在一起,直接就换行了,非常不好看。

修改思路:使用左对齐代码将头像向左对齐,评论作者和发布时间就往头像环绕对齐,并排在一行上。

左对齐代码:alignleft ;当然可用右对齐:alignright ;至于居中就不要用了,太不给力了。

修改方法:

打开WP Thread Comment 的编辑评论的HTML框;

找到代码

<?php if(function_exists(“get_avatar”)) echo get_avatar( $comment, 32 ); ?>

在代码的前面加上<div class=”alignleft”> ;后面加上</div> 千万不要把分号也加上噢!

到处嵌套回复的优化就完成了,看看是不是有所不同。

由于修改前没有截图,因此修改前的图是在其他博客上截的;

修改前:

修改后:



评论者信息修改

基于 Comment Info Detector 识别能力太低,又出现了错误,在不能识别的信息直接就表示为乱码,于是决定换了它,取而代之的就是 wp-useragent 插件,相关的文章本博也有请各位到技术分享找找吧。

安装完插件后就要其进行修改了,安装过程就不说了,下面说说我的设置。

我的设置:打开WP-UserAgent,找到Display complete User-Agent(显示评论者详细信息),将其设置为False;找到Use links on text(加上相关软件商的链接),将其设置为No;找到UserAgent Output Location(评论者信息输出位置),将其设置为Custom (Advanced)。

由于设置了为自定义下面就要将代码添加上才能显示出信息来;

打开 WP Thread Comment ,找到编辑评论的HTML

找到代码 [Content] 在代码的前面加上;

<p><?php useragent_output_custom(); ?></p>

由于我用的是INove,因此打开functions.php文件,其他主题一般都是修改comments.php文件

找到代码:

<a href=”#comment-<?php comment_ID() ?>”><?php printf(‘#%1$s’, ++$commentcount); ?></a>

在代码的后面加上:

<br/><?php useragent_output_custom(); ?>

好了,再次感谢以上插件的作者!

分享插件:收藏分享插件wp-share-list

Feb 19th Sat, 2011/JiaJieChan/折腾/1,964 阅读/没有评论

看了很多的收藏分享类的插件及代码,始终都没有找到一款好看且实用的,无意中在外国的博客上看到过一款,可是始终找不到那个插件,我想应该是用代码的吧。最后找到一款同样有个性的分享收藏插件,现出来给大家用用。

插件名称:wp-share-list

版本:1.1 [WordPress官网同步更新]

作者:明河

下载地址:wp-share-list

分类: 折腾 标签:

分享插件:万戈牌工具条, 有意思的插件

Feb 19th Sat, 2011/JiaJieChan/折腾/1,863 阅读/1 comment

前几天给博客的顶部加上了一个工具条,童鞋们反响强烈,看来这个东东的需求很多呀。我觉得这个功能有一定的扩展性,只写一篇教程可能满足不了广大博友饥渴的需求,索性我就把这个功能做成了一个 WordPress 插件供大家使用。耗时两个晚上,终于把我的第一款 WordPress 插件做出来了,先介绍一下吧。

功能简介:

1、支持底部与顶部两个位置的切换。

2、支持自定义轮播公告的 Feed 地址(默认为 WordPress 的 feed),推荐使用嘀咕、twitter、PageCookery 等带有 feed 功能的微博作为公告。

3、支持轮播公告显示数量和间隔时间的设置。

4、支持新浪微博、搜狐微博、网易微博、百度说吧、Twitter、QQ 微博、嘀咕、豆瓣、Facebook 九大主流 SNS、微博地址设置(位置可任意调换)。

5、自带添加到收藏夹、给我邮件、订阅本站三个功能。

6、支持 IE6、7、8、9、Firefox、Chrome、Opera、Safari 等主流浏览器。

使用方法:

把插件包上传至 wp-content/plugins 目录并在 WordPress 后台开启即可,无需修改主题,更多个性设置可以在后台的外观-万戈牌工具条中设置。

效果可以见本站的顶部,下面再贴一张插件后台的控制面板截图。

关于此插件还有几点说明:

1、因为本人是无插件主义者,所以平时很少碰 WordPress 的插件,这也是我第一次做 WordPress 插件,如有 bug,多多包涵。

2、为了方便大家进一步扩展此插件,我在插件包中附上了原图合并的 PSD。

最后的最后,打一下广告:万戈牌工具条,谁用谁说好,哈哈~

本文转载自:万戈博客

原文链接:http://wange.im/wg-toolbar.html

今天教大家用PS制作局部彩色的图片

Jan 21st Fri, 2011/JiaJieChan/折腾/1,823 阅读/没有评论
又要来一篇技术文章,其实我这些技术文章都是遇到什么些什么的,就是说需要用到这种东西的时候在制作的过程中,顺便截几张图,大概的说说制作方法,一篇技术性文章(我们叫它做教程)就出来了。今天看了看“技术分享”分类已经达到40篇了,还有一些在其他的分类里。有通过上课学到的知识归纳为一篇文章,有一些是从网上学的,再加上自己的理解再写出来的。从这几天一篇的日子里,学到了不少实用的技巧。

局部,换而言之就是突出一样东西,常见于一些广告。因为各种需要,我们要用到这种效果,一般新手会使用美图秀秀来实现这个效果,不过我还是推荐用Photoshop。

废话不说,今天我就教大家用Photoshop来制作这种效果。

原图局部彩色效果

首先准备一张图片,用Photoshop(以下简称PS)打开一张原图;

选择 图像 => 调整 =>  去色 命令,图片变黑白;

选择放大镜放大图片,以便更好的“上色”;

选择橡皮擦,在上面的工具条把“抹到历史记录”勾上,
在为不同地方“上色”时可以适当调整橡皮擦的大小;

将要制作成彩色的部分用橡皮擦擦拭;在这里我要突出这6个小球

制作完成后的效果;

Excel小写金额转换为万仟佰拾元角分

Jan 15th Sat, 2011/JiaJieChan/折腾/2,177 阅读/没有评论
在Excel中,要想将一个实数型的金额,转换成为对应的万仟佰拾元角分,是不容易的。因为没有任何函数能实现这种功能,其实在WPS表格上也适用的。

所以,要想实现小写金额转换成为对应的万仟佰拾元角分的数字,必须得使用借助其它方法来实现。并且,网络上的各种方法,不是因为函数公式太复杂,就是因为讲得实在是让人不得要领。

为此,本站力求简单、方便大众,特出此文,希望对您有所帮助。

首先看下表,我们要实现的目的,就是将A列中的实数型的金额小写,将其对应的金额数字填写到下方的万仟佰拾元角分对应的位置。

要想解决这个问题,一口气是很难咽得下去的,除非您对函数公式相当了解。最简单的解决办法是,先将实数金额中的整数和小数部分,分别取出来,之后,再作下一步的打算。如下图一样,增加两列,分别是整数和小数,用于保存取出来的整数和小数部分。

一、先取金额中的整数和小数部分

取整数的方法非常简单,只需要使用到INT函数就足够了,如下图的B2单元格公式代码:=INT(B2)。

之后,再使用填充功能,就可以将其它单元格的整数也一并取出来。

接着,是取实数中的小数部分,小数部分的取法也简单,理论依据是:实数-实数中的整数部分=实数中的小数部分,如C2单元格的公式吧:=A2-INT(A2)。

然后使用填充工具即可把其它单元格的小数取出来。

二、万仟佰拾元所对应的数字

现在,就到了将其中的整数和小数转换成为万仟佰拾元角分的时候了。我们先对整数部分进行操作。

如,万这个单位中的数字,该如何填写,在Excel中如何取得正确的数字呢?

=IF(LEN(B2)>=5,MID(B2,1,LEN(B2)-4),"0"),使用该公式即可,如上图。

理论依据是:如果数字的长度大于或等于5,那么,说明该金额大于五位数或有五位数,因此,这个数字必然存在万位。

LEN(B2)>=5用于判断金额的位数,是否达到万位;如果超过万位,那么,就取万位应该取的数字,使用此代码:MID(B2,1,LEN(B2)-4),截取B2单元格中的数字,从第一位开始截取,到LEN(B2)-4位结束;如:123456,共有六位,从第一位即1开始截取,到6-4=2位结束;这样就成了,从第一位开始截取数字,到第二位结束,所得值即为12,此为万位的数字,正好,就需要这样。

当然,如果该金额不到万,那么,万位自然是填0了,公式中的"0"正是填0的意思。

仟位数字的公式代码:=IF(LEN(B2)>=4,MID(B2,LEN(B2)-3,1),"0")

佰位数字的公式代码:=IF(LEN(B2)>=3,MID(B2,LEN(B2)-2,1),"0")

十位数字的代码公式:=IF(LEN(B2)>=2,MID(B2,LEN(B2)-1,1),"0")

个位数字的代码公式:=IF(LEN(B2)>=1,MID(B2,LEN(B2),1),"0")

三、元角所对应的数字

好了,下面我们该看元角的数字该填什么了

要截取小数点后面对角和分,最简单的方法就是如上图的公式了:=MID(C2,3,1)即得角的数字;:=MID(C2,4,1)取分的数字。

当然,上面的代码最为简单,只取角的数字和分的数字,后面的数字,一般情况下,都不会理会了,因为太小了,所以,也没有必要进行四舍五入了。

除此之外,您还可以使用如下代码获取角分的数字:

角数字:=MID(C3,FIND(".",C2) 1,1)

分数字:=MID(C3,FIND(".",C2) 2,1)

四、将万仟佰拾元角分转换为大写数字

得出了以上的万仟佰拾元角分的数字,最后,我们再选择这些有数字的单元格,点击右键选择“设置单元格格式”,在对话框中选择“数字”选项卡中的特殊,之后在其右方选择“中文大写数字”,即可圆满的解决您的问题。

本文转自:爱盲网

原文地址:http://www.amhl.net/wenzhang/office/20101201/128414.html

链接页美化:在每个链接前面显示Favicons

Jan 4th Tue, 2011/JiaJieChan/折腾/2,027 阅读/8 comments
在今天无意中看到别人的博客链接页里都显示Ico了,而我的博客却还是那个默认图标,在做这个修改碰过不少壁。第一不知道链接页里的li标签在哪个CSS里面控制,第二知道后尝试在CSS里调用$bookmark->link_url,最后失败告终。第三不知道怎样调用Ico,原来是用URL/Favicons.ico来调用的,后来知道每个浏览器调用Favicons的方法都不同。

这个修改方法是自己总结的,要感谢强大的Google、感谢伟大的国家、感谢我的父母、感谢仁慈的工信部,因为有他们我才能够写完这篇文章。

方案思路

获得网站的Favicons,并且要让所有浏览器成功显示;去掉默认的链接图标(只针对INove,有些主题可能没有默认的图标);插入自动获取的Favicons图标;让图标与文字链接对齐,中间有一定的空间。

修改方法

在多方搜索下知道Google的Favicons缓存功能,获取方法 http://www.google.com/s2/favicons?domain_url= 在后面加入URL即可,Google还有第二个获取来源,就是从域名获取 http://www.google.com/s2/favicons?domain= ,这里要说一下域名与URL是不同的,URL是带http://的,而前者却没有。恰巧在WP中调用的链接地址却是URL形式,我第一次的时候只发现从域名获取的方式,后来才知道能从URL里获取,Google的Favicons缓存功能是在服务器获取Ico图标然后转换为图片再输出,因此我们调用到的是一个图片。

获取并插入链接的Ico图标

打开links.php (//后面的是代码的说明)

在<li>和<a target="_blink" href="' . $bookmark->中间插入

<img src="http://www.google.com/s2/favicons?domain_url=' . $bookmark->link_url . '" />      
//插入链接的Favicons图片


去掉Inove链接模块里默认的链接图标

打开style.css  (//后面的是代码的说明)

查找 /* linkcat START */       //连接页的CSS样式开始

将.post .content .linkcat ul li a{ ***这里省略*** }删掉

这样就可以去掉默认的图标,刷新后默认就会消失,而显示php上插入的Ico,到这里你是不是觉得很图标和链接很紧密,一点都不好看?  这样就要做下面的修改了。

让图标与文字链接对齐

接着上面的步骤,删除代码后同时为了有逻辑性,在原位置插入以下代码   
(//后面的是代码的说明;=>为下一级菜单、标题等等,下面的代码完全可以在Dr里面可视化的完成!)

.post .content .linkcat ul li img {          //控制链接页 li => Img标签
margin-right: 5px;                             //向右方腾出几个空位,px为像素
vertical-align: middle;                   //Favicons图片垂直居中对齐
}


到此覆盖修改过的文件,刷新网页看看就可以看的效果!

校园生活之Flash选修课三,圣诞特辑星星写字特效(含教程)

Dec 22nd Wed, 2010/JiaJieChan/折腾/1,543 阅读/没有评论

由于这次的量比较大,因此就只发一个特效,剩下的就由下一次再发了。

星星写字特效(特别适合圣诞节)教程

  1. 新建一个文档,背景设为黑色。
  2. 插入新建元件,类型为影片剪辑,舞台上画一个小星星。
  3. 方法:找到矩形工具,点下面的小三角,选中多边形工具;在属性面板中,找到"选项",设样式为星形边数为五;回到舞台,拖动鼠标,画出一颗小星星。
  4. 下画在时间轴上做出星星闪动变色的效果。
  5. 方法:在图层一的第30、60、90帧插入关键帧,每插入一关键帧给星星换一种颜色;完成后点第1帧,属性面板中选补间形状;同法,在时间轴上30、60、90帧做形状补间。
  6. 再插入一个元件,类型为影片剪辑。
  7. 点图层一第1帧,从库中拖入刚才做的星,在属性面板给元件星命名为star。然后添加“引导层”,在新层上用文字工具大写单词LOVE,字号设大,打散两次,成为点阵状,用墨水瓶工具描边,然后点中里面的内容去掉,形成空心字,这空心字就是我们的引导线;对了,别忘记用橡皮擦给它取一个小缺口(字母O得两个,外圆和内圆各一个)。
  8. 图层一第一帧,星星拖到字母L线上的左端,一定要让它吸附到引导线上,在第30帧新建关键帧将星星拖到L线的右端,在第31帧新建关键帧将星星拖到字母O线外圈的左端,在第60帧新建关键帧将星星拖到O线的右端,在第61帧新建关键帧将星星拖到O线内圈的左端,在第80帧新建关键帧将星星拖到此线的右端,在第81帧新建关键帧将星星拖到V线的左端,在第125帧新建关键帧将星星拖到V线右端,在第126帧新建关键帧将星星拖到E线的左端,在第170帧新建关键帧将星星拖到E线的右端.,然后做运动补间,最后在每个补间的属性里将调整到路径勾上。
  9. 新建一图层,在第一帧点动作面板,把下面的脚本文件全选粘贴到上面去。

i = 0;
this.onEnterFrame = function() {
if (i<250) {       //若在星星走动的过程中出现停顿,是因为星星数不够,请把250改大一点。
duplicateMovieClip("star","star"+i, i);     //start均为星星元件属性的实例名称
i++;
}
}

代码说明:

1.  //后面的为当前代码的说明,可以不复制。

2.  从代码可以看出,这个效果是用不断复制星星来的原理做成的。

今年的圣诞节就用这个特效在博客和大家庆祝了!!!

不好意思,由于字体比较小,所以星星就要缩得更小。    Flash源文件下载>>> [电信下载点由陈家杰博客提供]

若还是不太明白请下载源文件查看!

如何判断 iPad 的浏览器

Dec 17th Fri, 2010/JiaJieChan/折腾/1,056 阅读/没有评论

iPad 使用的是 Safari Mobile 浏览器,他的的 User Agent 是:

Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10

如何判断是否是 iPad 浏览器呢,关键是看它的 User Agent 中是否有 iPad。

Javascript

function is_iPad(){
var ua = navigator.userAgent.toLowerCase();
if(ua.match(/iPad/i)=="ipad") {
return true;
} else {
return false;
}
}

PHP

$is_iPad = (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPad');

htaccess

RewriteCond %{HTTP_USER_AGENT} ^.*iPad.*$
RewriteRule ^(.*)$ http://ipad.fairyfish.net [R=301]

如果是 iPad 浏览器,跳转到 iPad 页面。

本文转自:我爱水煮鱼
原文链接:http://fairyfish.net/m/ipad-user-agent/

Linux apache平台绑定子目录规则

Dec 7th Tue, 2010/JiaJieChan/折腾/1,609 阅读/没有评论
很多人都想利用一个空间建多个站,并且这些站以bbs、blog、3G来访问,这就需要到以下代码规则。
在根目录新建一个.htaccess的文件(注意不要加扩展名),将以下代码添加到文件里。

注意:下面的“^(www.)?”里面的东西不用改,最后的一条为绑定目录的主页,若要指定主页则在后面加上“/index.htm”,若只想绑定目录或多级子目录,主页规则按照IDC默认则只要输入目录名,前后不要加斜杠,例如“RewriteRule ^(/)?$ bbs/3g/ziyuan [L]”则为绑定“bbs”子目录下的“3g”下的“ziyuan”,如此类推。

 

温馨提醒,若要用在WP上只要在WP自动生成的固定连接代码“</IfModule>”上面加入即可,“RewriteEngine On”可以省略

 

RewriteEngine On
# 把 3g.jiajieit.net改为你要绑定的域名.
RewriteCond %{HTTP_HOST} ^(www.)?3g.jiajieit.net$
# 把 wap改为要绑定的目录.
RewriteCond %{REQUEST_URI} !^/wap/
# 不要改以下两行.
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
# 把 bbs改为要绑定的目录.
RewriteRule ^(.*)$ /wap/$1
# 把 3g.jiajieit.net改为你要绑定的域名
# 把 wap 改为要绑定的目录.
# wap/ 后面是首页文件index.php, index.html……
RewriteCond %{HTTP_HOST} ^(www.)?3g.jiajieit.net$
RewriteRule ^(/)?$ wap [L]
分类: 折腾 标签: , , , , , ,

申请、注册、使用Sina App Engine

Nov 23rd Tue, 2010/JiaJieChan/折腾/2,704 阅读/2 comments

这篇文章要讲的是申请、注册和使用Sina App Engine,Sina App Engine 的中文解释为新浪云服务器平台,以下简称SAE。

申请SAE:

申请SAE主要讲的是获得SAE的邀请码,首先你先要有一个新浪微博账号(这一点相信大家都能做到吧)。

  1. 先去http://open.t.sina.com.cn 登陆,创建应用 (创建应用前需要填一些个人资料,请务必真实)
  2. 在【同时申请新浪云计算平台邀请码】前面打钩
  3. 写点申请理由30个字
  4. 点击创建

邀请码是通过邮件发送的,大概一天后就会收到。

注册SAE:

  1. 登录http://sae.sina.com.cn/?m=home&a=reg
  2. 收看SAE用户注册协议,并同意该协议
  3. 填写用户注册信息(需要接收手机SMS)
  4. 提交注册信息


使用SAE:

上传文件

  1. 登录http://sae.sina.com.cn
  2. 登录后点击创建新应用
  3. 填写你的二级域名、应用名称、描述 (随便写即可)
  4. 创建应用
  5. 登录http://sae.sina.com.cn/?m=sdk下载SDK (新浪开放的上传软件,类似FTP软件)
  6. 解压后打开软件(am.exe)
  7. 输入账号、密码进行登录
  8. 登录后新建一个App版本,版本号随便输入(为了方便管理我们输入1)
  9. 创建版本后点击新创建的那个App版本
  10. 在右面的列表中点击鼠标右键选择打开目录
  11. 将要上传的文件放到该目录
  12. 点击全部上传

删除文件:

  1. 登录SAE管理面板
  2. 选择代码管理
  3. 选择新创建的App版本
  4. 点击编辑代码
  5. 选择要删除的文件,将鼠标指向旁边的蓝色箭头
  6. 点击delete
  7. 在右面的框架中点击Save(保存)