Dangbao's Blog

jquery解决ie6下弹出层无法遮罩selcet

老问题了,IE6的BUG,selcet的z-index值比较大,div得z-index设多大都无法盖住它,而iframe的默认z-index值比selcet大,刚好能遮住selcet,而div设置z-index值就能盖住iframe。selcet < iframe < div

由于需求是一个头部弹出层,涉及的项目多,所以在每个页面都加个iframe不现实。所以找到了bgiframe这个jquery插件,原理是在弹出层后面插入一个iframe来遮盖住selcet。网上有人反映这个插件在IE9下会报错,那么就需要加个IE6的条件判断。


bgiframe官方插件地址

扩展写作html还是css?

每个制作者拿到一个新页面的时候总要做一些规划,比如页面具体的布局思路、共用级别代码的制定等等,并根据团队或个人习惯扩展写作。

常用的扩展写作方式有三种,一种是在html页扩展写作,给html标签加多个class名,多个class可能分别控制浮动、宽高度等等;另一种方式就是扩展写作css文件,html标签尽量只写一个class,然后再该class上添加各种浮动、宽高度的属性;再有一种就是混合型扩展写作,在html扩展一部分,然后大部分都在css中扩展写作。(比如左右浮动.fl{float:left;}.fr{float:right;})

全文

设置wordpress标签文字固定大小

大家都知道默认的标签是有字体大小的,使用次数多的标签字体显示比较大。但是有的主题显示大小不一的标签,显得不太美观。于是我们要更改标签文字的大小。

常见的修改方式就是更改系统文件,在wordpress的wp-includes目录中找到这个文件category-template.php,然后修改‘smallest’=>8, ‘largest’=> 22,但是这种方式的麻烦之处就是,升级WP的时候,又给成默认的显示方式了。

我要说的是方式是通过修改主题CSS来实现。大家都知道!important的优先级是最高的,比行内属性style还高。这样就可以完爆所有CSS字体属性设置了。在你的主题style.css里增加如下代码:
.tagsWrap a{font-size:12px!important;}
当然你要吧.tagsWrap改为你当前主题里显示标签块的class名称,你懂得!

删除不用的tortoiseSvn本地文件夹

之前参与的的的一个项目,等上线以后发现本地文件夹没用了,可是如何删除是个难题。盘符和文件夹总是显示一个大叹号,真让人不舒服。网上找找资料,发现了可以导入注册表文件添加右键删除。
view sourceprint?Windows Registry Editor Version 5.00
[HKEY_LOCAL_MACHINESOFTWAREClassesFoldershellDeleteSVN]
@="Delete SVN Folders"
[HKEY_LOCAL_MACHINESOFTWAREClassesFoldershellDeleteSVNcommand]
@="cmd.exe /c "TITLE Removing SVN Folders in %1 && COLOR 9A && FOR /r "%1" %%f IN (.svn) DO RD /s /q "%%f" ""

复制上面的代码粘贴到记事本,保存为.reg后缀名的文件。然后右击打开,导入注册表。你会发现鼠标放svn项目文件夹右键菜单会有多出个"删除svn文件"的选项。
全文

ps字体预览导致运行不流畅

近来给公司用的这台电脑的XP由SP2升级到了SP3,除了机器启动速度稍有减慢并无其它现象出现。今天用PS打开一个PSD的文件,突然发现选择显示或隐藏图层居然没有反应,反复试了几次还以为是开软件多了太卡,重启,重打开,问题依旧,不过却发现在画布点一下,图层就会正常消失或显示。HOHO,记得以前好像也遇到过这个问题。查了下资料,突然想起来了,可能是系统升级了,软件又自动给勾选中了字体预览大小的选项导致吧。好吧,得记录下来了。

在菜单栏【编辑】→【首选项】→【文字】→出现5个文字选项,【显示亚洲字体选项】、【以英文显示字体名称】、【字体预览大小】勾都去掉。然后【确定】。重启PS,搞定。

另外,在【性能】选项里把内存稍微调大了一点,暂存盘选了一个空闲空间比较大的盘符。

关于设计,我想告诉你

突然间想写这么一篇文章,都是之前在工作中遇到的一些小问题,对于老鸟来说这些技巧肯定是小菜一碟了,或许对新人有用。
绝大多数情况下:

漂亮精细的网页=复杂的结构+较多时间成本。

结构

请在一开始就确定单张页面的结构,比如左(左1、左2)+右、左+中+右、左+右(右1、右2),抑或是混合结构,不要在静态页已经出来后因为添加一部分内容再去变啊变,所以事先沟通+结构明确很重要,不要试图破坏原始结构之美。

字体

网页显示的字体效果最好的是:宋体12px、14px。黑体20px。圆滑的消除锯齿的效果只能用图片来实现。至于像素字体,你应该懂的吧?

边框

你必须明白圆角的实现原理、方式和成本,以及实现整体效果的必要性,否则就请用直角边框。

像素

请精确到1像素,除非是很容易就能看明白的(比如你画的侧栏299px,那应该是300px)。

图片

照片类的图片请用4:3的比例,因为大部分照片都是这个比例。等比例缩放的图,变形的机率小很多。当然特殊的如头像照的比例是3:2。图片尺寸也尽量用整一点的数字(0、5),将来编辑更新容易记住。当然,视具体情况而定。

检测没有用到的样式工具之CSS Usage

最近封闭开发接手一个项目,很多组件都是各个项目拼合起来的,这个时候公共样式的提取就成了麻烦事。有不同的工程师写的东西,有单独写成块的,有分散的写的,综合在一起非常混乱。突然想起了firebug的一个组件css usage。

CSS Usage的下载地址:https://addons.mozilla.org/en-US/firefox/addon/10704

安装好以后,打开firebug就可以看到css usage。
点击scan就可以扫描代码,绿色的规则表示当前页面中有用到,红色表示没有被扫描到,灰色是伪类。
全文

分类信息网站再更新

就在各大分类信息网站纷纷以全新面貌展示给大家的时候,我也对我的包头讯息网进行了升级改版。

  1. 1.网页宽度改至1000px。很多网站都放弃了800*600的分辨率,把网页宽度增至1200。但我还是坚持不放弃1027*768的用户,毕竟17寸的CRT显示器还是较多存在的,至少我家里在5、6年前买的电脑依旧在用。在地方城市,CRT显示器还真是挺多的。反正宽于800了,索性就再宽点吧,我网页左右也不放对联广告,放弃960吧,咱也不管网格不网格的了,1000px在1024px刚好不出横向滚动条。
  2. 2.放弃一些地方新闻资讯。之前的资讯类内容偏多,需要很大的精力去更新内容。而且越来越觉得地方城市的新闻还真不是那么多,也不那么吸引人关注,所以好多文章的浏览量都没两位数。所以新版我只在首页放了5条新闻资讯。新闻转载少了,分类信息内容占得比重上来了,网站原创度增高不少。
  3. 全文

前端的职位招聘的浅显感受

之所以写这篇文章是因为我也是刚找好工作不久,所以谈一点感受给同行们分享。

职业称呼

近几年国内的前端氛围很浓重,所以关于前端分工的职位越来越细,于是乎出现了很多职位的名称,有的时候我们也不知道该如何称呼自己,有别人问,回答半天人家都不明白,只好回答切图的。总结了一下,大致有这么几个主流称谓:

  • 网页美工 这个大概是大部分人都不太喜欢的名称。因为它让人迷糊,很多公司打来电话,问其到底是要设计还是前端,那边也说不清楚。这个职位大多是外包公司或软件公司称呼之。
  • 网页制作 也称页面制作。这是较多公司的称呼,为较大多从业者熟知。不知何时起被一些公司作为“程序员”的称谓,当然此程序员需要懂设计会切图写CSS和网站后台。
  • 网页重构 名起《网站重构》这本书。这个称呼在一些大的门户网站一直沿用,但是现在TABLE布局的新网页几乎已绝种,不知道“重构”这个概念是否也该改改。或者把重字的chong读音为zhong,加大加重在页面构建优化方面的人员和深度。当然你非要说重构不全是把table改成xhtml+css,那就继续重构我们的思想吧。
  • 全文

每天进步一点点

不知道是不是习惯朝九晚五了,总是感觉一天的时间很紧凑,而每当闲下来的时候,却会对着屏幕发呆,不知道该干些什么好。尤其是每天下午犯困的时候,疲态发呆更容易显露。

1.上博客,看有无新评论。
2.一遍遍的刷163的首页,看有无新闻。
3.时不时看看技术群里有无关注话题。

总觉得自己需要学习的东西太多,却总找不到适合学习的切入时机。也许是总感觉忙碌的工作之后需要暂时的娱乐放松,可是却总忘却时间的嘀哒哒哒。恍惚之间到了下班时间,回家、吃饭、看电视、睡觉……

好吧,那就自己模拟一根小鞭子抽自己吧。抽点时间,那怕一点点,每天与或每周进步一点点。

全文

标签:

android bom border css工具 css布局 display DW ff firefox fireworks fixed flashget html ie6 IETester IE开发人员工具 iis jQuery jq插件 win7 WordPress 分类信息 挂马 无线路由器