<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>微凝空间™</title>
	<atom:link href="http://vnkj.cn/feed" rel="self" type="application/rss+xml" />
	<link>http://vnkj.cn</link>
	<description>喜欢折腾的伪IT!分享技术,分享生活,分享梦想</description>
	<lastBuildDate>Thu, 09 Feb 2012 06:13:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.2</generator>
		<item>
		<title>CSS盒子模型详细探讨</title>
		<link>http://vnkj.cn/276</link>
		<comments>http://vnkj.cn/276#comments</comments>
		<pubDate>Thu, 09 Feb 2012 06:11:02 +0000</pubDate>
		<dc:creator>CityBilly</dc:creator>
				<category><![CDATA[前端]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[ie模型]]></category>
		<category><![CDATA[w3c标准]]></category>
		<category><![CDATA[兼容]]></category>
		<category><![CDATA[盒子模型]]></category>
		<category><![CDATA[网页布局]]></category>

		<guid isPermaLink="false">http://vnkj.cn/276</guid>
		<description><![CDATA[困扰我们工作的盒子模型 很多时候,我们为做出来一个华丽的页面感到异常兴奋,但是给测试人员测试的时候却发现问题一大堆!特别是在没有接受ie6的调试时更是如厕! 做前端的,必须都了解盒子模型!而且要深切了解盒子模型!因为这玩意儿关系到网页的兼容性问题!盒子模型的兼容性主要体现在ie6上面! 盒子模型介绍 由于ie和w3c的盒子模型是不一样的,于是就有了两种盒子模型:ie6盒子模型和w3c盒子模型! 详细见图: 计算标准 在计算盒子标准是也是不一样的! 标准盒子模型: 盒子的宽度 = margin-left + border-left + padding-left + width + padding-right + border-right + margin-right 盒子的高度 = margin-top + border-top + padding-top + width + padding-bottom + border-bottom + margin-bottom IE盒子模型(IE6): 盒子的宽度 = margin-left + width + margin-right 盒子的高度 = margin-top + width + margin-bottom 检测浏览器的盒子模型 [...]]]></description>
		<wfw:commentRss>http://vnkj.cn/276/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>基于div+css的隔行换色表格</title>
		<link>http://vnkj.cn/270</link>
		<comments>http://vnkj.cn/270#comments</comments>
		<pubDate>Wed, 08 Feb 2012 09:12:17 +0000</pubDate>
		<dc:creator>CityBilly</dc:creator>
				<category><![CDATA[前端]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[div]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[table]]></category>
		<category><![CDATA[表格隔行换色]]></category>
		<category><![CDATA[隔行换色]]></category>

		<guid isPermaLink="false">http://vnkj.cn/270</guid>
		<description><![CDATA[先上一张图(如下): 看右边的那部分,如果阁下认为这是table做的,那么你就大错特错了!这是一张基于div+css的页面!但是右边那块,用table做起来确实比较方便! 但是弊端有了!这么下去,在动态网页中是无法正常显示的! 意思是说:如果我加入/删减或者是移位某行,问题就出现了!后面的背景色可能是无法继续交替的!所以,这里就用到了div+css+js的方式来搞定! 下面来看看代码: Html部分,非常的简单! &#60;div class=&#8221;labb&#8221;&#62; &#60;ul class=&#8221;latitle&#8221;&#62; &#60;li class=&#8221;lalititle&#8221;&#62;Abbreviation&#60;/li&#62; &#60;li&#62;Description&#60;/li&#62; &#60;/ul&#62; &#60;ul&#62; &#60;li class=&#8221;lalititle&#8221;&#62;Ac&#60;/li&#62; &#60;li&#62;Acetyl&#60;/li&#62; &#60;/ul&#62; &#60;ul&#62; &#60;li class=&#8221;lalititle&#8221;&#62;DMAP&#60;/li&#62; &#60;li&#62;4-dimethylaminopyridine&#60;/li&#62; &#60;/ul&#62; &#60;ul&#62; &#60;li class=&#8221;lalititle&#8221;&#62;AIBN&#60;/li&#62; &#60;li&#62;Azo-bis-isobutryonitrile&#60;/li&#62; &#60;/ul&#62; &#60;ul&#62; &#60;li class=&#8221;lalititle&#8221;&#62;DMF&#60;/li&#62; &#60;li&#62;N,N&#8217;-dimethylformamide&#60;/li&#62; &#60;/ul&#62; &#60;ul&#62; &#60;li class=&#8221;lalititle&#8221;&#62;aq.&#60;/li&#62; &#60;li&#62;Aqueous&#60;/li&#62; &#60;/ul&#62; &#60;ul&#62; &#60;li class=&#8221;lalititle&#8221;&#62;dppf&#60;/li&#62; &#60;li&#62;bis(diphenylphosphino)ferrocene&#60;/li&#62; &#60;/ul&#62; &#60;ul&#62; &#60;li class=&#8221;lalititle&#8221;&#62;9-BBN&#60;/li&#62; &#60;li&#62;9-borabicyclo[3.3.1]nonane&#60;/li&#62; &#60;/ul&#62; &#8230;&#8230; &#60;/div&#62; 这里虽然定义了class,但是布局还是保持了灵活性!仔细看代码哦~~~ css样式只是保持必要的布局就好,不带变色,代码如下: .labb{ width:700px; [...]]]></description>
		<wfw:commentRss>http://vnkj.cn/270/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>wordpress水印+远程图片下载插件</title>
		<link>http://vnkj.cn/245</link>
		<comments>http://vnkj.cn/245#comments</comments>
		<pubDate>Wed, 14 Dec 2011 07:46:58 +0000</pubDate>
		<dc:creator>CityBilly</dc:creator>
				<category><![CDATA[互联网]]></category>
		<category><![CDATA[Watermark]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[图片水印]]></category>
		<category><![CDATA[插件远程下载]]></category>

		<guid isPermaLink="false">http://1.ha.cn/?p=177</guid>
		<description><![CDATA[很多朋友都会对自己的作品保留作品权！ 有的人采用的是禁止复制；有的则是要求转载签名！但是这些都是文本的，对于wordpress爱好者来说，一个好的水印插件就十分的重要了！别人转载你的东西可以，但是上面有你的标志，这的确很眩~~~ 但是水印插件都有什么？要如何设定？这里，我就罗嗦下好了，如果你已经知道，权当没有看见本文章，哈哈~~~ 1。如果你仅仅是需要一个添加水印的插件的话，这里就推荐你使用Watermark Reloaded！ 至于插件的安装，这里就不再罗嗦，直接搜索，安装，就可以了~~~ 安装好了之后，设置里面就会多出一个“Watermark Reloaded”选项 选项下有以下几个选项： Enable watermark for设置对对象，就是你要对什么图片进行水印标志[有原始，小，中，大肆种] Watermark alignment设置位置，配有九宫格的图形，分别代表的位置可想而知了，很直观 Watermark offset尺寸设定，单位像素 Watermark text水印文本内容 Font字体 Text size字号 Text color字色 设置好了保存。。。。 2。如果你和我一样在用windows live writer写作，那么你完全可以用插入图片来设定水印！绝对方便！操作流程： 插入图片〉〉〉右侧的高级选项卡〉〉〉水印〉〉〉设置你要的样子〉〉〉ok 3。如果你还要一个远程图片下载的功能水印插件的话，那么就推荐你用image super tools 至于设置的话，大家自己看看，哈哈。不会很难的~~~]]></description>
		<wfw:commentRss>http://vnkj.cn/245/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>S40手机同步google邮箱联系人</title>
		<link>http://vnkj.cn/244</link>
		<comments>http://vnkj.cn/244#comments</comments>
		<pubDate>Tue, 13 Dec 2011 11:03:27 +0000</pubDate>
		<dc:creator>CityBilly</dc:creator>
				<category><![CDATA[博客]]></category>
		<category><![CDATA[google邮箱]]></category>
		<category><![CDATA[s40手机]]></category>
		<category><![CDATA[联系人同步]]></category>

		<guid isPermaLink="false">http://1.ha.cn/?p=175</guid>
		<description><![CDATA[很多诺友都认为诺基亚手机只有智能系列才可以进行手机联系人同步,其实这是不对的!手机联系人同邮箱联系人同步,s40也可以! 以下以常用的几种邮箱来附注设置的方法: QQ邮箱: 1开通QQ邮箱手机联系人同步功能!&#34;QQ邮箱&#34;-&#62;“设置”-&#62; “体验室”中开通同步手机联系人。 2进行正确设置手机 1）进入手机找到“同步处理”选项； 2）新增一个“同步处理”情景模式； 3）填入下面“配置信息一览表”中的信息。 3手机同步操作!“执行同步”选项，对新建的“QQmail”项选择“同步”，此时手机会向服务器发送请求，进行同步，直至同步完成，返回完成信息。 4QQ邮箱操作!进入“联系人”-&#62;“手机联系人”中，您可进行查看、新增、删除操作，在手机端再次触发同步，即可将两者的信息同步更新。 其实Gmail和Qmail是一样的!只不过参数有区别! 账号名称：Google Sync（一定要严格按照这个大小写设置）； 服务器地址：https://m.google.com/syncml（注：https，而不是http） 用户名：填上Gmail的邮件地址； 密&#160;&#160; 码：填上Gmail的密码； 通讯录数据库–&#62;数据库地址–&#62;contacts]]></description>
		<wfw:commentRss>http://vnkj.cn/244/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>MSN聊天记录的读取与备份</title>
		<link>http://vnkj.cn/125</link>
		<comments>http://vnkj.cn/125#comments</comments>
		<pubDate>Tue, 13 Dec 2011 11:01:51 +0000</pubDate>
		<dc:creator>CityBilly</dc:creator>
				<category><![CDATA[博客]]></category>
		<category><![CDATA[MSN]]></category>
		<category><![CDATA[备份]]></category>
		<category><![CDATA[聊天记录]]></category>
		<category><![CDATA[读取]]></category>

		<guid isPermaLink="false">http://string.sinaapp.com/125</guid>
		<description><![CDATA[其实,msn对于本人来说,是无足轻重的,但是现在在公司上班,在不少地方要用到它! 几天前,公司同时问到msn聊天记录读取与备份的问题,一直到今天才抽出时间解决! msn聊天记录的读取,应该来说是比较简单的,它不像QQ等聊天工具,聊天记录根本没有进行专门的加密!所以聊天记录读取出来也是十分简单! 1,通过msn读取无疑是最简单的,直接点击聊天窗口上面的”历史记录”就可以了! 2,刚才都有提到,msn的聊天记录不是十分的安全,所以这里有一种更简单的饿方法去阅读msn的聊天记录! 具体操作如下: 我们知道,msn的聊天记录,存放在”我的文档\我接收到的文件\MSN帐号随机数\历史记录”目录下! 打开这个文件夹,你一定会看见这里有很多*.xml的文件和一个*.xsl的文件!懂一点点xml网页的朋友绝对会知晓,其实这就是一个结构和表现分离的网页! 接下来的,就不多说了,直接用浏览器或者编辑器的话就可以打开! 记着,你打开的网页是*.xml结尾的 比如,你要查看和账户为XXX@xxx.XXX的好友记录,那么你,就可以访问xxx随机数.xml文件! 所以,至于怎么在重新装电脑系统的情况下怎么样保存聊天记录也是非常简单的饿! 只要你保存掉刚才那个文件夹就可以了!!! 然后在查看的时候直接用上面的方法就成了~~~ 一年前博客备份]]></description>
		<wfw:commentRss>http://vnkj.cn/125/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Div+Css网页居中</title>
		<link>http://vnkj.cn/243</link>
		<comments>http://vnkj.cn/243#comments</comments>
		<pubDate>Tue, 13 Dec 2011 10:54:13 +0000</pubDate>
		<dc:creator>CityBilly</dc:creator>
				<category><![CDATA[前端]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[div]]></category>
		<category><![CDATA[网页居中]]></category>
		<category><![CDATA[网页布局]]></category>

		<guid isPermaLink="false">http://1.ha.cn/?p=173</guid>
		<description><![CDATA[其实网页布局的方法有很多,css出现之前,人们一直是使用Table标签来进行网页布局!但是随着css的发展,Table布局方法几乎被淘汰!相对于Table,DIV+CSS具有更多的优势! 我们知道,在Table中,要居中一个网页及相关内容是十分简单的!直接添加一个属性就可以了!!但是在具有更多优势的div+css中怎么设置?下面来分部说明! 整个网页居中: body{ margin-left:auto; margin-right:auto; } 单行DIV居中 #divIDName{ margin-left:auto; margin-right:auto; text-align:center; } 多个DIV在一行内容的居中[下面以三个div为例说明] &#60;?xml version=&#34;1.0&#34; encoding=&#34;iso-8859-1&#34;?&#62; &#60;!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#34;&#62; &#60;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&#62; &#60;head&#62; &#60;title&#62;Untitled Document&#60;/title&#62; &#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=iso-8859-1&#34; /&#62; &#60;style type=&#34;text/css&#34;&#62; body {text-align:center} #outer { &#160;&#160;&#160; width:60%; &#160;&#160;&#160; background:#ffffcc; &#160;&#160;&#160; margin:auto; &#160;&#160;&#160; text-align:center; } .inner { &#160;&#160;&#160; width:100px; &#160;&#160;&#160; [...]]]></description>
		<wfw:commentRss>http://vnkj.cn/243/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>制作WordPress导航制作</title>
		<link>http://vnkj.cn/242</link>
		<comments>http://vnkj.cn/242#comments</comments>
		<pubDate>Tue, 13 Dec 2011 10:50:34 +0000</pubDate>
		<dc:creator>CityBilly</dc:creator>
				<category><![CDATA[吐槽]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[wp_list_catagories]]></category>
		<category><![CDATA[wp_list_pages]]></category>
		<category><![CDATA[导航]]></category>
		<category><![CDATA[菜单]]></category>

		<guid isPermaLink="false">http://1.ha.cn/?p=171</guid>
		<description><![CDATA[一般我们看见的Wordpress,导航有两种,一种是用分类做,另一种则是用页面做!这两种方法,我们不能说哪种更好,因为它们各有优势!至于需要用哪种作为菜单,这个是根据自己需要确定的! 不管是页面还是分类,其实源码的函数是差不多的! 这是一个页面作为导航的源码实例: &#60;?php wp_list_pages(’sort_column=menu_order&#38;depth=2&#38;title_li=’);?&#62; 上面的效果是显示为所有栏目在一个级别显示,也就是不存在下拉菜单!如果要控制子页面和顶级页面分开的样式,我们可以修改样式表并且添加JavaScript代码! &#60;script type=&#34;text/javascript&#34;&#62; sfHover = function() { var sfEls = document.getElementById(&#34;nav&#34;).getElementsByTagName(&#34;LI&#34;); for (var i=0; i&#60;sfEls.length; i++) { sfEls.onmouseover=function() { this.className+=&#34; sfhover&#34;; } sfEls.onmouseout=function() { this.className=this.className.replace(new RegExp(&#34; sfhover\b&#34;), &#34;&#34;); } } } if (window.attachEvent) window.attachEvent(&#34;onload&#34;, sfHover); &#60;/script&#62; 上面的是js源码,至于css样式大家可以自己设计!网上有很多类似教程,这里不写… 下面再说说怎么把分类作为导航菜单: 先上源码 &#60;?php wp_list_categories(’参数1&#38;参数2&#38;…&#38;参数N’); ?&#62; 其中参数的话下面就列出来: show_option_all 当目录样式设置为列表时，且此参数值非空，则会显示一个指向所有目录的链接，默认不显示，参数值类型为 string。 &#60;?php wp_list_categories(’show_option_all=’); ?&#62; orderby [...]]]></description>
		<wfw:commentRss>http://vnkj.cn/242/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>php采集程序的实现(一)</title>
		<link>http://vnkj.cn/241</link>
		<comments>http://vnkj.cn/241#comments</comments>
		<pubDate>Tue, 13 Dec 2011 08:25:27 +0000</pubDate>
		<dc:creator>CityBilly</dc:creator>
				<category><![CDATA[后端]]></category>
		<category><![CDATA[curl]]></category>
		<category><![CDATA[file_get_contents]]></category>
		<category><![CDATA[fopen]]></category>
		<category><![CDATA[php采集程序]]></category>

		<guid isPermaLink="false">http://1.ha.cn/?p=168</guid>
		<description><![CDATA[由于工作需求,需要对某些网站的数据进行一些整理,这就涉及到采集.之前一直没有弄过,今天就尝试尝试! 其实,整个PHP采集的原理还是比较简单: 1,获取目标网页数据; 2,截取相关内容; 3,写入数据库/生成HMTL文件; 下面就按照步骤来试试! 获取目标网页数据 1, 确定好,要获取的网页地址甚至形式,这里我们采用的网址是:http://www.abcam.cn /index.html?pageconfig=catalog_byproducttype&#38;intProductTypeID=1&#38;strStartChar=A&#38;intResultsPage=1&#38;tr=59 这个页面是有分页的,根据规律,我们找到只需要改变page参数就可以翻页!即: 我 们的网页形式是:http://www.abcam.cn/index.html?pageconfig=catalog_byproducttype&#38; amp;intProductTypeID=1&#38;strStartChar=A&#38;intResultsPage= NUMBER &#38;tr=59 红色部分是当前页码对应值!只需要改变该值就可以了! 2,获取页面内容:自然要用到PHP函数了!这里,两个函数都可以!他们分别是: file_get_contents() 把整个文件读入一个字符串中。和 file() 一样，不同的是file_get_contents() 把文件读入一个字符串。file_get_contents() 函数是用于将文件的内容读入到一个字符串中的首选方法。如果操作系统支持，还会使用内存映射技术来增强性能。语法: file_get_contents( path , include_path , context , start , max_length ) curl() 了解详细,请参阅官网文档:http://cn.php.net/curl fopen()函数打开文件或者 URL。如果打开失败，本函数返回 FALSE。语法: fopen(filename,mode,include_path,context) 当然,我们采用的是第一个!其实,所有的都差不多,有兴趣的童子可以常识常识其他的! &#60;?php $oldcontent = file_get_contents(“http://www.abcam.cn/index.html?pageconfig=catalog_byproducttype&#38;intProductTypeID=1&#38;strStartChar=A&#38;intResultsPage=2&#38;tr=59”); echo $oldcontent; ?&#62; 运行PHP程序,上面的代码可以显示出整个网页!由于原网页采用的是绝地路径,所以现在显示的效果和原来的是一模一样的! 接下来就是要,截取内容了!截取内容的方法也有很多,今天介绍的一种比较简单: &#60;?php $oldcontent = file_get_contents(&#8220;http://www.abcam.cn/index.html?pageconfig=catalog_byproducttype&#38;intProductTypeID=1&#38;strStartChar=A&#38;intResultsPage=2&#38;tr=59&#8243;); [...]]]></description>
		<wfw:commentRss>http://vnkj.cn/241/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

