月度归档： 2007 年 9 月

在tumblr.com上面的一个页面代码，留存

木鱼

tumblr.com上面提供免费的可以绑定域名的博客申请，但其模板过于简单了，自己做了修改，先留着吧。

效果：my.skykm.cn

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <!-- DEFAULT COLORS -->
        <meta name="color:Background" content="#666"/>
        <meta name="color:Content Background" content="#fff"/>
        <meta name="color:Header Background" content="#4AADF0"/>
        <meta name="color:Title" content="#fff"/>
        <meta name="color:Description" content="#094E7C"/>
        <meta name="color:Date" content="#666"/>
        <meta name="color:Post Title" content="#222"/>   
        <meta name="color:Text" content="#222"/>
        <meta name="color:Inline Link" content="#ff9900"/>
        <meta name="color:Quote" content="#333"/>
        <meta name="color:Quote Source" content="#666"/>
        <meta name="color:Link Post" content="#ff9900"/>
        <meta name="color:Conversation Background 1" content="#f4f4f4"/>
        <meta name="color:Conversation Background 2" content="#e8e8e8"/>
        <meta name="color:Conversation Border" content="#ccc"/>
        <meta name="color:Conversation Text" content="#000"/>
        <meta name="color:Photo Background" content="#ccc"/>  
        <meta name="color:Video Background" content="#eee"/>  
        <!-- END DEFAULT COLORS -->

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>{Title}</title>
        <link rel="alternate" type="application/rss+xml" title="RSS"
        href="/rss"/>

        <style type="text/css">
            body {
                color:            {color:Text};
                margin:           30px;
                background-color: {color:Background};
                font-family:      'Lucida Grande', Helvetica, sans-serif;
            }
            #content {
                width:            970px;
                margin:           auto;
                padding:          35px;
                background-color: {color:Content Background};
            }

            a {
                color:            {color:Inline Link};
            }

            h1 {
                padding:          0px;
                margin:           0px;
                font:             Normal 30px Helvetica, sans-serif;
                line-height:      33px;
                letter-spacing:   -1px;
            }
            h1 a {
                color:            {color:Title};
                text-decoration:  none;
            }

            div#header {
                background-color: {color:Header Background};
                margin:           -20px -20px 30px -20px;
                padding:          20px 30px 20px 30px;
            }

            div#description {
                font-size:        15px;
                margin-top:       10px;
                color:            {color:Description};
            }
            div#description a {
                color:            {color:Descrip

tion};
            }
      &nbs
p;     div.date {
                font:             Normal 16px Helvetica, sans-serif;
                color:            {color:Date};
                line-height:      32px;
                height:           28px;
                padding-top:      7px;
                background:       {color:Content Background} url('/themes/3/stripes.gif') top repeat-x;
                border-bottom:    dotted 1px #bbb;
                margin-bottom:    10px;
                text-transform:   uppercase;
            }
            div.post {
                margin-bottom:    40px;
                position:         relative;
            }

            div.post div.permalink {
                position:         absolute;
                top:              5px;
                right:            5px;
                display:          none;
                font-weight:      bold;
            }

            div.post:hover div.permalink {
                display:          block;
            }

            div.post div.permalink a {
                text-decoration:  none;
            }

            div.post h2 {
                font-weight:      Normal;
                font-size:        20px;
                color:            {color:Post Title};
                margin:           0px 0px 10px 0px;
            }

            div.post h2 a {
                color:            {color:Post Title};
                text-decoration:  none;
            }
            /* Regular Post */
            div.post div.regular {
                font-size:        12px;
                line-height:      17px;
            }

            div.post div.regular blockquote {
                font-style:       italic;
            }
            /* Photo Post */
            div.post div.photo {
                padding:          18px;
                background-color: {color:Photo Background};
            }
            div.post div.photo img {
                border:           solid 17px {color:Content Background};
            }

            div.post div.photo div.caption {
                font-size:        13px;
                margin-top:       17px;
            }
            div.post div.photo div.caption a {
                color:            {color:Text};
            }
            /* Quote Post */
            div.post div.quote {
                padding: 0px 30px 0px 30px;
            }
            div.post div.quote span.quote {
     &n

bsp;          font-size:        28px;< br>                letter-spacing:   -1px;
                color:            {color:Quote};
            }

            div.post div.quote span.quote a {
                color:            {color:Quote};
            }

            div.post div.quote span.quote big.quote {
                font-weight:      bold;
                font-size:        60px;
                line-height:      0px;
                vertical-align:   -28px;
                opacity:          0.5;
                -moz-opacity:     0.5;
                filter:           alpha(opacity=50);
            }
            div.post div.quote div.source {
                font-size:        16px;
                color:            {color:Quote Source};
                letter-spacing:   -1px;
            }

            div.post div.quote div.source a {
                color:            {color:Quote Source};
            }
            /* Link Post */
            div.post div.link a.link {
                font:             Bold 30px Helvetica, sans-serif;
                letter-spacing:   -1px;
                color:            {color:Link Post};
                text-decoration:  none;
                border-bottom:    dotted 1px {color:Link Post};
                line-height:      36px;
            }

            div.post div.link div.description {
                font-weight:      normal;
                font-size:        14px;
                margin-top:       5px;
            }
            /* Conversation Post */
            div.post div.conversation ul {
                list-style-type:  none;
                margin:           0px;
                padding:          1px;
                border:           solid 5px {color:Conversation Border};
            }
            div.post div.conversation ul li {
                font-size:        12px;
                padding:          4px 0px 4px 8px;
                color:            {color:Conversation Text};
            }
            div.post div.conversation ul li span.label {
                font-weight:      bold;
            }
            div.post div.conversation ul li.odd {
                background-color: {color:Conversation Background 1};
            }
            div.post div.conversation ul li.even {
                background-color: {color:Conversation Background 2};
            }
            /* Video Post */
            div.post div.video {
                width:            500px;
                margin:           auto;
                padding:        

;  35px;
                backgrou
nd-color: {color:Video Background};
            }

            div.post div.video div.caption {
                margin-bottom:    15px;
                font-size:        13px;
                color:            {color:Text};
            }
            div.post div.video div.caption a {
                color:            {color:Text};
            }

            /* Footer */
            #footer {
                margin:           20px 0px 0px 0px;
                text-align:       center;
                font-size:        18px;
            }
            #footer a {
                text-decoration:  none;
                color:            {color:Text};
            }
            #footer a:hover {
                text-decoration:  underline;
            }

            #footer p.tiny {
                margin:           30px 0px 0px 0px;
                font-size:        10px;
            }
            #footer p.tiny a {
                text-decoration:  underline;
                color:            {color:Text};
            }
        </style>
    </head>
    <body>
        <div id="content">
            <div id="header">
                <h1><a href="/">{Title}</a></h1>
                {block:Description}
                    <div id="description">
                        {Description}
                    </div>
                {/block:Description}
            </div>
            {block:Posts}
                {block:NewDayDate}
                    <div class="date">
                        {Month} {DayOfMonth}, {Year}
                    </div>
                {/block:NewDayDate}
                <div class="post">
                    <div class="permalink">
                        <a href="{Permalink}">查看全文#</a>
                    </div><hr>

                    {block:Regular}
                        <div class="regular">
                            {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
                            {Body}
                        </div>
                    {/block:Regular}
                    {block:Photo}
                        <div class="photo">
                            <img src="{PhotoURL-500}" alt="{PhotoAlt}"/><br/>
                            {block:Caption}
                                <div class="caption">{Caption}</div>
&n

bsp;                   &n
bsp;       {/block:Caption}
                        </div>
                    {/block:Photo}
                    {block:Quote}
                        <div class="quote">
                            <span class="quote">
                                <big class="quote">&#147;</big> {Quote}
                            </span>
                            {block:Source}<div class="source">{Source}</div>{/block:Source}
                        </div>
                    {/block:Quote}
                    {block:Link}
                        <div class="link">
                            <a href="{URL}" class="link" {Target}>{Name}</a>
                            {block:Description}
                                <div class="description">{Description}</div>
                            {/block:Description}
                        </div>
                    {/block:Link}
                    {block:Conversation}
                        <div class="conversation">
                            {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
                            <ul>
                                {block:Lines}
                                    <li class="{Alt}">
                                        {block:Label}<span class="label">{Label}</span>{/block:Label}
                                        {Line}
                                    </li>
                                {/block:Lines}
                            </ul>
                        </div>
                    {/block:Conversation}
                    {block:Video}
                        <div class="video">
                            {block:Caption}
                                <div class="caption">{Caption}</div>
                            {/block:Caption}
                            {Video-500}
                        </div>
                    {/block:Video}
                </div>
            {/block:Posts}

            <div id="footer">
                {block:PreviousPage}
                    <a href="{PreviousPage}">&#171; Previous</a> &nbsp;&nbsp;
                {/block:PreviousPage}
                {block:NextPage}
  &nb

sp;               
;  <a href="{NextPage}"> &#187;</a>
                {/block:NextPage}

                <p class="tiny">
                    Subscribe via <a href="/rss">RSS</a> &nbsp;/&nbsp;
                    Powered by <a href="http://tumblr.com/">Tumblr</a>
                </p>
            </div>
        </div>
    </body>
</html>

DZ论坛越来越好用了！

木鱼

接触论坛程序，最先用的就是ASP的DVBBS7.0.1，后来还接触了BBSXP等ASP程序，总体感觉，DVBBS在ASP论坛中还是独一无二的老大，功能强大，管理也很合理，安装容易，模板丰富。
最近两年PHP的程序开始热门，风头大大超过了ASP，于是也开始接触PHP的论坛程序。在本机搭建了PHP+MYSQL的测试环境，还购买了一个PHP+MYSQL 的虚拟主机。用的第一个PHP程序就是Discuz! ,结果第一步就出了问题，无论是本机还是虚拟主机都没有安装成功，于是改用PHPWIND程序，用过，感觉不错。后来因为PW的博客程序实在是太难看，于是又尝试用Discuz!5.5,结果经过多次努力才安装成功（还是用的DZ官方开发的那个本机安装程序，可见DZ安装过程中出现问题的不止我一个）。感觉还是DZ比PW好用。
最近，Discuz!推出了6.0正式版，于是马上下载安装。看来改进不小，首先是安装出现意外的几率基本没有了，这个可算是比5.0最大的改进。其次就是各种管理模块功能已经比PW5.3有了质的飞跃，如果说PW5.3与DZ5.0还只是样子的不同，那么到了DZ6.0，PW就已经差得很多了。个人很喜欢DZ的两个特点，第一是防范垃圾信息的能力，虽然机器人注册依然猖獗，但基本上没有垃圾帖子了（PW5.3一天就给我弄了100多个垃圾帖子）。第二个是DZ的博客系统XSAPCE比PW那个漂亮精美得多，功能更强大，基本就不是一个档次啦。

不错的DZ，支持！