页面载入中..

回到页首回到页尾

Shadow Blue 0.1 Alpha

interjc [Web]

2010.01.20

这是一个Wordpress模板,点此预览
1. 主题内已嵌入了最新的jQuery 1.4,如果你使用的插件也使用jQuery,请禁用其所内置的jQuery库载入 ,并已修正多库共存的兼容性问题;
2. 在文章自定义域,添加名称为 avatar 的域,值为需要显示的图片地址,可以自定义文章 avatar ,否则默认显示作者的 avatar ;
3. 暂不支持Ajax提交评论,不过可以很好的通过插件 Wordpress Thread Comment 来很好的实现该功能;
4. Widget Ready, 后台主题小工具中可以设置4个widget bar,1~4 的widget bar 分别控制 右侧,下左,下中 和 下右 的Widget bar;
模板文件夹内的AD文件夹内的 ad_468_60.php 文件可以自行编辑, 添加规格为 468×60 像素 大小的广告代码:

<div class="ad-in">
在此处粘贴你的广告代码,或者任何大小为468×60的页面元素
</div>

5. 主题不断更新中,推荐使用SVN升级主题
…..
感兴趣的请移步本模板开发页面,谢谢。


jQuery 1.4 Released

interjc [Tools, Web]

2010.01.15

这几天还在为Google的走留问题闹心的时候,就听到了这么一个好消息,jQuery总算是1.4了,还是released。
jQuery是我最喜欢的一个js库,用起来简洁明了,感觉很爷们,什么都整合在一起,不像Mootools随便实现个什么效果还得去下这个那个文件一大堆把人都搞昏头了,对于我们这种小网站也没有什么太大的性能需求,jQuery就刚好。
到底更新了什么 我还没看,不知道更新了什么东西,不过应该修复了不少bug做了很多改进吧,先给自己的主题换上再说。


为你的评论框增加Ctrl+Enter提交功能

interjc [Web]

2010.01.07

写完评论之后不能按Ctrl+回车提交,非要拿鼠标点一下,实在是痛苦的事情,不知道打消了多少懒人留言的积极性。
想给你的评论框添加这个功能么,那么就开始吧:
打开主题中comments.php文件,按Ctrl+F搜索“textarea”,然后在他的后面加上以下代码:

onkeydown="if(event.ctrlKey&amp;&amp;event.keyCode==13)
{document.getElementById(’submit’).click();return false};"

大概改完以后就是这么个样子:

保存提交,然后就有这个功能了,经我自己测试了,基本上市面上的浏览器都可以很好的支持,爽吗?
Have fun !


关于本Blog的页面载入效果

interjc [Web, code]

2010.01.01

Zed童鞋向我询问本站载入效果的做法,由于比较繁琐,遂写到Blog中来,一来是这样比QQ等手段更有条理性,二来可以保留下来提高重用率。
废话不多说,现在开始:
1.结果
本效果完成后的效果就是你在打开本站每一个页面的时候会出现一个半透明遮罩一个loading画面然后页面载入完以后遮罩消失的效果。
2.思路
这个半透明遮罩首先被载入,这样他才能在一开始就出现,他上面有一张图片和一段文字告诉浏览者这是在loading,而不是笔记本快没电了或者什么;然后,页面的DOM就Ready了,这个时候为了验证各种库(比如我所使用的jQuery)载入完毕,CSS也下载完了,我们使用jQuery语句来使这个遮罩层隐藏起来,这个时候这个效果就完成了。


使用jquery和cookies控制select表单

interjc [Web]

2009.11.30

问题源于一个群里面的提问,在一个网页上添加一个select表单,当用户选择表单的时候,内容区会显示不同的内容,并在该用户下次打开此网页的时候记住这个设置。
像这样的东东一般都会想到要用Cookies来存储设置,方便起见,对于DOM的操作就想到了jQuery(直接写js执行效率会更高,只是,人都是很懒的嘛,呵呵..)。记录下来也算是个笔记吧(Demo)。
首先写这么一个Select下拉表单,以及用来输出被选中项相应内容的块:

<!–以下就是一段普通的select下拉菜单–>
<select id="choose">
<option value="0">请选择城市</option>
<option value="beijing">北京</option>
<option value="shanghai">上海</option>
<option value="wuhan">武汉</option>
<option value="shenzhen">深圳</option>
</select>
<div id="output" class="default"></div>

然后是用来处理Cookies的函数,其实jQuery有个插件是干这个的,不过貌似有点小Bug,所以我用的是以下函数:


CMS.txt – 超简易的内容管理系统

interjc [Tools, Web]

2009.11.28

CMS并不是一种离我们遥远的东西,从字面上(Content Management System)就可以知道,他只是一个用来管理网页内容的东东而已,比如我现在所使用的Wordpress就是其中的一种,这里我要介绍的是一个核心程序2K不到,即便加上所有示例文件和模板打包起来也才442K的CMS系统,他的名字叫做 CMS.txt 。
使用起来也很简单,根目录的index.php是核心文件基本不用修改,CMS.txt是配置文件,用来管理网站的结构,内有两个文件夹pages和thems,前者用来存放内容,后者存放模板,如果你只是要发布一些内容的话,只需要动配置文件和pages文件夹里的内容就可以了。
如此简洁的东东,最适合用来制作内容不多的小网站了。
废话不多说,马上做了一个,有兴趣的可以到这里看看,以下是截图:

PS:安装和使用CMS.txt需要PHP以及mod_rewrite组件的支持(一般的PHP空间服务商都会提供此功能)。


Wordpress主题:Grey Cover

interjc [Web]

2009.10.26

做了一个Wordpress主题,根据其配色方案起名为Grey Cover,顾名思义就是灰不隆咚的一主题,颜色不大鲜艳,侧边栏还是左侧的,还用的是直角,应该算是比较小众吧,希望喜欢这种风格主题的人能够喜欢。
点击下载 | 预览
这个主题有几个特点:
1. 主题内置分类Widget模块,后台小工具(widgets)面板中有可重复使用的模块“分类 Widget”,可以任意拖放至左中右三个Widget Bar中使用,这样就算是一个可随意定制的CMS主题了;
2. 首页及分类、Tag、存档页都使用幻灯片来展示文章列表,这样就可以把下面的大片区域让出来放置更丰富的内容;
3. 幻灯片中可以为每篇文章分别配图(最佳规格为200×100,单位为PX),添加方法为:在该文章的自定义域添加一个名为 simg 的域,值为你要显示的图片地址;
4. 简单SEO优化、留言回复支持Ctrl+Enter、Widget Ready、通过标准…… 等等必要特性都是有的。
有任何意见和建议欢迎在此或在本主题开发页面留言。
有图有真相:

点击下载 | 预览
PS:欢迎任意转载此主题,但不要修改制作者信息或用于商业用途。


Wibiya

interjc [Tools, Web]

2009.10.10

Wibiya是一个华丽的blog挂件(如我blog底部所示),其注册貌似是需要人工审核并由工作人员邀请的。

今天装了一个之后发现其与我所用的jQuery类库有所冲突。找到所有写有jQuery语句的代码,将其中 $ 全部替换为 jQuery ,问题解决。
BTW:这个工具条貌似很好的解决了腿特和脸书翻不过墙的问题。


一个jQuery+CSS幻灯片播放器

interjc [Development, code]

2009.10.08

写了一个幻灯片播放器,是用纯jQuery+CSS写的,如果你不喜欢Flash幻灯片播放器可以试试这个。其主要特点是高度宽度可以自由重新设定,幻灯片的数量也可以自由增减(当然也不能过于离谱..),使用jquery+css节省了代码,使载入更迅速..等等..
效果是这样的,请点击这里。


Google Chrome Frame 来了

interjc [Tools, Web]

2009.09.25

刚听说了Google Chrome Frame这个新玩意,确实挺让人兴奋的,它的功效简而言之就是让IE及IE内核(世界之窗、Maxthon等)的浏览器在浏览指定的页面时使用Chrome所用的WebKit内核和他的Javascript引擎,内核的无缝切换使你可以不必因为网银必须使用的IE和更合标准更高效的Chrome/FF而举棋不定或者被迫安装多个浏览器,而作为网页开发/设计者的你,所要做的只不过是加一条如下代码而已

<meta http-equiv="X-UA-Compatible" content="chrome=1">

作为一个对IE6深恶痛绝的人来说,这东东确实比较诱惑人,着实激动了一阵。
不过这个东西也不是无懈可击的,他的缺点也正是他的致命弱点——需要用户下载安装控件,而知道这个控件好处的早就不用IE了,至少也不用IE6了,不知道这个控件用途的压根就不会去下载并安装他,说不定还以为是病毒/流氓软件啥的,挺尴尬。希望Google能想个好办法来好好推广一下吧。
话说能不能让这事不由浏览者来决定,咱自己写网页的时候就把这事给办了呢?答案还是有的,不过估计是提升不了什么浏览器性能了,但至少能让IE系列也almost接近标准一把吧,这玩意儿就叫ie7-js,只要下载那个压缩包放在网站随意的位子,然后引用之,就可以解决很多问题了(经测试PNG的半透明效果依然没法在IE6实现),但至少写CSS的时候就省心多了。
也许想要IE6彻底消失,的等到Win7/8/9 出来并出现极其诱人的游戏或者应用吧,期待那一天的到来。
BTW:新浪围脖邀请,注册请猛击这里..