nicky!用叩き台スキンその2

表示サンプルその1 / その2
スタイルシートでレイアウトや色調を設定していますが、初期設定の内容をスタイルシートに反映させる機能により、スタイルシートに明るくない方でも初期設定から簡単に日付、タイトル、記事本文の大きさや色の変更が可能です。

ゼロからカスタマイズするのは手間暇かかるので、このスキンを叩き台に好き勝手変更してご利用ください。著作権表示は特に必要ありません。

また、このスキンはW3CよりVALID HTML4.01 STRICTと認められます。
Valid HTML 4.01! Valid CSS! ←このアイコンを貼る権利が獲得できます。

HTML4.01 STRICTの検証は、HTMLの仕様を決めているW3Cの HTML Validator & CSS Validator にて行っています。

表示の確認は、Win( IE6.0 / N7.1 / Opera / Firefox )とMacOS Classic( IE5.1 / N7.0 ), MacOS X( Safari / IE5.2 / N7.1 / Firefox )にて行っています。

設置方法

以下の手順に従って設置します。

  1. ftpでnicky.cgiが設置されているフォルダにあるNickyAdmin.cgiのパーミッションをメモる。
  2. スキンデータのダウンロード

    以下のリンクを右クリック→対象をファイルに保存→ファイルの種類=全てと操作して、PCにダウンロードします。

    ダウンロードしたファイルの拡張子をcgiに変更します(d.cssを除く)。

  3. サーバへ転送

    ダウンロードしたファイルを全てサーバへftpのバイナリモードで転送します。

  4. パーミッションの変更

    転送したファイルの全てを『1.』でメモした値に変更します。

以上で作業完了です。
早速nicky.cgiへアクセスしてみましょう。

カスタマイズ

このスキンのカスタマイズ例を以下に記します。

  • さらにシンプルに→サンプル2(変更所要時間3分)
    1. 日付/タイトルの枠線を消す

      nicky.cgi?editcssにて、.titlelineを以下のように変更します。

      .titleline{
       padding:$TSize 1em 0.2em 0em;
      }
      
    2. 日付/タイトルの文字色を変更する

      初期設定→記事のタイトルにまつわる設定にて、日付の文字色と記事タイトルの文字色を好みに設定します。サンプルでは#444を指定しています。

    3. 背景色を変更する

      nicky.cgi?editcssにて、body中のbackgroundを変更します。サンプルでは『body{background:#eee;color:#000;}』としています。

よくある質問とその答え

スキン導入時によく受ける質問を以下に記します。

  1. 初期設定からタイトルや記事の色を変更しても反映されない。

    設置したスキンデータのパーミッションにCGIからのライト権がありません。
    もし設置方法に沿ってパーミッションの変更をしたのに初期設定で設定した内容が反映されない場合は、666(rw-rw-rw)/660(rw-rw----)/606(rw----rw-)/600(rw-------)を試してみてください。

  2. 『年』や『過去ログ』が文字化けしている。

    スキンデータをサーバへ転送する際にバイナリモードを指定しないと文字化けします。
    例えばアスキー転送+SHIFT-JIS変換モードで転送すると文字化けしますので気をつけてください。

〜楽しく快適なインターネットライフを共に〜

(raelian@din.or.jp)