Diazo: ちょっと使ってみる

注) この文書はDiazo:Quick Startをgoogle 翻訳にかけた後,フォーマットなどを少し修正したものです。少し訳を修正した部分もありますが,google 翻訳そのままの部分がほとんどです。

テーマ作成

  1. テーマディレクトリにtheme.htmlを配置

     <html>
         <head>
             <title>タイトル </ title>
             <link rel = "stylesheet" href = "./ theme.css" />
         </ head>
         <body>
             <h1 id = "title">Diazoのホームページ</ h1>
             <div id = "content">
                 <! - プレースホルダ - >
                 こんにちは。Diazoと言います。よろしく。
             </ div>
         </ body>
     </ html>
  2. theme.css を作成

    
    h1 {
        font-size: 18pt;
        font-weight: bold;
    }
    
    .headerlink {
        color: #DDDDDD;
        font-size: 80%;
        text-decoration: none;
        vertical-align: top;
    }
    
    .align-right {
        float: right;
        margin: 0 10px;
        border: dotted #ddd 1px;
    }
    ```

  3. rulesファイルを作成

テーマ作成のためのヒント

FirefoxのFirebugやChromeの開発ツールなどのツールを使用して、テーマやコンテンツのページを調べ、適切なIDとクラスを探してルールを作成する。