Kairyou's Blog

• typechoģ�棺 K Blue G2

  ����ʱ��: 2010-12-30 / ����: ���� / No Comments

  css����Ƭ��1��

  html{min-height:100%;background:#252528;background:-webkit-gradient(radial, 10% 8%, 0, 10% 8%, 50, from(rgba(155, 102, 253, .09)), color-stop(90%, rgba(155, 102, 253, .4)), to(transparent)) ,-webkit-gradient(radial, 5% 20%, 0, 5% 20%, 37, from(rgba(82, 254, 183, .09)), color-stop(90%, rgba(82, 254, 183, .4)), to(transparent)) ,-webkit-gradient(radial, 0% 29%, 0, 0% 29%, 93, from(rgba(215, 77, 29, .09)), color-stop(90%, rgba(215, 77, 29, .4)), to(transparent)) ,-webkit-gradient(radial, 13% 17%, 0, 13% 17%, 109, from(rgba(84, 121, 221, .09)), color-stop(90%, rgba(84, 121, 221, .4)), to(transparent)) ,-webkit-gradient(radial, 13% 35%, 0, 13% 35%, 70, from(rgba(223, 4, 78, .09)), color-stop(90%, rgba(223, 4, 78, .4)), to(transparent)) ,-webkit-gradient(radial, 14% 42%, 0, 14% 42%, 123, from(rgba(165, 133, 151, .09)), color-stop(90%, rgba(165, 133, 151, .4)), to(transparent)) ,-webkit-gradient(radial, 14% 52%, 0, 14% 52%, 70.5, from(rgba(92, 20, 142, .09)), color-stop(90%, rgba(92, 20, 142, .4)), to(transparent)) ,-webkit-gradient(radial, 2% 50%, 0, 2% 50%, 63, from(rgba(165, 133, 151, .09)), color-stop(90%, rgba(1, 117, 221, .4)), to(transparent)) ,-webkit-gradient(radial, 6% 62%, 0, 6% 62%, 63, from(rgba(151, 206, 20, .09)), color-stop(90%, rgba(151, 206, 20, .4)), to(transparent)) ,-webkit-gradient(radial, 9% 70%, 0, 9% 70%, 63, from(rgba(165, 133, 151, .09)), color-stop(90%, rgba(165, 133, 151, .4)), to(transparent)) ,-webkit-gradient(radial, 6% 75%, 0, 6% 75%, 73, from(rgba(223, 149, 76, .09)), color-stop(90%, rgba(223, 149, 76, .4)), to(transparent)) ,-webkit-gradient(radial, 5% 92%, 0, 5% 92%, 63, from(rgba(165, 133, 151, .09)), color-stop(90%, rgba(24, 98, 115, .5)), to(transparent)) ,-webkit-gradient(radial, 9% 97%, 0, 9% 97%, 54, from(rgba(218, 117, 44, .09)), color-stop(90%, rgba(218, 117, 44, .4)), to(transparent)),-webkit-gradient(radial, 98% 7%, 0, 98% 7%, 63, from(rgba(63, 129, 245, .09)), color-stop(90%, rgba(63, 129, 245, .4)), to(transparent)) ,-webkit-gradient(radial, 95% 17%, 0, 95% 17%, 93, from(rgba(223, 4, 78, .09)), color-stop(90%, rgba(223, 4, 78, .4)), to(transparent)) ,-webkit-gradient(radial, 85% 29%, 0, 85% 26%, 129, from(rgba(116, 197, 202, .09)), color-stop(90%, rgba(116, 197, 202, .4)), to(transparent)) ,-webkit-gradient(radial, 96% 28%, 0, 96% 28%, 63, from(rgba(223, 101, 39, .09)), color-stop(90%, rgba(223, 101, 39, .4)), to(transparent)) ,-webkit-gradient(radial, 90% 35%, 0, 90% 35%, 63, from(rgba(79, 6, 106, .09)), color-stop(90%, rgba(79, 6, 106, .4)), to(transparent)) ,-webkit-gradient(radial, 96% 46%, 0, 96% 46%, 80, from(rgba(255, 40, 110, .09)), color-stop(90%, rgba(255, 40, 110, .4)), to(transparent)) ,-webkit-gradient(radial, 90% 52%, 0, 90% 52%, 63, from(rgba(9, 233, 23, .09)), color-stop(90%, rgba(9, 233, 23, .4)), to(transparent)) ,-webkit-gradient(radial, 96% 53%, 0, 96% 53%, 80, from(rgba(123, 201, 221, .09)), color-stop(90%, rgba(123, 201, 221, .4)), to(transparent)) ,-webkit-gradient(radial, 96% 69%, 0, 96% 69%, 70.5, from(rgba(19, 225, 148, .09)), color-stop(90%, rgba(19, 225, 148, .4)), to(transparent)) ,-webkit-gradient(radial, 93% 79%, 0, 93% 79%, 43, from(rgba(174, 187, 203, .09)), color-stop(90%, rgba(174, 187, 203, .4)), to(transparent)) ,-webkit-gradient(radial, 92% 93%, 0, 92% 90%, 143, from(rgba(183, 44, 116, .09)), color-stop(90%, rgba(183, 44, 116, .4)), to(transparent)),-webkit-gradient(radial, 50% 5%, 0, 50% 5%, 80, from(rgba(67, 132, 155, .09)), color-stop(90%, rgba(67, 132, 155, .4)), to(transparent)) ,-webkit-gradient(radial, 50% 97%, 0, 50% 97%, 133, from(rgba(197, 184, 244, .09)), color-stop(90%, rgba(197, 184, 244, .4)), to(transparent)) ,-webkit-gradient(radial, 50% 50%, 0, 50% 50%, 0, from(transparent), to(rgba(0, 0, 0, .97)), color-stop(90%, transparent));}
  

  css����Ƭ��2��

  #wrapper{background:-moz-linear-gradient(50% 0, #070707, #252528 99px);} #wrapper,#hd,#logo{background:-webkit-gradient(linear, 0 0, 0 0, from(transparent), to(transparent))} #wrapper {border-top:1px solid #676769;border-top: 1px solid rgba(255, 255, 255, .3);} .b-shadow{background:#BEBEBF;background:rgba(255, 255, 255, .7);} .entry ,#detail{color: #222;} .entry a {color: #066;} a {color: #333;} a:hover {color: #A30027;} .i-art .tit, h1.title {text-shadow: #ddd 1px 1px 1px;} .log-list .tit a {color: #c36;} .i-list h2{text-shadow: #ddd 1px 1px 2px;} .meta{background:#777} .text, .textarea{background:#999;color:#FFF} ol.comment-list li{background:#ccc;border:1px solid #DDD} ol.comment-list .comment-odd{background:#aaa} ol.comment-list li .comment-reply a{color:#555} .e4t{background:#ccc} #ft {text-shadow: 1px 1px 0 #000;} #ft a:hover {color: #F36;text-shadow: 1px 1px 0 #000;}
  

  css����Ƭ��3��

  html{min-height:100%;background:#252528;background:-webkit-gradient(radial, 10% 8%, 0, 10% 8%, 50, from(rgba(155, 102, 253, .09)), color-stop(90%, rgba(155, 102, 253, .1)), to(transparent)) ,-webkit-gradient(radial, 5% 20%, 0, 5% 20%, 37, from(rgba(82, 254, 183, .09)), color-stop(90%, rgba(82, 254, 183, .1)), to(transparent)) ,-webkit-gradient(radial, 0% 29%, 0, 0% 29%, 93, from(rgba(215, 77, 29, .09)), color-stop(90%, rgba(215, 77, 29, .1)), to(transparent)) ,-webkit-gradient(radial, 13% 17%, 0, 13% 17%, 109, from(rgba(84, 121, 221, .09)), color-stop(90%, rgba(84, 121, 221, .1)), to(transparent)) ,-webkit-gradient(radial, 13% 35%, 0, 13% 35%, 70, from(rgba(223, 4, 78, .09)), color-stop(90%, rgba(223, 4, 78, .1)), to(transparent)) ,-webkit-gradient(radial, 14% 42%, 0, 14% 42%, 123, from(rgba(165, 133, 151, .09)), color-stop(90%, rgba(165, 133, 151, .1)), to(transparent)) ,-webkit-gradient(radial, 14% 52%, 0, 14% 52%, 70.5, from(rgba(92, 20, 142, .09)), color-stop(90%, rgba(92, 20, 142, .1)), to(transparent)) ,-webkit-gradient(radial, 2% 50%, 0, 2% 50%, 63, from(rgba(165, 133, 151, .09)), color-stop(90%, rgba(1, 117, 221, .1)), to(transparent)) ,-webkit-gradient(radial, 6% 62%, 0, 6% 62%, 63, from(rgba(151, 206, 20, .09)), color-stop(90%, rgba(151, 206, 20, .1)), to(transparent)) ,-webkit-gradient(radial, 9% 70%, 0, 9% 70%, 63, from(rgba(165, 133, 151, .09)), color-stop(90%, rgba(165, 133, 151, .1)), to(transparent)) ,-webkit-gradient(radial, 6% 75%, 0, 6% 75%, 73, from(rgba(223, 149, 76, .09)), color-stop(90%, rgba(223, 149, 76, .1)), to(transparent)) ,-webkit-gradient(radial, 5% 92%, 0, 5% 92%, 63, from(rgba(165, 133, 151, .09)), color-stop(90%, rgba(24, 98, 115, .1)), to(transparent)) ,-webkit-gradient(radial, 9% 97%, 0, 9% 97%, 54, from(rgba(218, 117, 44, .09)), color-stop(90%, rgba(218, 117, 44, .1)), to(transparent)) ,-webkit-gradient(radial, 98% 7%, 0, 98% 7%, 63, from(rgba(63, 129, 245, .09)), color-stop(90%, rgba(63, 129, 245, .1)), to(transparent)) ,-webkit-gradient(radial, 95% 17%, 0, 95% 17%, 93, from(rgba(223, 4, 78, .09)), color-stop(90%, rgba(223, 4, 78, .1)), to(transparent)) ,-webkit-gradient(radial, 85% 29%, 0, 85% 26%, 129, from(rgba(116, 197, 202, .09)), color-stop(90%, rgba(116, 197, 202, .1)), to(transparent)) ,-webkit-gradient(radial, 96% 28%, 0, 96% 28%, 63, from(rgba(223, 101, 39, .09)), color-stop(90%, rgba(223, 101, 39, .1)), to(transparent)) ,-webkit-gradient(radial, 90% 35%, 0, 90% 35%, 63, from(rgba(79, 6, 106, .09)), color-stop(90%, rgba(79, 6, 106, .1)), to(transparent)) ,-webkit-gradient(radial, 96% 46%, 0, 96% 46%, 80, from(rgba(255, 40, 110, .09)), color-stop(90%, rgba(255, 40, 110, .1)), to(transparent)) ,-webkit-gradient(radial, 90% 52%, 0, 90% 52%, 63, from(rgba(9, 233, 23, .09)), color-stop(90%, rgba(9, 233, 23, .1)), to(transparent)) ,-webkit-gradient(radial, 96% 53%, 0, 96% 53%, 80, from(rgba(123, 201, 221, .09)), color-stop(90%, rgba(123, 201, 221, .1)), to(transparent)) ,-webkit-gradient(radial, 96% 69%, 0, 96% 69%, 70.5, from(rgba(19, 225, 148, .09)), color-stop(90%, rgba(19, 225, 148, .1)), to(transparent)) ,-webkit-gradient(radial, 93% 79%, 0, 93% 79%, 43, from(rgba(174, 187, 203, .09)), color-stop(90%, rgba(174, 187, 203, .1)), to(transparent)) ,-webkit-gradient(radial, 92% 93%, 0, 92% 90%, 143, from(rgba(183, 44, 116, .09)), color-stop(90%, rgba(183, 44, 116, .1)), to(transparent)) ,-webkit-gradient(radial, 50% 5%, 0, 50% 5%, 80, from(rgba(67, 132, 155, .09)), color-stop(90%, rgba(67, 132, 155, .3)), to(transparent)) ,-webkit-gradient(radial, 50% 97%, 0, 50% 97%, 133, from(rgba(197, 184, 244, .09)), color-stop(90%, rgba(197, 184, 244, .1)), to(transparent)) ,-webkit-gradient(radial, 50% 50%, 0, 50% 50%, 0, from(transparent), to(rgba(0, 0, 0, .97)), color-stop(90%, transparent));}

  css����Ƭ��4��

  html:hover{background:-webkit-gradient(radial, 10% 8%, 0, 10% 8%, 50, from(rgba(155, 102, 253, .09)), color-stop(90%, rgba(155, 102, 253, .1)), to(transparent)) ,-webkit-gradient(radial, 5% 20%, 0, 5% 20%, 37, from(rgba(82, 254, 183, .09)), color-stop(90%, rgba(82, 254, 183, .1)), to(transparent)) ,-webkit-gradient(radial, 0% 29%, 0, 0% 29%, 93, from(rgba(215, 77, 29, .09)), color-stop(90%, rgba(215, 77, 29, .1)), to(transparent)) ,-webkit-gradient(radial, 13% 17%, 0, 13% 17%, 109, from(rgba(84, 121, 221, .09)), color-stop(90%, rgba(84, 121, 221, .1)), to(transparent)) ,-webkit-gradient(radial, 13% 35%, 0, 13% 35%, 70, from(rgba(223, 4, 78, .09)), color-stop(90%, rgba(223, 4, 78, .1)), to(transparent)) ,-webkit-gradient(radial, 14% 42%, 0, 14% 42%, 123, from(rgba(165, 133, 151, .09)), color-stop(90%, rgba(165, 133, 151, .1)), to(transparent)) ,-webkit-gradient(radial, 14% 52%, 0, 14% 52%, 70.5, from(rgba(92, 20, 142, .09)), color-stop(90%, rgba(92, 20, 142, .1)), to(transparent)) ,-webkit-gradient(radial, 2% 50%, 0, 2% 50%, 63, from(rgba(165, 133, 151, .09)), color-stop(90%, rgba(1, 117, 221, .1)), to(transparent)) ,-webkit-gradient(radial, 6% 62%, 0, 6% 62%, 63, from(rgba(151, 206, 20, .09)), color-stop(90%, rgba(151, 206, 20, .1)), to(transparent)) ,-webkit-gradient(radial, 9% 70%, 0, 9% 70%, 63, from(rgba(165, 133, 151, .09)), color-stop(90%, rgba(165, 133, 151, .1)), to(transparent)) ,-webkit-gradient(radial, 6% 75%, 0, 6% 75%, 73, from(rgba(223, 149, 76, .09)), color-stop(90%, rgba(223, 149, 76, .1)), to(transparent)) ,-webkit-gradient(radial, 5% 92%, 0, 5% 92%, 63, from(rgba(165, 133, 151, .09)), color-stop(90%, rgba(24, 98, 115, .1)), to(transparent)) ,-webkit-gradient(radial, 9% 97%, 0, 9% 97%, 54, from(rgba(218, 117, 44, .09)), color-stop(90%, rgba(218, 117, 44, .1)), to(transparent)) ,-webkit-gradient(radial, 98% 7%, 0, 98% 7%, 63, from(rgba(63, 129, 245, .09)), color-stop(90%, rgba(63, 129, 245, .1)), to(transparent)) ,-webkit-gradient(radial, 95% 17%, 0, 95% 17%, 93, from(rgba(223, 4, 78, .09)), color-stop(90%, rgba(223, 4, 78, .1)), to(transparent)) ,-webkit-gradient(radial, 85% 29%, 0, 85% 26%, 129, from(rgba(116, 197, 202, .09)), color-stop(90%, rgba(116, 197, 202, .1)), to(transparent)) ,-webkit-gradient(radial, 96% 28%, 0, 96% 28%, 63, from(rgba(223, 101, 39, .09)), color-stop(90%, rgba(223, 101, 39, .1)), to(transparent)) ,-webkit-gradient(radial, 90% 35%, 0, 90% 35%, 63, from(rgba(79, 6, 106, .09)), color-stop(90%, rgba(79, 6, 106, .1)), to(transparent)) ,-webkit-gradient(radial, 96% 46%, 0, 96% 46%, 80, from(rgba(255, 40, 110, .09)), color-stop(90%, rgba(255, 40, 110, .1)), to(transparent)) ,-webkit-gradient(radial, 90% 52%, 0, 90% 52%, 63, from(rgba(9, 233, 23, .09)), color-stop(90%, rgba(9, 233, 23, .1)), to(transparent)) ,-webkit-gradient(radial, 96% 53%, 0, 96% 53%, 80, from(rgba(123, 201, 221, .09)), color-stop(90%, rgba(123, 201, 221, .1)), to(transparent)) ,-webkit-gradient(radial, 96% 69%, 0, 96% 69%, 70.5, from(rgba(19, 225, 148, .09)), color-stop(90%, rgba(19, 225, 148, .1)), to(transparent)) ,-webkit-gradient(radial, 93% 79%, 0, 93% 79%, 43, from(rgba(174, 187, 203, .09)), color-stop(90%, rgba(174, 187, 203, .1)), to(transparent)) ,-webkit-gradient(radial, 92% 93%, 0, 92% 90%, 143, from(rgba(183, 44, 116, .09)), color-stop(90%, rgba(183, 44, 116, .1)), to(transparent)) ,-webkit-gradient(radial, 50% 5%, 0, 50% 5%, 80, from(rgba(67, 132, 155, .09)), color-stop(90%, rgba(67, 132, 155, .3)), to(transparent)) ,-webkit-gradient(radial, 50% 97%, 0, 50% 97%, 133, from(rgba(197, 184, 244, .09)), color-stop(90%, rgba(197, 184, 244, .1)), to(transparent)) ,-webkit-gradient(radial, 50% 50%, 0, 50% 50%, 0, from(transparent), to(rgba(0, 0, 0, .97)), color-stop(90%, transparent));}

  ʹ��˵������������Ч����ѡ��һ����
  Ч��1���༭K Blue����ļ��е�g.css������������� cssƬ��1+cssƬ��2+cssƬ��4��Ĭ�ϱ����DZȽ�����Բ��ɣ�����ƶ���ҳ���ϣ��������Բ�䰵�����DZ�ҳЧ������
  Ч��2������cssƬ��1+cssƬ��2����g.css����������롣Ч��������Բһֱ������ɫ�ģ�����ƶ���ҳ���ޱ仯��
  Ч��3������cssƬ��2+cssƬ��3����g.css����������롣Ч��������Բһֱ���ǰ�ɫ�ģ�����ƶ���ҳ���ޱ仯��

  K Blue G2��K Blue��һ��С��֧����ʹ��G2���ֻ�谴������IJ����޸�css�ļ����ɡ�

  Ps:K Blue��K Blue G1��K Blue G2������
  K Blue ���������棬����ɫ�ǻ�ɫ�Ĺ��ȣ������޲�ɫԲ��
  K Blue G1 �� ��"K Blue"���ƣ�����ɫ������26����ɫ��Բ��
  K Blue G2 �� ��ɫ��������ɫ�Ǻ�ɫ������26����ɫ��Բ��
  

  K blue �������� K blue ��ʾ�� K blue G1��ʾ�� K blue G2��ʾ

• ��VIM�� ���ö�������� Ԥ��html php ���ļ�

  ����ʱ��: 2010-12-23 / ����: ���� / 5 Comments

  ������ʱ��˯�����ز��㣬�Դ����ε�ʱ���Ҫ�����£�so����vim���������뷨�����Լ�ϲ����editplus�Ĺ��ܶ��㵽vim�������������������֮һ�����������Ԥ����ǰ�ļ�����ʱ��Ļ�������Ҫд���editplusת�͵�vim�Ķ�����

  �ŵ�1��
  ��������Ҫ���������chrome��firefox��oprea��ie��ietester�����Լ�ϲ���������Ӹ��࣬����safari����������ļ�ƣ�cr��ff��op��ie��ie6��ie7��ie8��ie9��iea����ơ�·���Լ�ֵ�Է�ʽ�����浽browsers�С�
  ����ļ�ƴ󲿷���Ӧ�ö������ˣ�ie����ϵͳĬ�ϵ�ie�����һ��iea����ietester��ʹ�����а汾��ieͬʱԤ����IE5.5-IE9����
  
  IETester ��Arguments���Լ� : http://www.my-debugbar.com/wiki/IETester/CommandLineArguments
  
  �ŵ�2��
  �����ļ��Զ���file://��ͷ��http://��ͷ�����ַ�ʽԤ��������ļ���htdocs����http��ʽ�򿪣�������file��ʽ��
  file://��ͷ�ĵ�ַԤ��htmlһ��û���⣬����Ԥ��php��aspx�Ⱦ��Եò԰������ˡ������������һ��htdocs/wwwroot���ļ��е�ַ��Ȼ��Ԥ����ʱ��ƥ���ļ��Ƿ�������ļ�����(֧����Ŀ¼)������ھ���http://��ʽ�򿪣��������file://��ʽ��
  
  ����ǰ�˿����߻��߳���Ա�������ʺϡ��Կ���ϣ�����˵��ʹ�ã�
  ��_vimrc�м�������Ĵ��룬Ȼ��F4+cr - ��chromeԤ����F4+ff  - ��firefox��Ԥ����������ʽ����F4+�������ƣ�Ӧ�ñ���F4+1234��������ʽ���ڼ��䣩����Ȼ�������ȫ�����Լ�diy�ġ�
  
  ����fuc������������ַ��Ҫ�Լ��޸ģ��ҵ��ļ���Ŀ¼����Ŀ������в�ͬ�ġ�����htdocs�ļ��С����ص�Ԥ���Ķ˿ںţ���ʹ�õ���8090.
  

Older Entries »