Explorer Exposed!
The weird and wonderful world of Internet Explorer
I’ve provided advanced CSS consulting for Milo
Let Big John help you too
No comments yet.
No trackbacks yet.
自定义firefox菜单栏字体(windows版本)
July 15, 2010 - 7:01 PM
Tags: CSS, firefox
Posted in 实用技巧 | No comments
XP下的firefox界面的字体实在是太没美感了,即使给满目宋体的XP装了微软雅黑字体,但只能在一些允许自定义界面字体的软件上可以选择雅黑字体,firefox便是其中之一。
虽然可以在firefox的选项中对content设置,但是菜单栏,状态栏的字体甚至一些扩展的字体,比如echofon的字体也是宋体,看条twitter都觉得累,于是找来一个可以自定义firefox界面字体的方法:
当然,你喜欢的话,可以查看官方的说明:http://www.mozilla.org/unix/customizing.html
在C:\Documents and Settings\[User Name]\Application Data\Mozilla\Firefox\Profiles*******.default\chrome目录下面拷贝userChrome-example.css为 userChrome.css, 如我的就直接在文件中加入了下列内容:
menubar > menu, menubar, menubutton, menulist, menuitem {
font-size: 12px !important;
font-family: “Microsoft YaHei” !important;
}
dialog, box, button, page, label, caption, textbox, input, select {
font-size: 12px !important;
font-family: “Microsoft YaHei” !important;
}
menupopup > * {
font-family: “Microsoft YaHei”, Arial !important;
font-size: 12px !important;
}
/*
* Give the Location [...]
JavaScript,CSS,HTML开发工具,开发库,项目应用,书籍全收集
May 2, 2010 - 10:14 PM
Tags: CSS, Html, JavaScript
Posted in WEB | No comments
大家看关键字就好,我不想翻译了 XD
I’ve been meaning to do a roll-up of top JavaScript, CSS & HTML development tools that I use or have been recommended to me and after having lunch with my bud Brian Wilpon today, I realized I just needed to do it. He asked me what some of the newer tools [...]
如何反编译一个CHM文件
July 5, 2008 - 12:46 AM
Tags: CSS, Html, PS, QuickCHM, Rainer Su, Web2.0, 主题
Posted in Technology | 1 comment
最近开始认真CSS了。今日终于让我找到了一个一直很想要CSS速查手册。
此手册由苏昱(Rainer Su)所编写,名为《样式表中文手册》,一些在线速查CSS手册,也就是这个版本,这已经成了当即最流行最经典的速查CSS教程了,非常喜欢呀。
不过下下来的格式是CHM文件,但是我想将其放在网站下面,方便大家能够查询!
可是网上搜了半天又找不到源文件,也就是苏昱(Rainer Su)编写的HTML源文件,这样就不能存放在网站下面方便大家查询了!
来来去去的,忽然灵光一闪,只见CHM文件的注释乃“已编译的HTML帮助文件”,“编译”?“HTML”?那么就是说反编译之后就是HTML文件咯?试试吧,去网站搜索下CHM反编译,果然很快就发现了关于编译和反编译CHM的主题,OK,click it,get in!Yep`~I found it ,I see it!原来有一款软件叫QuickCHM,此软件可在华军软件园找到。
贴些操作图(注意,图不属于本站)
反编译是编译的反向操作,也就是说,反编译能把一个CHM文件中的HTML文件以及图片等网页元素提取出来。启动 QuickCHM,在菜单栏选择“文件”菜单,执行“反编译”命令,如图2所示,在弹出的对话框上先选择反编译的CHM文件,然后选择反编译得到的 HTML文件和图片的保存位置,点击“确定”后,QuickCHM开始反编译,完成后,它会打开保存HTML文件和图片的文件夹。大家可以看到,这个文件 夹里除了保存着很多的网页文件外,在子文件夹中还保存着网页上链接的图片和Flash动画等网页元素。双击任意一个HTML文件用浏览器打开该文件,你会 发现,它就是被反编译的CHM文件中的某篇文档。
留下原文地址,不仅仅是反编译CHM文件,还包括编译一个CHM文件,大家有兴趣的可以去看看
从编译到反编译:CHM文件应用不求人
大功告成,过几天我就将反编译好的文件传到网站下。
PS:要说明的是,关于反编译时的输出目录,要求一定事先存在路径,不然你点确定会发现没反应这软件不会自动建立不存在的文件哦。我当时遇到这个问题还以为这个软件反编译不来的呢,后来又是灵光一闪,哈哈,直接到目录下建了个自己想要的文件名的文件夹,OK,这样就没什么问题了
Twitter Updates for 2008-05-21
May 21, 2008 - 11:59 PM
Tags: blog, CSS, Digest, Html, twitter, 日本, 校内, 血型
Posted in 碎月日记 | No comments
真受不了,旁边同学还在倜傥人死得少,对13亿人口没影响?? #
@utom @fenbox 嘿嘿,我说你们怎么了?照你这么说我更SB,我还不会FIREWORKS呢~~ #
@yichi yichi在吗? #
我汗啊~~昨日我在发了篇关于校内被小日本收购一事的文章,今日打开校内就发现了校内管理员发给我的一封信。。。就我所说的事情给予了解释,汗汗汗~~ #
@iboyeyes 我晕~~我昨天可是把证据摆得头头是道啊。事实上证据也没有明确说明被收购的问题,也没有说明是小日本收购的企图,只是从股份比重上去讨论股权。今日校内特意对此事做了一次澄清。具体也可以看他的公开信:http://tinyurl.com/6enrwz(不知道能 … #
@iboyeyes 具体你可以看下这里
http://snurl.com/29vro #
@yichi 我要你的评论里Gravatar的CSS。。。还有页面右上角的RSS是怎么回事??? #
Reading: .:: NOTEPAD++ ::. Content顶中央居然出现:Boycott Beijing 2008(抵制北京2008)?这是个什么意思呢?就因为你是台湾人?
http://tinyurl.com/552wn #
似乎notepad++在Why boycotting里提到西藏问题,说得觉得是我们中国在欺负西藏,表达了对中国政府的不满,表达了对中国人权的不满.站长倡议在中国要有更多的自由。我汗~~话说似乎对中国历史不理解的人,还是那些只看到那些伪造的媒体照片呢? #
@srandy 我晕哦,我可是一点都不知道哦 #
好困,睡觉去了 #
@jessielikes 我还没搞清楚他是公的还是母的呢,嘎嘎~~ #
@jessielikes 难道你也不知道? #
现在是不是可以开始不灰了? #
@jessielikes 链接捏? #
@jessielikes 好吧。。。 #
现在觉得看到到处的灰色,心里压抑得很啊,难受极了 #
Checking out Bookmark: 关于血型的漫画~(暂时完整,更新中…)_我侃故我在 at http://hi.baidu.com/2008anycall/blog/item/b6947d175a29bb0dc93d6d4a.html #
Reading: 关于血型的漫画~(暂时完整,更新中…)_我侃故我在
我找到了出处,比较详细的信息,原来作者是韩国人,哈哈
http://hi.baidu.com/2008anycall/blog/item/b6947d175a29bb0dc93d6d4a … #
我要多推几条,我要对推几条 #
我要多推几条,我要多推几条 #
今天才知道前几天的脑残话题,原来是关于一个沈阳女人的。。。 #
睡觉咯 #
100个优秀的wordpress主题
May 5, 2008 - 7:58 PM
Tags: 5.12, amp, blog, CSS, Html, music, Photos, PS, SEO, WEB, Wordpress, 主题
Posted in Wordpress | No comments
原文:100 Excellent Free WordPress Themes
真的非常优秀,恨不得能每天换一个,或者可以随机换主题多好。
1. Vibrant WordPress Themes
PFO Stripes [ Demo ]
PFO Business [ Demo ]
FFF Lemon Twist (Demo and Download)
Several3 [ Demo ]
Adreu r2 [ Demo ]
Blogging Pro Theme [ Demo ]
DM-Bloodless [ Demo]
Illacrimo [ Demo ]
Elixir
Insense [ Demo ]
Zeke 1.0 [ Demo ]
jsTheme
Comes with a number of themes.
Smashing Theme [ Demo ]
DarkRed [ [...]
wordpress主题推荐强悍Dark-final
FV 的最新力作。用FV的主题有段时间了,最重要特点的是下拉菜单(CSS初学,不懂下拉菜单,其实我真的是很想弄那个下拉菜单的)但是我一直用的是beat版本,现在final发布了,大家一起去下载啊,嘎嘎!
强就一个字,具体使用方法请到皮的制作者那去看呀,有说明书哦 可在图片下的链接进行预览和下载。
我觉得作者是个非常开放大方的人,而且非常谦虚,从说话语气中感觉出来的对于自己的主题几乎是毫无保留地展现给我们,实在是钦佩作者。
对于那些在作者页面顶着腰杆子妄下评论的人,极其不赞成。
多的不说了,大家自己看着办吧!
预览 | 下载
什么是Gzip
April 8, 2008 - 12:25 PM
Tags: AIR, CSS, Html, Linux, WEB, Wordpress, wordpress 2.5, wordpress2.5, 插件, 百度
Posted in Wordpress | No comments
以前一直都听说wordpress的一种功能非常棒,就是Gzip功能,将其开启可以大大增加网页浏览速度!但是升级到wordpress2.5后就发现不再有原来的那个功能,也曾有人尝试通过插件再次开启这样的功能,具体详情可参照我爱水煮鱼
上的说明。但是后来水煮鱼指正了错误,原文地址在这里 我只是在此抛砖引玉罢了。究竟何为Gzip呢?一下是来自水煮鱼的总结
gzip 最早由 Jean-loup Gailly 和 Mark Adler 创建,用于 UNIX 系统的文件压缩。我们在 Linux 中经常会用到后缀为.gz 的文件,它们就是 gzip 格式的。现今已经成为 Internet 上使用非常普遍的一种数据压缩格式,或者说一种文件格式。HTTP 协议上的 gzip 编码是一种用来改进 Web 应用程序性能的技术。大流量的 Web 站点常常使用gzip 压缩技术来让用户感受更快的速度。
WordPress 2.5 取消了 gzip 选项,现在是否启用 gzip 压缩,直接服务器决定。如果服务器使用的是 Apache 2,服务器是采用 mod_deflate 模块来实现 gzip。
其实我们在 .htaccess 中加入以下代码可以压缩 HTML, PHP, JS, CSS, XML 后缀的文件。
<ifmodule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html text/css text/plain text/xml
application/x-httpd-php application/x-javascript
</ifmodule>
如果服务器 Apache 版本不是 2.0 [...]
升级到wordpress2.5成功
March 31, 2008 - 5:27 PM
Tags: CSS, SEO, Wordpress, wordpress2.5, 主题, 动漫, 广告, 插件, 搜索引擎, 视频
Posted in Wordpress | No comments
刚从实验室激动地回来,因为我在实验室FTP传完了wordpress2.5(宿舍传不了FTP,不知道是什么原因,BS电信校园卡),完成一次伟大的更新。
前几天对wordpress的2.5版本发布消息有所耳闻,主要在控制台看到的。当时也不知道自己是怎么想的?你看了我想的就知道了。奇怪了,纳闷?现在都3.3了,怎么还在说2.5 。后来在博友上逛了逛,发现几个再说2.5。后来偶然间我在后台看到说我的2.3过时了,有新版本2.5了。我这才发现呐~~我的脑子啊。。。去哪了都??
废话少说,说说这次升级后的一些改变。
首先是整个后台,变得更加友好,色调之类的都要比之前的好看多了,还有就是多次被提及的多媒体功能。在编辑器的地方插入视频图片之类的管理功能变得强大了,.都能整理成一个媒体库了。具体截图我就懒得截了
这次给我的最深刻的改良是后台编辑器,那之前的编辑器叫一个烦,很烦,非常烦,太容易跳跃了,现在基本上可以固定。这次的改良也让我彻底停掉了fckeditor_for_wordpress这一伟大插件,我实在是找不到什么理由继续用了,我要对这个插件说声对不起了。
之前是编辑器的不好使是一点,而且要输一个表情也麻烦,但是fckeditor_for_wordpress可以自由添加图片,现在的我也终于找到了wp-grins这一插件,无论是comment还是post,都能自由点击表情就能使用了。
话说回来,fckeditor这个插件功能确实非常强大,强大你自己一边想象去,怪我无能为力了,那么多功能,我真的不会用,学不会。我常用的几个功能也就插入图片,插入音频,而现在的2.5多媒体功能强大了,可以自由添加视频,可以通过URL调用。主要格式是:Flash,quicktime,window media,rm(如果你有足够的空间,尽情享用).至于MP3,我用的Aduio player这一插件,感觉很不错。
要说fckeditor还有什么我想留恋的,那就是字体吧。我一直比较喜欢用comic动漫字体,不过现在不能用了也无所谓了,不用的性价比比较高,我不能因为一个小小的功能而去启用一个无比强大的插件。
还有一点就是可以即时修改永久链接,这样我就可以将标题改成大部分搜索引擎都能正常显示的英文标题了,而不是
一大串的缩略名。个人觉得对SEO比较友好。
然后就是插件管理里的一键升级,省去了传FTP的麻烦,特别是对于大部分时间都在宿舍的我来说。有一点不太好,可能是我显示器的缘故,插件的启用和禁用对比度有点低,我都差点看不出哪些启用,哪些停用了。
OK,说说管理。起先我想编辑页面时,居然找不到编辑按钮,转了半天,才发现,点在标题上面就是编辑了。
接着再说说主题管理处的widget管理,不再像以前拖拽就行了,而是用一个添加超链接按钮,移除也是,用移除按钮。不过对我来说,我是不用widget的,因为这样对于修改sidebar方便很多,包括添加些广告,还有一些就是js的站外工具。但是看趋势,widget似乎已经是一种趋势了。我不知道将来如果要添加一些侧边工具我该怎么办?曾经拿adsense manager当widget用,不过。将来的事将来说。
还有一点,就是后台,整个版面会偏左。不知道是不是CSS问题,还是我的电脑显示问题。我问问去。
其他的具体,感兴趣的人可以升级,自己可以去慢慢体验,2.5真的是wordpress的一大转折点呀,美工,功能,都是一大转变。尽情享受wordpress带给你的写博乐趣吧。恕我没截图给大家看,哈哈!
Wordpress相册插件NextGEN Gallery
如果想为WP找一个相册插件,我想NextGEN Gallery最适合了,我觉得这是我用过的最好的WP插件之一,功能很强大,提供了很完美的照片管理方法,操作也并不复杂,我第一次安装好的时候,我便决定了使用它,因为这正是我想要的。但是之前从老版本升级到最新的0.83发现问题接二连三出现,一会儿发现那个图集不能打开,一会又这张图片显示不正常,快疯掉了,所以干脆删掉重新装回老版本,我现在所安装的就是0.72版本,也是这个插件中文团队放出的最新版本!下面我将介绍一下这个插件的安装和一些使用时可能出现的问题。
现在WP插件网站上提供下载的最新版本
http://wordpress.org/extend/plugins/nextgen-gallery/
这是插件的官方网站:
http://alexrabe.boelinger.com/?page_id=80
令人高兴的是,这里有各种语言包,当然,简体中文也在其中:
http://alexrabe.boelinger.com/wordpress-plugins/nextgen-gallery/languages/
事实上,要实现幻灯片效果,你还需要到这里下载一个FLASH文件:
http://www.jeroenwijering.com/
OK,一切准备就绪,开始安装使用吧。
把NextGEN Gallery传到wp-content/plugins目录;把汉化包传到NextGEN Gallery文件里的lang目录;把实现幻灯片的FLASH文件传到NextGEN Gallery的根目录,最后还有一步很重要的是:在FTP的wp-content目录里建一个gallery的文件夹,并且把它的权限设置为777(这是插件默认的目录,事实上你可以在选项里更改这个目录)。
传好这些文件之后,到后台激活NextGEN Gallery插件,这时,在后台管理的菜单上会多了一个“画集”的 选项,这个就是NextGEN Gallery的控制面板了,选项很丰富。
在开始一切之前,我们先到撰写页面创建一个新的空白页面作为相册显示的页面
好了,下面说一下如何建立一个相册的页面,并且在这个相册里显示自己的相集,首先进入添加画集页面建立一个画集(其实画集就是相册里的子相集),插件将会用你所用的名称在服务器上建一个同名的文件夹。现在先不管这个画集,到相册的页面里新建一个相册,这个相册将会成为存放你的子相集的地方,新建好相册后,点选择相册的下拉菜单选择刚建好的相册,这时你会看到如下图所示的界面。
很简单,你只需要把右边的画集框内的子画集拖到左边的相册框内,这样就相当于这个子画集归属于这个相册了,以后添加了新的子画集也是这样操作。操作完成后保存。
下面进入最关键的一步,进入管理画集的页面,在你第一步建的画集上点编辑进去,会看到如下图所示的选项:首先为子画集选定一个名字,然后在页面连接的下拉菜单里选择在开始之前建立的那个相册页面,预览图片处如果还没上传图片,那就暂时无需理会,下来就是新建页面选项,在这里也是选择刚开始时所建的相册页面,然后点新增页面,好了,这样就相当于基于新建的那个相册页面新建了一个画集显示的子页面。
到目前为止,你已经成功的建立了一个包含子相集的相册页面,你打开首页就可以看到这一切。
下面该做的就是往画集里添加你的照片了,这也是 NextGEN Gallery方便之处了,打开添加画集页面,你会发现子菜单上有四个选项,除去新建画集的选项外,另外三项为你提供了三种上传照片的方式:上传ZIP文件 – 从文件夹导入图片 – 上传图片。其中我觉得最方便的是从文件夹导入图片,这样你就可以悠哉的把图片用FTP上传到服务器,然后导进来。然而,通过管理画集里面的扫描文件中的新图,更是让我们的照片管理工作变得异常的轻松。
花了一个晚上就写了这么多,其实还有很多功能还没有去研究透,所以迟点再接着写吧。
如果你打开你的相册页面发现只是一片的空白,不用担心,点击编辑这个页面,把[album=id,compact]或[album=id,extend]插入到页面里就行了,id可以从相册管理那看到,而compact和extend两个参数有什么区别,自己试一下就知道了,更多的参数调用方法到插件的官方演示网站看一下就知道了:http://nextgen.boelinger.com/
看一下NextGEN Gallery可以为我们实现些什么功能吧:
1. 可以通过拖拉进行相册的排序,跟 widget 一樣样,你想要怎么排序用拉就可以,所见既所得 !
2. 浮水印功能,可在照片上加上文字或图片
3. 可以上传图片的压缩文件 (zip),或直接导入图片的文件夹,懒人的最爱,省去上传的时间。
4. 內建 JavaScript 效果 ,Thickbox,Greybox or Lightbox ,效果很炫。
5. 可自己编辑CSS文件,通过 css 你可以打造属于自己的相册风格 !!
6. Slideshow – 自动播放图片,还有许多变化效果。
7. Sidebar Widget – 随机显示图片的 widget ,可以显示在 sidebar 內。
8.可以在文章内调用图片,与附件完美整合到编辑页面的选择栏内,太方便了。
星球的制作(第一次学习PS)
好几天以来断断续续地终于照着教程做成了自己的第一个PS作品。
我完全是个菜鸟,从未用PS处理过任何图片,更别说用来做作品了。
可能跟我的性格有关,对什么漂亮的东西,我都很感兴趣,更是想自己能亲手做出来。再加上最近一直对做网站很感兴趣,特别是看过一些很漂亮的网站之后,对里面的设计,美充满了浓厚的兴趣,于是开始着手CSS和Photoshop。
通过这次初学,我还是学会了很多东西,本来真的是一点皮毛皮毛都不知道。
这次完全从一块白布,加几张素材图片,完成了这么一个星球:
[singlepic=13,320,240,left]
总结了下:学会了蒙版,滤镜的使用,图层效果,内发光外发光,笔刷的设置等等等等。不过这教程里的一些东西我还真学不会,真不知道他的一些动作是哪里调出来的,我怎么就调不出来,郁闷至极…
其实这张图片做得并不好,当放大点看就看出来了,很多细节都没处理好,特别是那个球跟背景的镶嵌,没有处理好,放大点就可以看出来球是游离的,挺失败的。还有就是在处理球的暗部的外发光的时候,加了个蒙版,想把这一部分涂黑的,可是想不到越图越往里扩散,暗部的光倒是消除了,可是光确扩散到球的内部去了,就这样我把光一直逼到亮部边缘才算了事,这样也造成了不协调。我还真很想知道这到底是怎么回事,不知道是不是设置笔刷的时候没设置好。
所以只能算是献丑的一张图片,本不应该拿出来SHOW的,可实在按奈不住啊。肯定有很多不足,大虾们看到一定口下留情呀,THX!
PS这东西真的很棒,以后一定会继续努力
什么时候能做一回自己的作品…