body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea { margin: 0; padding: 0; } html { overflow-y: scroll; } body {text-align:center; word-break:break-all; background: url(/img/body_bg.jpg) repeat-x #deebf3;} textarea { overflow-y: scroll; } #pageshow {clear:both; text-align:center; margin:0px auto; font-family:arial,sans-serif; font-size:14px; } #pagebody {clear:both; width:960px; text-align:left; background:#fff; margin:0px auto; padding:0px 5px; } #footer { clear:both; text-align:center; padding:6px 6px; font-size:14px; background:#0099cc; color:#FCFCFC; } #footer a {color:#FCFCFC; text-decoration:none;} #footer a:hover {text-decoration:underline;} #qqserver { clear:both; text-align:center; padding:12px 6px; font-size:12px; background:#f8f8f8; color:#3A3A3A; } #qqserver a {color:#CC0000; text-decoration:underline;} #qqserver a:hover {text-decoration:underline;} #classbody {background:#C5D5C5;text-align:left;} #classbody th{padding:4px;line-height:22px;color:#000000;background:#D9EDDA;} #classbody td{padding:4px;background:#EFF7F0;line-height:22px;color:#000000;} #classbody td a{color:#000000;font-size:14px;text-decoration:none;} #classbody td a:hover{color:#D50000;text-decoration:underline;} #classbody td a:visited{color:#000000;} #header {clear:both; width:970px; text-align:left; margin:0px auto; color:#ffffff; background:url(/img/navbg.gif);} #header img{border:0; vertical-align:middle;} #header .rp{padding-right:40px;} #header ul{display:inline;} #header ul li{display:inline; list-style-type:none;} #header li:hover {background:#7cba0f; color:#ffffff;} #header .k1 a{padding:6px 8px; color:#ffffff; font-size:14px;text-decoration:none;} #header .k1 a:hover{background:#7cba0f; color:#ffffff; text-decoration:none;} #header .co1 a{color:#ffffff; } #header .co2 a{color:#FFFF33; } #header .co3 a{color:#FF9900; } #importlink {clear:both; text-align:right; padding:10px 10px; } #importlink a{background:#FFCC00; font-weight:bold; padding:5px 10px;color:#FF0000; font-size:14px;text-decoration:none; border: 1px solid #C6C6C6; } #importlink a:hover{background:#7cba0f; color:#ffffff; text-decoration:none;} #importlink ul li{display:inline; list-style-type:none; padding:5px 10px; } #bangtlink {clear:both; text-align:left; margin:10px 0px; } #bangtlink a{background:#DDDDDD; font-weight:bold; padding:5px 6px;color:#336666; font-size:14px;text-decoration:none; } #bangtlink a:hover{background:#3366CC; color:#ffffff; text-decoration:none;} #bangtlink ul li{display:inline; list-style-type:none; padding:5px 10px; } #bangtlink .ok a{ background:#3366CC; color:#ffffff; text-decoration:none; } #start {clear:both; text-align:right;margin:4px 0px;} #start ul li{display:inline; list-style-type:none;padding:2px 2px;} #start input.ipss { border: 1px solid #888; padding: 5px; font-size: 14px; background-color: #f8f8f8;font-size:Arial; } #start input.ipss2 { border: 1px solid #888; padding: 5px; font-size: 14px; background-color: #BFDFFF;font-size:Arial; text-align:center; font-weight:bold; color:#336633;} #start select{padding:2px 0px; line-height:30px; font-size:14px;} input.ipt { border: 1px solid #888; padding: 3px; font-size: 14px; background-color: #F9F9F9;font-size:Arial; } input.idid { background: #F9F9F9 url("/img/icon-user.gif") 2px center no-repeat; padding-left:20px;} input.passwd { background: #F9F9F9 url("/img/icon-lock.gif") 2px center no-repeat; padding-left:20px;} input.find { background: #F9F9F9 url("/img/find.gif") 2px center no-repeat; padding-left:20px;} input.ime { ime-mode:disabled; } input.btn { height:2em; width:8em; font-size:14px;} input.ble { background:#99CCFF; padding: 3px; font-size: 14px; } input.yew { background:#FFCC66; padding: 3px; font-size: 14px; } input.onr { border: 1px solid #888; padding: 3px; font-size: 14px; background-color: #eeeeee;font-size:Arial; } #loginpost td {padding:2px 0px; font-size:12px; line-height:20px;} #loginpost th {color:#006633; font-size:14px;} .tbe th{text-align:center; } .tbe td{padding:2px 0px; line-height:22px;} .tbe td b{ font-size:12px; color:#FF0000; font-weight:normal;} .tbe select{padding:2px 0px; line-height:24px; font-size:14px;} .koko th{text-align:center; } .koko td{padding:2px 0px; line-height:22px;} .koko select{padding:2px 0px; line-height:24px; font-size:14px;} .koko h1{ display:inline; font-size:14px; } .site th {padding:2px; line-height:22px;} .site td {padding:2px; line-height:22px;} .site td b {font-size:12px; color:#333333; font-weight:normal;} .sitetd {background:#ECF7FF; font-size:12px; font-weight:normal; height:28px;} .normals td{padding:3px; line-height:24px; width:33%; } .normals td a{color:#0E589C;text-decoration:none;} .normals td a:hover{color:#D50000;text-decoration:underline;} .txt {padding:3px; font-size:14px; line-height:22px; background:#99CCFF;} .mai th{padding:2px 0px; line-height:24px;font-size:14px;} td.tss {padding-top:10px;} .mai td{padding:2px 0px; line-height:20px;font-size:12px;} td.bs {background-color:#99CCFF;border-bottom:1px solid #888;color:#333;padding:3px;line-height:20px; } .mai hr{ height:1px; margin:0px 0px; padding:0px 0px; width:98%; text-align:right; } .mai h2{ font-size:14px; } .tagli a{padding:4px 6px; color:#ffffff; background:#7cba0f; margin-left:6px; font-size:12px;text-decoration:none;} .tagli a:hover{background:#FF9900; color:#ffffff; text-decoration:none;} .barlishow { padding:4px 6px; margin:0px 6px; color:#ffffff; background:#FF9900; font-size:12px; } .numli a{padding:4px 10px; color:#ffffff; background:#FF9900; font-size:12px;text-decoration:none;} .numli a:hover{background:#7cba0f; color:#ffffff; text-decoration:none;} .userli a{padding:4px 10px; color:#CC0000; background:#dddddd; font-size:12px;text-decoration:none;} .userli a:hover{background:#CC3366; color:#ffffff; text-decoration:none;} td.liness { height:8px;line-height:8px; font-size:6px; } .selfss span{padding:4px 10px; background:#FFCCCC; color:#CC0000; } .f12 {line-height:20px; font-size:12px;} .h12 {line-height:20px; font-size:12px;color:#555555;} #icpshow {clear:both; text-align:center; line-height:30px; font-size:12px; color:#353535; background-color: #F9F9F9;} #icpshow a {color:#353535; text-decoration:none;} #icpshow a:hover {text-decoration:underline;} .import {clear:both;line-height:24px; } .import h1{font-size:14px; display:inline; } .import h2{font-size:14px; display:inline;} .dowhat {clear:both;color:#CC0033;line-height:28px;margin:10px 0px;padding:0px 10px;background:#FFD7D7;} .mores {clear:both;line-height:28px;padding:6px 10px;} .import h1 a{background:#F0F0F0; font-weight:bold; padding:5px 15px;color:#0000FF; font-size:14px;text-decoration:none; border: 1px solid #C6C6C6; } .import h1 a:hover{background:#7cba0f; color:#ffffff; text-decoration:none;} .ulshow {line-height:28px; background:#EBEBEB;padding:10px 10px;} .ulshow ul li{list-style-type:none;} .ulmenu {line-height:28px; margin:10px 0px;} .ulmenu ul{padding:0px 10px;} .ulmenu ul li{display:inline; list-style-type:none; padding:0px 10px;} #infovip {clear:both; background:#FFE3AA; margin:8px 0px; } #infovip ul li{line-height:30px; display:inline; list-style-type:none; padding:0px 10px;} #infovip .title {font-size:14px; text-align:center; font-weight:bold; color:#CC0000;} #infovip h1{ display:inline; font-size:14px; } #infoli { width:35%; text-align:left; } #infoli ul li{line-height:22px; font-size:12px; display:inline; list-style-type:none; padding:0px 4px;} #infoli .title {font-size:14px; text-align:center; font-weight:bold; } #infoli .title a{color:#CC0000;} #infoli a{color:#0E589C; text-decoration:none;} #infoli a:hover{color:#CC0000; text-decoration:underline;} .ultag td{line-height:24px; background:#fff;padding:0px 6px 6px 6px;} .ultag ul li{list-style-type:none;} #showmm100 {width:160px; height:600px; background-color:#fff; margin:0px auto;} #showmm300 {width:300px; height:250px; background-color:#fff; margin:0px auto;} #showmm500 {width:500px; height:65px; background-color:#fff; margin:0px auto;padding:5px 15px;} #showmm900 {width:960px; height:30px; background-color:#fff; margin:0px auto;padding:6px 0px;} #showmm400 {width:468px; height:60px; background-color:#fff; margin:0px auto;} #warning {clear:both;line-height:20px;text-align:center;color:#797979;background-color:#F8F8F8;font-size:12px;} #warning a{color:#797979;} #goodfriend {text-align:left;margin:4px 0px;} #goodfriend ul li{display:inline; list-style-type:none;padding:2px 6px;} #findpost {clear:both; width:100%; text-align:center; background-color: #fff;} #findpost ul{text-align:left; padding:4px 10px;} #findpost ul li{text-align:left; display:inline; list-style-type:none;padding:2px 2px;} #findpost input.ipss { border: 1px solid #888; padding: 5px 5px 5px 20px; font-size: 14px; background-color: #f8f8f8;font-size:Arial; } #findpost select{padding:2px 0px; line-height:30px; font-size:14px;} #findme {clear:both; text-align:center; background-color:#FFE9BB;} #findme ul{text-align:left; padding:4px 10px;} #findme ul li{text-align:left; display:inline; list-style-type:none;padding:2px 2px;} #findme input.ipss { border: 1px solid #888; padding: 5px 5px 5px 20px; font-size: 14px; background-color: #f8f8f8;font-size:Arial; } #findme select{padding:2px 0px; line-height:30px; font-size:14px;} .keys {line-height:22px; font-size:12px;} .keys ul li{display:inline; list-style-type:none; padding-right:8px;} #indexabout {clear:both; color:#4A4A4A; font-size:12px; margin:4px 0px; padding:10px 40px; } #indexabout td{ padding:4px 10px;line-height:22px; } #indexabout strong{ font-size:12px; } #indexabout h1{ font-size:12px; display:inline;} #indexabout img{padding-right:5px; vertical-align:middle;} #indexabout a{padding:4px 8px; color:#ffffff; background:#7cba0f; margin-left:6px; text-decoration:none;} #indexabout a:hover{background:#FF9900; color:#ffffff; text-decoration:none;} #tagpage { line-height:28px; } #tagpage ul{padding:0px 10px;} #tagpage ul li{display:inline; list-style-type:none; padding:0px 10px;} #indexmais {clear:both; margin:8px 0px; border:1px solid #dddddd;} #indexmais h3{background:#BFE4FF; font-size:14px; padding:4px 4px; line-height:22px;} #indexmais h3 a{color:#CC0066;} #indexmais h2 a{color:#0066CC;text-decoration:none;} #indexmais h2 a:hover{text-decoration:underline;} #indextag {clear:both; margin-bottom:8px; border:1px solid #dddddd; } #indextag h3{background:#BFE4FF; font-size:14px; padding:4px 4px; line-height:22px;} #indextag h3 a{color:#CC0066;} #indextag ul{padding:0px 10px;} #indextag ul li{line-height:28px; color:#7C7C7C; display:inline; list-style-type:none; padding-right:20px; } #indextag ul li a{color:#0066CC; text-decoration:none;} #indextag ul li a:hover{color:#CC0066; text-decoration:underline;} /*-- nav --*/ #nav {clear:both; height:30px; width:960px; margin:6px 0px; background-image:url(/img/nav_line.gif); background-position: -9px 0px; *overflow:hidden;} #nav ul{display:inline;} #nav ul.nav_main{float:left;margin-left:10px;height:100%;width:796px;} #nav ul.nav_aside{float:right;margin-right:13px;width:133px;} #nav li{font-size:12px;float:left;color:#fff;line-height:30px;*line-height:32px;} #nav ul.nav_main li{font-weight:bold;background:url(/img/nav_icon.gif) no-repeat -45px -91px;padding:0px 7px 0px 11px;line-height:30px;*line-height:32px;} #nav ul.nav_aside li{padding-left:15px;} #nav ul div{background:url(/img/nav_icon.gif) no-repeat center 4px;} #nav a{display:block;} #nav a:link, #nav a:visited {color:#FFF;text-decoration:none;font-size:12px;}
几款常用的网络书签对比 |
| 分类名称:网络书签 |
| 发布时间:2010年02月25日 21时11分02秒 |
|
对于需要经常使用书签,并且在不同的电脑上使用,网络书签是一个很好的工具。这里结合我对几个网络书签网站的认识,来谈一下几款主流的网络书签。顺便也会介绍一下收藏之家的特点。 » Delicious 谈到网络书签,就不能不提这一行业的领头羊-Delicious(美味书签),Delicious以简单实用的风格吸引了众多爱好者,目前Delicious应该是网络书签里使用人数最多的。相比Delicious的使用简单,注册起来难度可不小,资料要填齐,密码不能少于8位,且必须有字母,图片验证码简直看不清楚,注册相当麻烦。而且相比其他的网络书签网站纷纷采用了AJAX等更好的用户体验模式,Delicious还依然坚持最基本的HTML,且对于中国用户来说,速度也是一个软肋,Delicious还算一般的。当然,Delicious的用户分享的模式是挺不错的,有点类似于Digg,可以把自己收藏的书签分享给别人。 » Google Bookmarks Google的书签产品继承了Google的一贯风格,简单明了,使用Google账户登陆即可。只提供了添加、编辑、管理等最基本服务,似乎不能很好的形成分享的氛围。由于Google的速度不错,自己放一些书签也是不错的选择。 » QQ书签 以前我经常抱怨QQ的产品是如何如何差劲,不够人性化,全部是抄袭,毫无创新。但QQ书签似乎给人一种耳目一新的感觉。QQ书签采用了基于jQuery的AJAX技术,使得使用QQ书签时与服务器的反应更为迅速,用户体验明显上了一个档次。此外QQ书签还提供了收藏的网页的Screenshot功能,提供缩略图,也是一目了然。美中不足的是,由于是QQ开发的产品,难免要使用QQ号码之类的登陆,我个人觉得麻烦,且在网页上输入QQ账号密码也是没有安全感的。相比之下,我更愿意使用EMAIL账号或自己选择的用户名登陆。 » 百度搜藏 相比其他书签网站各有千秋,百度搜藏算是一款比较普通的产品了,就连QQ书签都有的“导出书签”的功能都没有。页面虽然是用了一点JavaScript技术,却又舍不得弄成AJAX的,显得不伦不类。既然其他的不行,我想搜索是百度的拿手好戏,试着添加了一个书签,标题为“收藏之家”,网址就是“http://www.bao789.com”,在公开收藏搜索栏中输入“收藏之家”,以匹配性来说应该是我的书签排名第一才对,可是排名前面的根本都是不沾边的网页,可见百度的搜藏搜索部分也是一般。百度搜藏的风格也显得不伦不类,一开始显然是受了Gmail的影响,可能做出来后百度的工程师也怕被骂抄袭Gmail风格,又给改了一点,感觉一般。 » bao789收藏之家 和上面介绍的书签网站差不多啦,只是突出表出了用户的免登录的收藏空间,收藏空间为无管理状态,不和担心临时打开收藏空间,突然离开电脑数据安全问题,同时bao789还有网络记事本功能,可以分类也可以启用密码保护来加锁,不用另设密码,直接用密保加锁,现在到处都是需要记忆密码,不同密码的使用确实是能少则少。收藏之家每个收藏网页都有点击统计,会自动把往月和当月访问多的网址,汇总在一个表格内置顶于收藏空间首页,对于访问每天登录的网址非常快。排序是按上月个的点击数量为依据,排序位置一个月变一次,习惯性查找也很方便啦。 收藏之家采用基本的HTML交互提交,没有javascript和ajax代码,浏览器版本兼容性非常强。 其他的功能一用便会的啦,官方还有一个简单网站使用说明的图文教程可以看一看。 此外雅虎、新浪等许多门户都提供了书签收藏服务,内容,使用方面大同小异,我就不一一测试了。总结一下,在界面操作方面,QQ书签的确做得比较好,在兼容(导入导出)方面,国外的书签网站做得更不错,而QQ书签也不错,至于浏览器支持(浏览器)插件方面,显然是国内的比较重视,基本上都提供了在右键添加、工具栏添加等多种方式;国外的书签网站更放心地把这些功能交给第三方插件去做,比如Google Toolbar for Firefox,Delicious的Firefox插件。 具体要用哪一种,得看用户的使用需求决定了。 |
| 相关分类名称下的信息资讯 | 分类名称 | 发布时间 |
|---|---|---|
| QQ书签的没落 | 网络书签 | 2010-04-26 10:12 |
| 关于网络收藏夹的四个疑问 | 网络书签 | 2010-03-08 09:13 |
| 几款常用的网络书签对比 | 网络书签 | 2010-02-25 21:11 |