Blog样式改版, 感谢dodo创意.

clock February 28, 2006 05:52 by author 胡健

    从dododonews的blog那里, 看到了这个skin, 所以拿来就用了, 周末修修补补了一番, 呵呵.

    介绍一下dodo, 借用keso一篇blog提到的:

dodo是做网站UI设计的,Donews、365key都是他的设计,他还是《网站重构》的译者之一...
很多年来,dodo一直在追踪最新的Web技术,研究标准...

    dodo很喜欢lighty skin, 他设计的7个skin都是基于lighty完成的. 因为这个skin完全用div排版, 非常容易改变布局, 比如lighty中blog主要内容是排版在右边的, dodo通过对div的设置而放到了左边. 我现在这个skin, 是用的dodo满园春色skin, 差不多一样, 有一点优化.

    不过, 疑惑的是, run2me.text程序, 好像和donews用的版本不一样, 至少页面排版有点不一样, 同样是lighty skin, dodo的css我这里就是不好使, 所以我又修修补补, 下面是效果图.

    唉, 最近心态忙的很( 一般来说心态忙比实际忙会更要忙 ), 改个skin, 也好换个心情, 虽然这个skin都有点喧宾夺主, 但我还是看上了它的灿烂和生命力 :P

    最后, 一定要再次感谢dodo. dodo是当初我开始学习web标准时就关注的极优秀的设计师, 从他这里我学到了很多东西. btw, dodo现在提供的所有skin, 我最喜欢这个skin, 其次就是我的眼里只有你这个skin了. 满园春色这个skin全部的华丽所在, 是这张背景图,据dodo说,  背景图是从css禅园找来的, css禅园是个我常去的好地方, 我怎么没注意到这图?

    这里是css样式代码, 使用博客园汉化的.text程序, 适用于我的css, donews使用的汉化.text程序, 适用于dodo这个skin. 这个样式是我抄袭的, 珠玉在前, 我不过拾起了牙慧, 所以大家也不用再夸我了 :P




“Love Is In The Air”css代码

clock February 28, 2006 05:42 by author 胡健
.pagelayout {
   position:relative; min-width:744px
    }
.footer {
    text-align:left;
    background:#DE5608;
    padding:10px 20px;
    border-top:1px solid #EFAE89;
    font-size:10px;
    }
.footer a{
    color:#F4A21F;
    font-size:10px}
.footer a:visited{color:#992D2A}
.footer a:hover{color:white}    
.list, .RecentComment ul,#menu ul{
   background:#B7D1ED;
    border-left:1px solid #3D82AD;
    color:#992D2A;
    }
a.listitem:visited, .RecentComment li a:visited{font-weight:normal}
.RecentComment li a:link,.RecentComment li a:active
{
    color :#2B4D70;
    }
.dateTitle {
    color:#C5E1FF;
    font-style:italic;
    padding:0;
    font-size:1em;
    font-size:14px;
    font-weight:bold;
    }
div.block {
    background:none;
    font-size: 12px;
    text-align: justify;
    }
div.block_footer {
    display:none;
    }
h1.block_title
{
    font-family: "trebuchet ms", "lucida grande", verdana, arial, sans-serif;    
  margin: 0;
      text-transform: none;
    padding:15px 0 0 60px;
     height:53px;
    background:#98AE6D url(http://blog.run2me.com//images/run2me_com/geniusleft/108/o_heart3.jpg) no-repeat;
    border-top:1px solid #BDCCA3;
    border-left:1px solid #BDCCA3;
    border-bottom:1px solid #386496;
    color: #2B4D70;
    font-size: 16px;
    font-weight: bold;
    }
div.post {
    background:#79A6D4; clear:both;
    margin:0px;
    padding:0px;
    }
div.postTitle
{
    background:#DE5608;
    border-top:1px solid #BDCCA3;
    border-bottom:1px solid #386496;
    color: #686e24;
    font-size: 16px;
    font-weight: bold;
    height:30px;
    padding-left: 60px;
    padding-top:10px;
    }
.posttitle a:visited, .posttitle a:active, .posttitle a:link,h1.block_title a:visited, h1.block_title a:active, h1.block_title a:link  {
    color:#2B4D70;
    text-decoration : none;
    border-bottom:1px dotted #2B4D70;padding:2px;
    }
.posttitle a:hover, h1.block_title a:hover {
    color: #355EA0;
    text-decoration : none;padding:3px;
    border-bottom:1px dotted #686e24;
    }
.postcontent {
    font-size: 14px;
    }
.postText {
    line-height:150%;
    }
.postFoot {
    line-height:120%;
    border-bottom:1px dotted #808080;
    font-size:12px;
    clear:both;
    padding-top:6px;
    }
div.itemdesc {
    color: #fff;
    font-size: 12px;
    text-transform:none;
    background-color:#004800;
    border-top:1px solid #BDCCA3;
}
div.seperator {
    background-position: top left;
    background-repeat: no-repeat;
    margin: 15px 0px 10px 0px;
}
div.entrylistitem {
    padding-left: 20px;
    padding-bottom: 10px;
}
a.entrylisttitle, a.entrylisttitle:visited, a.entrylisttitle:link, a.entrylisttitle:active {
    color: #FF6600;
    font-size: 14px;
    font-weight: bold;
    }
div.moreinfo {
    font-size: 12px;
    text-align: justify;
    }
div.moreinfotitle {
    color: #FF2a00;
    font-size: 12px;
    font-weight: bold;
    }
div.comments {
    font-size: 12px
    }
div.comment {
    background-color: #FBFBFB;
    font-size:12px;
    border: 0px dotted #DDD;
    margin: 10px 0px 10px 0px;
    padding: 10px;
    }
div.comment a{text-decoration:underline;color:#f60;font-weight:bold;}
div.comment a:hover{text-decoration:none;color:#004800;}
div.comment_author,div.comment_content {
    margin: 5px 0px 5px 0px;
    font-size:12px;
    }
div.spacer
{
    display:none;
    }
div.commentform
{
    margin-left:60px;
    }
span.highlight {
    background-color:Yellow;
    padding: 0 0.5em 0 0.5em;
    font-weight:bold;
    }
#header
{
    border-bottom: 0;
 
  padding: 0;
    
    height:365px;
    border-right:1px solid #2B4D70;
    border-left:1px solid #2B4D70;
    margin:0 240px 0 0;
    background:url(http://www.csszengarden.com/170/back_top.gif)
    }
#header span
{
    width:100%;
    display:block;
    height:365px;
   background:url(http://blog.run2me.com//images/run2me_com/geniusleft/108/o_head.jpg) center no-repeat;
    margin:0;
    vertical-align:bottom;
    line-height:500%;
    text-align:center;
    font-style:italic;
    color:#9dc0e6;
    }
#header br
{
    display:none;
    }
#header a
{
    padding-top:240px;
    display:block;
    font-size:18px;
    font-family:arial;
    line-height:120%;
    font-weight:bold;
    color:#1e4d8c;
    }
#header a:hover{color:004800;}
#main {
    border-right:1px solid #2B4D70;
    border-left:1px solid #2B4D70;
    margin:0 240px 0 0;
    padding: 0;
    width: auto;
    }

#menu {
    font:0.8em/1.6 "trebuchet ms", verdana, sans-serif;
    position:absolute;
    right:0px;
    top:0px;
    
    width:201px;
    padding: 0;
    }
#menu h1, #menu h3, .listtitle {
   width:201px;
    height:30px;
    border:1px solid #3D82AD;
    border-top:0;
    padding:10px 0 0 20px;
    voice-family:"\"}\"";
    voice-family:inherit;
    background-color:#9dc0e6;
    color: #004800;
    font-family: "trebuchet ms", "lucida grande", verdana, arial, sans-serif;    
    font-size: 12pt;
    font-weight: bold;
    }
#menu ul {
    list-style: none;
    margin: 0;
    font-size: 8pt;
}
#menu li{
    list-style-type:none;
    color:#3D82AD;
    padding:7px 0 7px 10px;
    border-right:1px solid #3D82AD;
    border-bottom:1px solid #3D82AD;
    }
#menu li a
{
    font-weight:bold;
    display:block;
    color:#da4e19;
    background:url(http://blog.run2me.com//images/run2me_com/geniusleft/108/o_heart.gif) no-repeat 0px 55%;
    padding:0 0 0 15px;
    text-decoration:underline;
    }
#menu li a:hover{color:#3D82AD; background:url(http://blog.run2me.com//images/run2me_com/geniusleft/108/o_heart2.gif) no-repeat 0px 55%}
#menu li a:visited{font-weight:normal}
#menu br
{
    display:none;
    height:0px;
    }
#comments {
    font-size:12px;
    line-height:150%;
    }
#comments a {
    font-weight:bold;
    }
#postcomment {
    border: 0px solid #DDD;
    background-color: #FBFBFB;
    font-size: 12px;
    padding: 10px;
    text-align: justify;
    margin-top: 15px;
    width: 435px;
    }
#postcomment div {
    color: #808080;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0px 5px 0px;
    }
#postcomment input.text, textarea {
    border: 1px solid #DDD;
    font-size: 12px;
    }

#relatedlinks ul {
    list-style : none;
    margin-left : 10px;
    padding : 0px;
    }

#nadframe {
    display:none;
    }
 * {margin: 0; padding: 0}
body, html {
    background:#3C6FAC url(http://www.csszengarden.com/170/back.gif) repeat-x;
    font-size:100.01%;
    font-family:"trebuchet ms", verdana, sans-serif;
    color:#2C5079
    }
 p {padding:10px 30px 10px 20px; font-size:0.9em; line-height:1.6}
 a{text-decoration:none;color:#E5FBBB}
a:link{color:#E5FBBB;text-decoration:underline;}
a:visited{color:#E5FBBB}
a:hover, a:active{color:#ff6600}
form {
    font-size:14px;
    }
 acronym{cursor:help}
blockquote
{
    font-style:normal;
    border: 1px dotted #5e5f26;
    margin: 2em;
    padding: 0.5em 1em 0.5em 2em;
    line-height: 150%;
    font-size: 12px;
    color: #95221b;
    background: #9dc0e6;
    }
input.text {
    width : 300px;
    }
textarea {
    width : 300px;
    height : 200px;
    }
br {
    clear:both;
    }
 div,select,input {
    font-size:12px;
    overflow-x:hidden;
    table-layout: fixed;
    word-break:  break-all;
    word-wrap:break-word;
    }
 ol,ul
 {
    padding: 10px 40px 10px 60px;
    font-size: 12px;
    }
#code {
    color: #666;
    background-color: #F5F5F5;
    border: 1px solid #686e24;
    font-size: 11px;
    font-family: "Courier New", Courier, mono;
    margin: 1em;
    padding: 0.5em;
    float:left;
    }
.codekey {
    color: blue;
    }
.codenote {
    color: green;
    }
#entryCal{
    width:100%;
    font-family:Arial;
    font-size: 10px;
    border:0;
    border:1px solid #3D82AD;
    border-top:0;
    margin:0;
    }
.CalTitle {
  width:201px;
    border-top:0;
    voice-family:"\"}\"";
    voice-family:inherit;
    width: 199px;
    background-color:#9dc0e6;
    color:#004800;
    }
.CalOtherMonthDay{
    color:#a0a0a0;
    background:#f0f0f0;
    }
.CalNextPrev {
    text-align:center;
    }
.CalDayHeader {
   width:201px;
   border-bottom:1px solid #3D82AD;
    voice-family:"\"}\"";
    voice-family:inherit;
    width: 199px;
    background-color:#9dc0e6;
    }
.CalSelectedDay {
    background : #fae55d;
    color: #657f1c;
    font-weight: bold;
    text-align: right;
    }
.CalWeekendDay {
    background:#e5e5e5;
    }
.CalTodayDay {
    background : #e7d229;
    color: #657f1c;
    font-weight: bold;
    text-align: right;
    }
.Cal a:link,.Cal a:visited,.Cal a:active , CalOtherMonthDay a:link,CalOtherMonthDay a:visited,CalOtherMonthDay a:active , .CalWeekendDay a:link, .CalWeekendDay a:visited,.CalWeekendDay a:active , .CalTodayDay a:link, .CalTodayDay a:visited,.CalTodayDay a:active , .CalSelectedDay a:link, .CalSelectedDay a:visited, .CalSelectedDay a:active {
    font-weight: bold;
    text-align: right;
     }
.Cal a:hover,CalOtherMonthDay a:hover,.CalWeekendDay a:hover,.CalTodayDay a:hover,.CalSelectedDay a:hover {
    color: #686e24;
    text-decoration :none;padding:0px;
    background:#D7EDB7;
    }
   


公德的代价

clock February 25, 2006 06:23 by author 胡健

    这两天没事,晚上看的吴思的书。

    吴思真是个热血的人文主义者,他的《血酬定律—中国历史中的生存游戏》和《潜规则—中国历史中的真实游戏》,貌似厚黑学类著作,细看进去则不然,是严谨的有深刻思考并以史实为依据的著作。

    人们要么老是鼓吹社会秩序的光明,看似乐观,其实就是只无脑盲目的八哥,只剩喉舌。要么老是鞭挞社会秩序的阴暗,看似冷静,其实就是那种有嗜痂癖好的奇特人士,明知是痂,不想法使之伤愈,却不断的揭开舔舐。真正的知识分子,应当以有限度的批判眼光看社会,看古今,就像吴思这样。

    吴思的一篇文章《造化的报应》,讨论“中国人自我约束意识弱,道德水准低”的怪现状。他的一句话讲得特别好:

(我们社会所提倡的观念)这些东西都是药,如果我们看见一个人不断吃镇静药,自然可以推断他的神经或精神出了毛病。

    因为我们社会缺少这些观念,所以是疾,提倡这些观念,是开药,所以社会一团糟没救了就有沉疴难起的说法。

    当然现在我们这个时代不是沉疴难起,但也有不少怪现状,据吴思分析,是因为

随着私德领域的缩小和公德领域的扩张,我们的优势没了,劣势却露馅了。中国社会陷人了历史性的危机。

    就是说,中国古代之所以是礼仪之邦,是因为古代中国社会是宗族式关系,所有的社会秩序问题,最后一般都可以归结到家族内的礼仪冲突,是私德的问题,人民内部矛盾,好解决,而随着时代的发展,不是世风日下道德沦丧,而是本来就缺失的公德领域的秩序,暴露了出来,因为没有建立公德领域的秩序,所以公德的矛盾让人们失措。

    人们喜欢提倡吃亏是福的说法,我承认这个说法有一定道理,然而我鄙视这个说法。吃亏的人太多了,能最后享到福的机会却不是人人都有的,而且最后享到的福相比当初吃的亏是不是值得还是个问题。所以我一看到有人假惺惺的安抚弱势群体顺受,我就热血翻腾头脑发昏。

    基于人性的生存本能,人们总报有一个可笑的幻想,就是老想让别人以为事情最终会好起来的,但是事物发展的趋势无可挽回最后崩溃掉的例子并不鲜见,吴思以他的史学功底,用史实说明了这一点。同时,人们的潜意识里对待自己又很现实,因为风云变幻的太快,对明天没信心的人,更体现出这一点。

    我们还没意识到公德缺失所带来的切身代价。因为公德是一个有点缥缈的观念,即使缺失,一时半会也看不出显著的后果,拿闯红绿灯来说,大家都闯红绿灯,人流滚滚,你夹在中间不动当障碍不闯吗?你不闯有什么好处?你闯有什么坏处?不闯,除了心安外,真看不出什么好处,闯了,节约了时间,不光有眼前看得到的好处,而且可能的坏处(出车祸等)几率微乎其微,这样一权衡,为什么不闯?又比如排队插队,插队者不光不受惩罚还得逞了,这时你还坚持排队,坐视属于自己的机会也许严重点说某种时候是自己的生存机会的流失,只能说你在奉献了。

    公德等于奉献?这话错了,但在现在的中国现实却是这样的,在现在的中国,讲公德,就要承受坚持公德的代价,因为没有回报,就是奉献,在别的地方,大家都讲公德,回报是可见的,如同大家都按红绿灯行走,都排队,这样公德与私德的秩序井然,对每个人都是平等的。在一个有秩序的社会里,大家心里都坦然的很,对社会充满信心,精力都用于做事。而在中国,无秩序的公德领域,更像个物竞天择的世界,大家的很大一部分精力,要放在公德秩序的微妙平衡上,这种社会中的内耗,就是“一个中国人是龙,三个中国人是虫”的根本原因阿。

    我很愿意讲公德,愿意等红绿灯,愿意排队,然而我不傻,我不是个无私奉献者,不过要是这个社会都不愿意奉献,这个社会也就没救了,作为一个有良知的人,我自知我所得到的比很多人多,我愿意付出一些代价,以补偿他们所丧失的平等竞争机会,不过我是个只能承受有限代价的有限奉献者。



感动中国——人格的力量

clock February 10, 2006 06:45 by author 胡健

        节后的第一篇blog,我本来是想写写地下六合彩的,这种赌博活动,在我们那里已经成为一颗无法忽视的毒瘤。可是我要先写洪战辉

        晚上回家坐公车上,看到移动电视在播感动中国人物颁奖典礼,看到了洪战辉

        其实05年一直陆陆续续的听闻到关于洪战辉的宣传,对于这种典型人物的宣传模式,我已经有点麻木不仁,不宣传我看到了还会感动,宣传了就好像抹了鼻涕一样我避之不及,这话说出来都很亏心,对不起那些确实是很让人敬佩让人感动的人。

        春节时在家看电视,湖南卫视的春节晚会,晚会节目中出现了洪战辉,我对当时主持人何炯的煽情不感冒,对当时台下观众的动容不感冒,对屏幕上洪战辉的事迹也不感冒(这种生活的艰难,没被挖掘的多了),然而对洪战辉在台上侃侃而谈的从容却油然起敬,那么年轻,却又那么沉稳,看不出他忸怩,也看不出他荣幸,他就像和你是朋友,在面对面坦率地说你的人生一样。

        刚才又看到屏幕上洪战辉的事迹回放,看到一个十三岁的小孩开始带着一岁的妹妹相依为命,能否生存下去的危机始终纠缠他不退,而他居然没有被生活击倒,居然也活在阳光下,生活不比平常人阴暗褪色,甚至更灿烂。靠,我反被洪战辉这种精神力量吓倒了!

        有着这样的人生历练的他,有大多数人都没有的更高层次的人格。从他的镜头可以看到,他很从容,既不自伤生活的坎坷,也不妒忌他人的美满。他一点也不自卑,这让人震惊,因为几乎所有有过不快的过去的人,都有着一种想要忘记那段过去的本能,从而对背负那段过去有一种自卑,而洪战辉不,他也不阴暗,不气愤老天的不公,看不出他有任何偏激的想法,也不懦弱,如果他懦弱,如果他向生活低头,他早被生活打垮了。

        站在台上,站在摄像机前的洪战辉,不像有的人那样拙于言词,上不得台面,都是事先背好,生怕说错话那种,也不像有的人那样积极迎合主持人的作秀,揣摩主持人想要什么答案,揣摩观众是什么心思。任何环境,任何受众,从默默无闻的坎坷,到鲜花掌声的簇拥,生活突然的巨大反差,对洪战辉来说,居然都是一样的,很平和,很从容,荣辱不惊,拒绝别人的援助,坚信靠自己的能力过的好,这是何等人格呢?

        相对于洪战辉,我觉得我太偏激太阴暗了,我要是处于他那样的环境,人生要么投降,要么扭曲,就是人格这么狭隘的一个人,太渺小了。

        我突然很喜欢央视的这个活动,和其它哗众取宠的活动不同,这个活动真的挖掘出了很多感动中国的人,至少有个我。真是引我向善啊。这些人的人生或许没法重现,大多数人也不敢重现,但是这些人的亮台,让那些看起来很空洞,离我们很遥远,认为是奇迹的一些生活的真实,让我们直面它原来是鲜活的可触摸的。有着那些事迹的那些人原来不是宣传画,原来也是我们身边的人,只是,他们有着更丰满,更高大的人格,营营于役的我们,庸俗肤浅,和他们相比真是如同无神识的草木一般,而我们还浪费了粮食。

        祝愿央视这个活动能坚持不变味地长久办下去。



关于我

关注人文,互联网

Month List

Sign in