活塞氧压机定子温度故障致停机事故

五月 19, 2012 by · Leave a Comment
Filed under: 工作日志 
事故概述:
2012年5月18日我单位一台ZW-60/30的开封活塞式氧压机出现电机C相定子温度高联锁停机事故。经检查原因为电机机身温度测点接线柱松动所致,由于仪表电气人员不在工厂值班,所以等他们赶到处理完问题大约两小时后解决完毕。
事故经过:
该活塞式压缩机的电机为TK710-12型同步电动机,20:47电机C相定子温度由82°C升高至87°C,此升高为跳跃式,20:59又由87°C升高至90°C,此温度延续到23:14中间只有1°C的下降波动,23:15升至95°C,23:28升至100°C,23:47直线上升至129°C超过120°C的联锁值跳车。23:50经过沟通无法确定此温度信号的真假,此时已经联系电气仪表人员赶来工厂,剩余的ZW-60/30和ZW70/30两台活塞式氧压机已经无法长时间满足钢厂炼钢需求,遂将2000NM3/H杭氧透平压缩机油泵启动盘车备用。19日1:00仪表工赶到,检查接线箱,发现接线柱松动,万用表测量正常,由于位于电机身的接线箱空间狭小,而且各个接线柱上的螺栓垫片均锈迹斑斑,国货坑爹!将电缆上紧也颇费一番周折,因为意外将B相定子温度引出线拧断了,拉线滚子接电烙铁焊接。终于2:20一切恢复。
事故体会:
1.像这样的事故原因就是非常低级常见的,没有想象中的复杂,处理其他问题时候都要从最简单最“低级”的方向入手。其实后来从温度趋势的跳跃式变化中也可以分析出接线松动的原因。
2.由于接线箱空间狭小,电机采用劣质接线柱,这给工作开展带来不小难度,浪费了相当的时间,其实这次事故的内因也是出在这里,国货坑爹。
3.当2号活塞机事故停车时,操作人员迅速去现场卸压、停励磁柜,但是由于粗心大意将正在运行的1号活塞机励磁柜停止,幸亏及时发现,未发生另一起事故。在紧固接线柱过程中意外将B相的引线弄断,这也要求我们工作要精心才能提高效率。

解决destoon‘请不要使用代理访问本站’

五月 18, 2012 by · Leave a Comment
Filed under: 技术文章 

中国空分网搬到搬迁到上海电信机房后的一个月的时间还是正常访问的,没啥问题,就是速度稍显慢。

最近时间发现在点击注册网站会员时候又出现了曾经出现过的错误提示‘请不要使用代理访问本站’,这个错误同样存在与论坛通行证过来激活的用户中。出现了之后,尝试使用网站自带的开启与关闭限制代理访问功能,但是无果。

这个时候会去官方论坛寻求解决了,但是官方论坛还是老问题老样子,没有给出确切的解决方法,这也体现出destoon官方有些不负责任。

论坛里提出这个问题的至少20帖以上,其中一个会员在提出问题后,莫名其妙的自己发现了解决之道,居然不舍得公布出来解决细节就把求助帖修改为了‘已解决’,无语。他提到的是到phpmyadmin中修改开启关闭限制代理访问的字段,他说在后台关闭了限制代理访问之后,去数据库发现并没有关闭,所以直接在数据库中操作将字段改为关闭状态即可,具体哪个字段该会员也没有提及。所以这两天我又将注意力转移到联系idc客服那边解决无法登陆phpmyadmin的问题上来,今天客服回话需要将ip/phpmyadmin修改为 域名/phpmyadmin后方可登陆,phpmyadmin访问问题解决了,但是进去后发现字段也不好修改。

在论坛继续搜索代理关键词的时候发现有同学提出直接修改程序代码的方法,我看走这一步也是不错的方法吧。遂使用这个办法:

module/member/register.inc.php文件,
将第7行后的以下内容删除,即可解决。
if($MOD['defend_proxy']) {
if($_SERVER['HTTP_X_FORWARDED_FOR'] || $_SERVER['HTTP_VIA'] || $_SERVER['HTTP_PROXY_CONNECTION'] || $_SERVER['HTTP_USER_AGENT_VIA'] || $_SERVER['HTTP_CACHE_INFO'] || $_SERVER['HTTP_PROXY_CONNECTION']) {
message(lang(‘include->defend_proxy’));
}
}

接入微信平台会带给「美丽说」哪些好处和挑战?

五月 2, 2012 by · Leave a Comment
Filed under: 技术文章 

美丽说吃螃蟹记——ABOUT美丽说与微信开放平台第一次合作

谢谢大家的关注,很多朋友关心美丽说入驻微信开放平台的前景与商业模式,在我们来看,这些命题今日谈及,为时尚早。实际上这次合作,可以视作纯产品对产品的合作尝试,是双方产品团队对女性手机用户玩法的一次共同探索。作为第一个吃螃蟹的,我愿意分享螃蟹是怎样吃上的,滋味如何。

起因最早可以追溯到11年6月的一次流量分析,当时美丽说的自有流量蹿升很快,拆解看了数据,做了很多调研,发现有趣的事:相当比例的用户会在QQ上高频的互发美丽说链接,形成了扩散。后来QQ产品团队因此将美丽说链接加入QQ聊天白名单,这样用户贴美丽说链接时,聊天窗口能直接preview大图、价格、评论,体验良好。

那时候我们就深刻理解了一件事:女孩子逛美丽说的重要使用场景,是与朋友一起逛,互相挑,”你喜欢吗?”“这件如何?“”要不要一起买?“ 当时感到很遗憾的是,我们虽然已经有相当规模的手机用户,但手机上,用户很难完成分享操作,无论是iOS还是Android,要在逛街和聊天间让用户顺滑的切换实在是太难了,无法满足“边逛边聊”的乐趣。

因此,今年4月下旬,张小龙在向美丽说发起“开放平台内测期入驻“邀请时,我们毫不犹豫的接受了。第三天就飞到广州,当时心急,甚至把IOS主力工程师都带过去了,希望能现场完成连调,早点内部试用。后来发现要讨论的细节还挺多,这个工程师当天又飞回北京继续上班了。产品人员在广州待了两天,与微信团队共同敲定了主体合作细节,回北京后一周,整原型和流程就被确定下来,进入了开发环节。

合作给我们留下了三点深刻的印象。

其一,微信团队产品力很强,获取今日之成功,绝非偶然。我们接触到的微信团队中的每一个人,都低调务实,用户至上,善于从用户具体的场景中分析思考,从不夸夸其谈。其实美丽说与微信这一次合作的产品,是比较轻量级的功能,但讨论过程反反复复,前后有数十次之多。

目标场景很快被共同确定,让女孩子们“边逛边聊”。张小龙告诉我们,微信里女孩子之间,“群聊很多”,因为“三人的沟通最没有压力,没有明确指定谁要回复谁,所以轻松自在,适合聊八卦聊心情”。 而美丽说的理解,这是再好不过的分享场景,因为生活中的女孩子们就是边逛边聊天儿的。

价值确立后,开始构思用户体验。场景虽简单,细节却马虎不得。从美丽说分享开始,到微信用户收到分享后的童颜,我们环环相扣,仔细梳理,确立了若干问题:

  • 美丽说的MM在什么地方,最有将东西分享给朋友的冲动(需求)?
  • 分享出去的内容,朋友收到时看到怎样最自然?带标题还是带描述?带价格吗?会像小广告一样,带给微信用户不好的体验吗?
  • 分享完成后,应该keep用户停留在逛的场景里,还是切换入聊天的场景?
  • 用户在微信里打开美丽说快捷方式寻找分享内容时,最想找到的是什么?
  • 朋友打开微信里的分享内容时,期望得到什么价值?
    …..

这些问题,我们与微信产品团队在一起反复推敲讨论,打磨细节,一切以用户的体验为优先。

一个具体的案例,当用户在微信收到一条来自美丽说的分享时,她点击了这个分享,应该给用户什么下文?是打开Appstore要求用户下载美丽说以便查看详情,还是别的方法? 要求用户前往Appstore下载,看起来是能给美丽说导量的,但考虑到用户在一个轻松的对话场景下,遭遇突然的跳转,会相当suprise,尤其是Appstore在中国地区访问很慢,那体验就更糟了。 因此,我们最终放弃了“导量”这个表面上的目标,改为微信用户提供了一个嵌在微信中的web view,用户无需离开聊天窗口,就能看到大图、价格、购买链接、美丽说社区热度信息,既得到了朋友分享的价值,又能轻松的继续聊天。

有了用户体验优先这一共同目标,我们的沟通非常融洽,双方都体恤用户,推敲细节,不会斤斤计较,我真心实意的喜欢这种“实在产品人”对“实在产品人”的沟通。

其二,微信是真心实意在做开放平台,张小龙与他的团队正在脚踏实地、坚定的将微信打造成一种“生活方式”。

微信之所以邀请美丽说作为第一个非腾讯系的产品入驻,一方面是因为“女生群聊多”,也许这里有不一样的玩法,双方一起试水探索。一方面更是为了“开放”,探索开放平台的产品、运营优化步骤。张小龙当时很坦诚的告诉我们,邀请美丽说,也是“灵光一闪”的事儿,当时他感觉,”第一期只做自家产品的接入,就没法儿了解第三方真实的需求“,因此他邀请美丽说一起来”做实验“,试试开放平台的合作打磨该怎么做,因为“美丽说的产品看起来也挺务实有趣的“。

事实上,在后续开发与连调的过程中,微信确实依据我们与其他合作方的需求,反复的打磨各个接口,调试应用对应用中用户的跳转流程,各种场景下的引导、提示与文案。时常是我们已经确认了一个地方对美丽说而言没问题,微信产品却还会在第二天发来邮件说,“我们又升级了这个地方,这样美丽说和其他应用的用户会在某种场景下感觉更好一点”。

就在我们离开广州的那天,凌晨五点收到微信产品经理的邮件,他写了一篇很长的分析,给我们为“微信用户打开美丽说快捷方式时看到的内容“做了很多建议。这完全是站在美丽说用户的角度在看问题了,如果仅仅为了微信自己的功能,这位产品经理完全没必要做这种翔实的分析与建议,但他认为,因为我们的功能关联了,所以用户也关联了,“使用分享功能的美丽说用户也是微信用户,我们要确保他们体验最好”,这种事例实在是太多了,我们多次感慨,特别像与自己team的同事在沟通—从一个角度,确实也是一个team,都是为了用户,也都是为了打磨开放合作的产品、过程。

其三,我验证了,南方通信大厦(微信所在办公楼)真的会亮灯到凌晨四五点

微信团队的勤奋是出了名了,微博上一度疯传南方通信大厦的那张照片–一个微信的产品经理在周六凌晨2:39发了一张办公楼的图片上微博,说:“在每一个众人皆睡的长夜,这里都一群人在奋战。就这样,一年过去了。”CEO马化腾在随后的4:17转播了这张图片。说:“有灵感的团队,在最有灵感的时刻。

去广州时,为了求效率,我们就在南方通信大厦对面找了个如家住下来。那两天晚上,我和同事讨论产品弄文档,四五点的时候,我们就下楼去便利店买可乐,眺望对面的南方通信大厦,独见微信所在楼层灯火通明。微信的实习生告诉我们,张小龙会陪团队一起拼到深夜,回家睡几个小时,第二天爬起来又来了,“几乎天天如此”。

我不愿意用“加班”来形容微信团队的拼命,因为这不是“加班”,作为starup的一员,我非常了解这种“拼”是为了什么–因为产品是讲“势”的,“势”不等人,机会稍纵即逝,只能玩儿命去追; 也因为产品是迭代出来的,所有产品问题终极的解决方案,一定是极简单优美的,但通往简单的道路,是复杂崎岖的,想更快的catch到要害,最好的选择,就是小步快跑,保持琢磨,从每一步中榨取最大的价值。

张小龙与微信产品团队,谈及用户的场景、价值、背后关联的动机,信手拈来,案例翔实,毫无夸夸其谈之风,这没有持续的琢磨,完全不可能做到。

今天,我们的微信版本已经上线了,用户已经用上了分享功能,开始与闺蜜们逛了起来。作为第一个吃螃蟹的团队,我们当然期望吃到更多的螃蟹肉,但这只是一个开始,我们会继续打磨,有很多事还需要去做。不过过程中,我们获益良多,我们喜欢与这样务实的产品团队交流。

微信的团队发给过美丽说这样一封邮件:

“在互联网行业里,能像你们这么懂得取舍的团队不多了,你们很清楚知道自己和用户要什么,很难得”。 我喜欢这个评价,就用它做结尾。

文章来自 知乎 http://www.zhihu.com/question/20200278/answer/14345222

discuz X2设置“回帖奖励”

四月 24, 2012 by · Leave a Comment
Filed under: 技术文章 

discuz X2设置“回帖奖励”的设置方法为:

Read more

退出时提示The requested URL /uc_server/index.php was not found on this server

四月 23, 2012 by · Leave a Comment
Filed under: 技术文章 

前天刚刚做好destoon与discuz X2的通讯,今天就有用户反映手机版无法登陆,而且我自己登陆也发现错误如下:

账户退出时出现下面的代码,但是可以正常退出。

Not Found
The requested URL /uc_server/index.php was not found on this server.
——————————————————————————–
Apache/2.0.63 (Unix) Server at www.xxx.com Port 80

在discuz论坛看到解决方法为:

修改/config/config_ucenter.php 中

define(‘UC_IP’, ‘你的服务器IP’);

照此方法解决即显示正常,同时网友说的手机版无法登陆问题也怀疑是这个原因

酒红冰蓝:从微博女魔头到天使投资人

四月 22, 2012 by · Leave a Comment
Filed under: 行业资讯 

瞄准市场,草根也能变巨头。

几年前,肖俊丽在书店一口气读完了洁尘的小说《酒红冰蓝》,被书中情节深深打动的她马上把自己的网名改作“酒红冰蓝”,那时的她还是一个身无分文的草根站长;现在,“酒红冰蓝”已经成了微博界大名鼎鼎的账号。尽管去年秋天肖俊丽还攥着手中仅有的3万元钱在创业的交叉路口徘徊,颇显落魄,但今年夏天,她和她的团队已被创新工场估值1个亿。

玩转微博营销

江湖传言姚晨写微博“一天能赚一万美元”,如果说姚晨是“微博女王”的话,那么肖俊丽则是不折不扣的“微博女魔头”。她手下掌控着“全球时尚”、“欧美街拍”、“精选语录”等多个高质量时尚小号,保守估计粉丝数目已超过2000万人。

追溯起来,肖俊丽应该是中国第一批网民。从最早逛论坛到建立自己的网站,再到后来转型做电商,只有高中文凭的她对这个行业的嗅觉却异常敏锐。肖俊丽说,当初自己做站长时已经十分留意如何对网站内容进行推广、赚取流量、吸引客户等相关问题,而这些在后来都能用到微博营销之中。曾有段时间,肖俊丽希望通过帮助企业做网络营销来挣钱,但结果都收效甚微。

时来运转,2009年,新浪微博横空出世,而对于肖俊丽来说,这个新平台给她带来了真正的机会,让她从一个小小的草根站长转变成了网络营销舞台上的一个明星。

“当初是在一个朋友的推荐下注册了微博,那时微博还在内测,我发现这是个很好的平台。其实只要是人气旺的地方,就可以推广各种产品,加上我以前做过网站也做过电商,我知道怎样吸引用户并且让他们买账。”

对于如何做好微博营销,肖俊丽也动了不少脑筋。与其他人不同,肖俊丽从不盲目迎合所有用户,而是想着如何做大细分市场。“我们的粉丝主要集中在20岁至40岁之间有稳定收入的人群,其中很大一部分是时尚女性,这群人的思想开放,喜欢接受新鲜事物,购买力强。”肖俊丽说,她要做的就是时尚产品的营销市场。

好营销可以让用户对商家产生高度信任感,进而自然生成消费行为,如果生硬地向受众灌输宣传,往往会引来反感,伤害品牌。在网络社交愈加发达的今天,口碑传播和意见领袖的影响力越来越大。“首先我们会选择真正对客户有用的资讯,通过这些实用的信息紧紧地套牢用户,用户从中也能获得实际的帮助。其次在帮企业进行微博营销时我们会尽量做到‘软’,软到用户不会发现这是一个广告。我们会尽量减少硬广的发放,在不得已发放之后也尽量多发一些对用户有用的信息来进行弥补。”肖俊丽说,这就是要紧扣“内容为王”的理念,把营销做得更巧妙,得人心于无形。

但是网络世界变化很快,在“酒红冰蓝”正做得风生水起时,微博推出了企业版,显然将要逐渐掌控微博营销的主动权。对第三方微博营销角色来说,这不是一个好消息。“这是一个巨大的挑战。”肖俊丽承认所面对的压力正在增大,为了应对新形势,她已经在研究代理企业微博的相关问题,同时,她的团队也开始着手组建自己的时尚类电子商务网站,试图从微博平台导出流量,把微博上“全球时尚”“欧美街拍”账号的近400万粉丝导入网站中。“不能把所有的宝都押在新浪一个平台上。”肖俊丽说。

不过总体来说,肖俊丽仍然信心十足,并不担心激烈竞争所带来的威胁:“与新浪相比较,我们更懂得电商行业的游戏规则,而与广告、公关公司相比,我们已经有了先发优势和大号资源,一般人很难追得上。”

变身“天使”

很多人会好奇肖俊丽为什么把公司名字定为“山鲁佐德”,这个《一千零一夜》故事中美好的女性形象,其中的寓意似乎颇为有趣。“在山鲁佐德给国王讲述的一千零一个故事中,有一个非常著名的故事是阿里巴巴与四十大盗,而在电商领域,做得最好的公司就是阿里巴巴,我当初希望能有一个山鲁佐德那样勇敢而充满智慧的女生打败阿里巴巴,我觉得自己就挺勇敢,挺有智慧。”肖俊丽显然对自己寄予了极高希望,她说:“希望我们的成就以后会超越阿里巴巴,阿里巴巴只是我们的一千零一分之一。”其实现在肖俊丽在圈子里已经有了微博“女魔头”的称号,从名头本身看起来还真不输于“阿里巴巴”。除了“女魔头”的光环,其实现在肖俊丽还在争当“天使”。目前山鲁佐德运行渐入正轨,微博营销业务操作得愈加成熟,肖俊丽开始有时间运营副业,她像模像样地做起了天使投资人。

车库咖啡是京城互联网圈子的“大据点”,这里每天都在上演与创业有关的故事,肖俊丽现在是车库咖啡的常客。“每天处理完公司的事情之后,我都会来车库这边坐坐,希望能给想创业的年轻人提供一些帮助,投一些合适的项目。”肖俊丽说现在的自己有能力也有兴趣来做投资方面的事情,她相信经历过互联网创业的自己,可以发现值得帮助的创业项目,她也会从中得到乐趣。

去年的肖俊丽一定想象不到那个饱受创业煎熬的自己,现在能每天在车库咖啡晒上一下午太阳,喝一杯水果茶,身旁还有络绎不绝的“访客”拜访。“今天在车库的一个下午,已经有三四家意向客户找到我谈合作。我现在最怕的就是有人找到我说:‘酒红姐,帮我们做个微博营销吧。’我现在真的做不过来。”

正如狄更斯说的那样:“这是一个最好的时代,这是一个最坏的时代。”似乎“酒红冰蓝”的故事在今天这个互联网时代也极具借鉴意义。酒红冰蓝和山鲁佐德已经站到了新媒体和新商业的风口浪尖上,开始与巨人舞蹈。

而肖俊丽和她的天方夜谭,还在继续。

想找天使投资,或许可以跟“酒红冰蓝”聊聊,运气好的话,你可以在车库咖啡找到她。(中国企业家网)

destoon邮件设置出现Error::25 can not connect to the smtp server

四月 19, 2012 by · Leave a Comment
Filed under: 技术文章 

在include/mail.func.php代码if(!$fp = fsockopen($DT['smtp_host'], $DT['smtp_port'], $errno, $errstr, 30)) {}中将fsockopen改为pfsockopen函数,然后测试正常。这个情况是因为目前好多主机商将fsockopen函数关闭了。

CSS Navigation Rollovers With Drop-downs

三月 24, 2012 by · Leave a Comment
Filed under: 技术文章 

This post is a continuation of Super Fantastic CSS Navigation Image Rollovers where we created CSS rollovers with a single image, so it would probably be a good idea for you to take a look at that post in order to follow along with this one if you haven’t done so yet. We’re going to take the code from that post, and adapt it to Stu Nicholls’ CSS drop-downs. He has done a great job in creating a multi-level drop-down menu that is verified to work in most browsers, and without any slow loading javascript.

 

Sorry there has been such a delay between these two posts, I’ve been out sick with a nasty cold for a while. I decided that I can finally breath through my nose well enough to finish this thing.

Here is an example of what we’ll be creating. You can find all of the necessary CSS in the header of that page. Keep in mind, I also use Meyer’s Reset CSS sheet which takes care of getting rid of the unordered list’s natural padding and styling. CSS reset style sheets are great for evening the playing field across multiple browsers, because they all have their own styles that they apply to certain elements and they’re never the same.

We’ve already got our image for the navigation rollovers from the previous post, and so now we’re going to introduce the second level of navigation into our HTML:

01.<div id="navigation">
02.<ul>
03.
04.<li><a href="index.php" class="link1">Home</a></li>
05.<li><a href="metal" class="drop link2">Metal<!--[if IE 7]><!--></a><!--<![endif]-->
06.<!--[if lte IE 6]><table><tr><td><![endif]-->
07.<ul>
08.<li><a href="gold.php">Gold</a></li>
09.<li><a href="aluminum.php">Aluminum</a></li>
10.<li><a href="brass.php">Brass</a></li>
11.
12.<li><a href="stainless-steel.php">Stainless Steel</a></li>
13.</ul>
14.<!--[if lte IE 6]></td></tr></table></a><![endif]-->
15.</li>
16.<li><a href="plastic" class="drop link3">Plastic<!--[if IE 7]><!--></a><!--<![endif]-->
17.<!--[if lte IE 6]><table><tr><td><![endif]-->
18.<ul>
19.<li><a href="polyethelene.php">Polyethelene</a></li>
20.
21.<li><a href="polycarbonate.php">Polycarbonate</a></li>
22.<li><a href="fiberglass.php">Fiberglass</a></li>
23.<li><a href="pvc.php">PVC</a></li>
24.</ul>
25.<!--[if lte IE 6]></td></tr></table></a><![endif]-->
26.</li>
27.<li><a href="services.php" class="drop link4">Services<!--[if IE 7]><!--></a><!--<![endif]-->
28.
29.<!--[if lte IE 6]><table><tr><td><![endif]-->
30.<ul style="height:240px;top:-40px;">
31.<li><a href="art.php">Art</a></li>
32.<li><a href="design-for-manufacturing.php">Design For Manufacturing</a></li>
33.<li><a href="prototyping.php">Prototyping</a></li>
34.<li><a href="quickturn.php">Quickturn</a></li>
35.<li><a href="safety-design.php">Safety Design</a></li>
36.
37.<li><a href="kits-and-assembly.php">Kits &amp; Assembly</a></li>
38.<li><a href="rfq.php">Request For Quote</a></li>
39.
40.</ul>
41.<!--[if lte IE 6]></td></tr></table></a><![endif]-->
42.</li>
43.<li><a href="news.php" class="link5">News</a></li>
44.
45.<li><a href="catalog.php" class="link6">Catalog</a></li>
46.<li><a href="about.php" class="link7">About Us</a></li>
47.<li><a href="contact.php" class="link8">Contact</a></li>
48.<li><a href="users.php" class="link9">Registered Users</a></li>
49.</ul>
50.</div>

 

We’re creating 3 dropdowns that come out of the links Metal, Plastic, and Services. We haven’t made too many changes to our HTML from the previous post. The #navigation IDhas been moved off of the ul and onto the containing div because of the way that Stu Nichols did many of his selectors in his drop-down. Also, please take note of the way that the Internet Explorer conditional comments have been structured in this. You don’t want to screw those up, or IE will render things ugly the way that it normally does!

That was the easy part, and now for the CSS which I will just break down line for line. Once again, you can get the whole thing at this link.

Most of this code is just styling that will be specific for the navigation for every link , and there are some old IE hacks in here as well. Make sure you just replace the code that you need, and put your width in all of the right places:

01.#navigation {width:145px;position:relativez-index:100;margin-top:50px;border-right:1px solid #999padding:10px 0pxfloat:left;}
02./* hack to correct IE5.5 faulty box model */
03.* html #navigation {width:145pxwidth:144px;}
04./* float the list to make it horizontal and a relative positon so that you
05.can control the dropdown menu positon */
06.#navigation li {width:145px;position:relative;}
07./* style the links for the top level */
08.#navigation a, #navigation a:visited {display:blockheight:47px;
09.background:url(navigation.png) top lefttext-indent:-9000px;}
10./* a hack so that IE5.5 faulty box model is corrected */
11.* html #navigation a, * html #navigation a:visited {width:145px;width:145px;}

 

Just follow the CSS comments that Stu Nichols has placed in his code here. We’re still not doing any huge alterations other than styling things specific to this drop-down. For our purposes we’re only doing one sub-level, but I left the CSS in here for you to style a third one if needed:

01./* style the second level background */
02.#navigation ul ul a.drop, #navigation ul ul a.drop:visited {
03.background:#2d3d47}
04./* style the second level hover */
05.#navigation ul ul a.drop:hover{background:#fffcolor:#202c32;}
06.#navigation ul ul :hover &gt; a.drop {background:#fffcolor:#202c32;}
07./* style the third level background */
08.#navigation ul ul ul a, #navigation ul ul ul a:visited {
09.background:#e2dfa8;}
10./* style the third level hover */
11.#navigation ul ul ul a:hover {background:#b2ab9b;}

This is where you figure out your exact positioning of the sub-levels, as well as style their appearance. Once again, the extra sub-level code is left in here and unaltered, just make sure that you are going down each line and putting in the code that is specific for your design:

01./* hide the sub levels and give them a positon absolute so that they take up no room */
02.#navigation ul ul {
03.visibility:hidden;
04.position:absolute;
05.top:-10pxleft:145px;
06.padding:4px;
07.background:#2d3d47;
08.height:96pxwidth:145px;
09.border-left:1px solid #999;
10.}
11./* another hack for IE5.5 */
12.* html #navigation ul ul {top:-9px;top:-10px;}
13.
14./* position the third level flyout menu */
15.#navigation ul ul ul{left:149pxtop:-1pxwidth:149px;}
16.
17./* position the third level flyout menu for a left flyout */
18.#navigation ul ul ul.left {left:-149px;}
19.
20./* style the table so that it takes no ppart in the layout - required for IE to work */
21.#navigation table {position:absolutetop:0left:0border-collapse:collapse;}
22.
23./* style the second level links */
24.#navigation ul ul a, #navigation ul ul a:visited {
25.background:#2d3d47;
26.color:#fff;
27.height:auto;
28.line-height:14px;
29.text-indent:0px;
30.display:block;
31.padding:5px;
32.text-decoration:none;
33.font-size:11px;
34.}
35./* yet another hack for IE5.5 */
36.* html #navigation ul ul a, * html #navigation ul ul a:visited {
37.width:145px;width:145px;}

 

This is where we put in a lot of our code for doing the image rollover. This part is a little tricky, because I found an interesting IE6 quirk that stumped me for a while and I still haven’t quite been able to make sense out of it. You’ll see what I’m talking about by the consolidation comment on the first sub-level drop-down. Our background position code from the last post is largely unchanged except for when we have a drop-down on links 2, 3, and 4. We now have the selector #navigation :hover > a.link2, #navigation ul ul :hover > a.link2 which is telling the image rollover to stay in its hover state while the user is browsing through the sub-levels:

01./* style the top level hover */
02.#navigation :hover &gt; a, #navigation ul ul :hover &gt; a {
03.background:url(navigation.png) top left;}
04.
05./* top level image background placements */
06.#navigation a.link1:hover {background-position:-146px 0px;}
07.#navigation a.link2 {background-position:0px -47px;}
08./* DO NOT consolodate next 2 lines into one, this breaks IE6 */
09.#navigation a.link2:hover {background-position:-146px -47px;}
10.#navigation :hover &gt; a.link2, #navigation ul ul :hover &gt; a.link2  {
11.background-position:-146px -47px;}
12.#navigation a.link3 {background-position:0px -94px;}
13.#navigation a.link3:hover{background-position:-146px -94px;}
14.#navigation :hover &gt; a.link3, #navigation ul ul :hover &gt; a.link3  {
15.background-position:-146px -94px;}
16.#navigation a.link4 {background-position:0px -141px;}
17.#navigation a.link4:hover {background-position:-146px -141px;}
18.#navigation :hover &gt; a.link4, #navigation ul ul :hover &gt; a.link4  {
19.background-position:-146px -141px;}
20.#navigation a.link5 {background-position:0px -188px;}
21.#navigation a.link5:hover {background-position:-146px -188px;}
22.#navigation a.link6 {background-position:0px -235px;}
23.#navigation a.link6:hover {background-position:-146px -235px;}
24.#navigation a.link7 {background-position:0px -282px;}
25.#navigation a.link7:hover {background-position:-146px -282px;}
26.#navigation a.link8 {background-position:0px -329px;}
27.#navigation a.link8:hover {background-position:-146px -329px;}
28.#navigation a.link9 {background-position:0px -375pxheight:65px;}
29.#navigation a.link9:hover {background-position:-146px -375px;}

 

The rest of the code is just a little extra styling. We now have a fast drop-down menu with image roll-overs using nothing more than CSS! Again, you can view the code for our final result here. If you have any tips, questions or problems that you run into while trying to reproduce this, please leave a comment.

Advertisement: Choose from a wide array of bracelets available in store for you today.LusterForever jewelers has a wealth of designs that fits your discriminating taste. See for yourself.

来自:http://jorenrapini.com/blog/web-development/css-navigation-rollovers-with-drop-downs

5款整站下载工具

三月 24, 2012 by · Leave a Comment
Filed under: 技术文章 

有的人利用整站下载工具下载网站到本地进行慢慢的欣赏,有的人利用全站下载工具创建垃圾站。不管你是出于什么样的目的,下面这些工具软件你可以会需要。

TeleportUltra

Teleport Ultra所能做的,不仅仅是离线浏览某个网页(让你离线快速浏览某个网页的内容当然是它的一项重要功能),它可以从Internet的任何地方抓回你想要的任何文件,它可以在你指定的时间自动登录到你指定的网站下载你指定的内容,你还可以用它来创建某个网站的完整的镜象,作为创建你自己的网站的参考。

WebZip

WebZip 把一个网站下载并压缩到一个单独的 ZIP 文件中,可以帮您将某个站台全部或部份之资料以ZIP格式压缩起来,可供你日后快速浏览这个网站。且新一版的功能包括可排定时间来下载,亦加强相当漂亮的立体界面及传输的曲线图。

Mihov Picture Downloader

Mihov Picture Downloader 是一款用于从一个网页下载所有的图片的简单工具.只需要输入网络地址,其它的工作就由该软件去做.所有的图片将下载到你的计算机硬盘驱动器上的一个文件夹当中。

WinHTTrack HTTrack

WinHTTrack HTTrack 是一款简单易用的离线浏览器实用工具.该软件允许你从互联网上传输一个网站到一个本地目录当中,从服务器创建递归所有结构,获得 html,图像以及其它文件到你的计算机当中.相关的链接被重新创建,因此你可以自由地浏览本地的网站(适用于任何浏览器).你可以把若干个网站镜像到一起,以便你可以从一个网站跳转到另一个网站上.你还可以更新现存的镜像站点,或者继续一个被中断的传输.该带有许多选项和功能的装置是完全可配置的.该软件的资源是开放的。

MaxprogWebDumper

MaxprogWebDumper是一网站内容下载工具, 可以自动下载一网页及其链接的所有内容, 包括内置的多媒体内容, 供你离线浏览.

边栏中如何判断是当前栏目,从而样式不同?

三月 24, 2012 by · Leave a Comment
Filed under: 技术文章 

弱弱地问一下,企业站那种侧边栏中如何判断是当前栏目,从而样式不同,如下图。左侧是用dede:channel标签调用出来的。小弟不懂怎么写判断。

答案:

{dede:channel type=’self’ currentstyle=”<li class=’thisclass’><a href=’~typelink~’>~typename~</a></li>”}<li><a href=’[field:typeurl/]‘>[field:typename/]</a></li>{/dede:channel}

然后在css里定义’thisclass’样式

另重复记忆channel标记:

channel

全局标记

V55,V56,V57

用于获取栏目列表

基本语法

{dede:channel type=’top’ row=’8′ currentstyle=”<li><a href=’~typelink~’ class=’thisclass’>~typename~</a> </li>”}
<li><a href=’[field:typelink/]‘>[field:typename/]</a> </li>
{/dede:channel}

标签属性

  • typeid:栏目ID
  • reid:上级栏目ID
  • row:调用栏目数
  • col:分多少列显示(默认为单列)
  • type:son表示下级栏目,self表示同级栏目,top顶级栏目
  • currentstyle:应用样式

channelartlist

全局标记

V55,V56,V57

获取当前频道的下级栏目的内容列表标签

基本语法

{dede:channelartlist row=6}
<dl>
<dt><a href=’{dede:field name=’typeurl’/}’>{dede:field name=’typename’/}</a></dt>
<dd>
{dede:arclist titlelen=’42′ row=’10′} <ul class=’autod’>
<li><a href=”[field:arcurl /]“>[field:title /]</a></li>
<li>([field:pubdate function="MyDate('m-d',@me)"/])</li>
</ul>
{/dede:arclist}
</dl>
{/dede:channelartlist}

标签属性

  • typeid:频道ID
  • row:获取的栏目返回值

下一页 »