今月のピックアップ - あなたのサイトに相互リンクシステムを! / 相互リンクのtooland

Seesaaブログカスタマイズ

ブログについて

2008/04-リニューアル

当ブログは、Seesaaブログのカズタマイズ(スタイルシート中心)解説とSeesaaブログ用のテンプレート(もちろん無料)を配布しています。

リニューアル前は、カテゴリ分けもいまいち曖昧だったので、今回はカスタマイズ初心者用に各ブロック毎の逆引きスタイルをとってみました。もちろん、今まで通り基本的なCSS解説も網羅してあります。

スタイルシートについてもっと詳しく知りたい方、また、ホームページを作成してみたい方は、是非管理人の本サイト -CSS.Design Sample- へ足をお運び下さい。

Seesaaブログ用無料テンプレートについて

初めてSeesaaブログのカスタマイズを試みる方の為に、概ねCSSソースのコピペだけでデザイン変更できるようになっています。以下を参照して下さい。

共通事項
  • ダウンロードしてから設定して頂くかたちです。ダウンロードフォルダ(zip形式)。
  • 必要に応じて「+Lhaca(無料)」などの解答ソフトをご用意下さい。
  • 各要素(div, h1など)に指定してある[id名][class名]は既存のままで変更していません。文字及び幅を変更したい時は、当ブログ内コンテンツで確認しながら変更して下さい。
  • XHTMLの[#lenks-left][#content][#links]などの記述位置、及び要素[div]でマークアップしてある点は変更していません。すべてデフォルトです。(*SEOテンプレートは除く。)
  • その他注意事項
  • 設置方法
Seesaa用-オリジナルテンプレートについて
  • デザインは「シンプル」そして「ちょっとした遊び心」を加えています。
  • #banner部分のXHTML部分を変更しています。(コピペなので簡単設置)
  • 幅などは基本的にデフォルトです。(固定幅なら800px)
  • CSSは初めての方でも解りやすくする為に、各ブロック毎に整理してあります。
  • デザイン一覧
Seesaaブログ-リキッドレイアウトテンプレートについて
  • CSSソースをコピペするだけのお手軽バージョンです。
  • SeeSaaブログのデフォルトテンプレートを、リキッドレイアウト(可変幅)バージョンにカスタマイズした、デフォルト[改]バージョンです。
  • SeeSaaブログのデフォルトCSSファイルの可変に必要な部分のみ書き換えている為、CSSソースを見やすく書き直してはいません。
  • 一部未設定部分もあります。
  • サンプル表示
Seesaaブログ-変形3カラムシリーズについて
SEOテンプレートについて
  • SeeSaaブログを利用してアフィリエイトを行っている方などにもってこいのSEOに特化したテンプレートです。
  • 管理人が理想とするウェブ標準仕様を追及していきます。(日々進化バージョン)
  • CSSならびにXHTML(配置、マークアップなど)、SeeSaa独自タグ部分までフルカスタマイズしています。
  • ブログデザインについては、独自に変更して下さい。(配布段階では、サンプルの状態です。)
  • CSSソースに関しては初心者の方でも理解できるように、ある程度コメントを付け、且つ、各ブロック毎に整理して記述しています。
  • サンプル表示
Seesaaブログ-1カラムテンプレートについて
  • プラグイン部分の配置とXHTMLを変更して頂く必要があります。
  • CSSソースは、変更箇所及び必要個所を上段にまとめてあります。[#lenks-left][#links]などの今回使用しない指定部分は、一応下段にまとめて残してあります。
  • ユーザビリティ面で、(当ブログのように)カテゴリの多いブログにはちょっと不向きかも?
  • サンプル表示
過去ログ

2009年04月 (1)

2008年08月 (1)

2008年06月 (2)

2008年05月 (68)

2008年04月 (86)

2008年03月 (9)

最近のコメント
最近のトラックバック