niftyのココログで、カスタムテンプレートを作成

今まで用意されていたテンプレートの使用では、CSSなどの変更は出来なかった。「新規テンプレートの作成」からデザインを再編集し、CSSの変更も使用しつつ、ブログを再デザイン編集してみた。2009.6.28

新規テンプレートの作成手順
1.ココログにログイン

2.デザインタブの「新規テンプレートの作成」を選択します。
 2.1 レイアウトを選択
 2.2 表示項目を選択
 2.3 表示項目の並べ方を選択
 2.4 テーマをカスタマイズ
 ここでは以下の4箇所について色や枠を設定することができます。
  2.4.1 ページ全体の設定
  2.4.2 タイトルバナー
  2.4.3 記事表示欄
  2.4.4 サイドバー項目
  おおまかなデザインはテーマのカスタマイズで実施します。詳細は、後述のCSSでデザイン追加します。
 2.5 最後に、テンプレートの名前と説明を記入します。

3.これでカスタムテンプレートが出来ます。そのテンプレートには
 3.1 テーマ
 3.2 レイアウト
 3.3 表示項目
 3.4 並べ方
 3.5 カスタムCSSを編集

Bear2_image01_4

CSSが適用されるidやclassは、HTMLのソースを見て推測した。
実際に設定したCSSは以下の通りです。
body {
    margin: 0;
    padding: 0;
    width: 100%;
    line-height: 125%;
    color: #000000;
    background-color: #ffffff;
    background-image: url('http://bear2.la.coocan.jp/image/bear2_back.gif');
    background-attachment: fixed;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: medium;
    text-align: center;
}
#banner h2 {
    padding-top: 10px;
}
.sidebar h2 {
    margin-top: 10px;
    padding: 5px 10px;
    border-left: 1px solid #bbccee;
    background-color: #ffffff;
    font-size: 92%;
    text-align: center;
}
.entry h3 {
    padding-left: 10px;
    border-left: 10px solid #ff9911;
}