2006年09月14日

3カラムのテンプレートを使用される際の注意

私の3カラムのテンプレートはIEやFirefox・NN・Operaとどのブラウザでご覧いただいても崩れないように作ってあります。
ただその際に注意していただくこと点が2つあります。

@両サイドバーに『自由形式』などのコンテンツを追加した場合、すべてサイドバーの真ん中(センタリングして)表示されるようになっています。もし真ん中ではなくコメントやカテゴリなどと同じように左寄りで表示したい場合は、コンテンツの内容を
<div class="side">〜ここに内容〜</div>
とタグで囲んでいただくと内容が左寄りに表示されます。
その際【<・>】は半角で打ち込んでください。

クリックすると大きなイメージ図をご覧いただけます。
       ↓↓↓
3bar.gif

Aこのテンプレートは800×600ユーザーにも何とか表示できるよう横幅800ピクセルの固定幅となっています。
両サイドバーはそれぞれ横幅174ピクセルですので、Blogtimesやその他バナーなどをご利用の際は横幅を174ピクセル以下に設定してください。

上記の点についてご不明な点がありましたら遠慮なくコメントください。
私にわかる範囲で答えさせていただきます。
posted by ちゃちゃ at 23:31| Comment(6) | TrackBack(0) | テンプレートの設定方法 | このブログの読者になる | 更新情報をチェックする

2006年06月02日

テンプレートの設定方法

@ 使用したい配布テンプレートのテキストを全てコピーする


A seesaaの管理画面から[デザイン]→[テンプレート]と進み


設定1

新しいテンプレートの基本となる公式テンプレート(各テンプレートごとに指定済)を追加する


設定2

設定3


B Aで追加したテンプレートを選択する


設定4


C 中央に表示されたスタイルシート(下記画像の赤い部分)を全て選択し削除する(Ctrl + a)


設定5


D @でコピーしたテンプレートのテキスト(スタイルシート)をCで削除した部分へ貼り付ける


E 「プレビュー」ボタンを押してデザインを確認する。(確認のみで変更はされません)


F 問題なければ「スタイルシートを変更する」ボタンを押す(新しいテンプレートに変更されます)


G ブログの再構築を行う(再構築をしないとブログに反映されません)


設定6

スタイルシートのみの変更であれば「CSS(スタイルシート)」の項目だけ再構築すればOK!


+++++ 注意! +++++

seesaa公式テンプレートには、次の4つのレイアウトがあります。
・右サイドバー
・左サイドバー
・両サイドバー
・サイドバー無し

このレイアウトを切り替える(例:現在、左サイドバー型を使用中→右サイドバー型のテンプレートへ変更する)と新しいテンプレートをプレビューで確認した際に表示がガタガタに崩れて見えます。
そんなときは使用したい新しいテンプレートに合わせサイドバーメニューを設定してください。

例)右サイドバーメニューのテンプレートを使用する場合、各コンテンツの配置を右サイドバーに設定する。
  [デザイン]→[コンテンツ]と進み、[コンテンツ一覧]で[配置]のプルダウンメニューから[右サイドバー]を設定し「変更」ボタンを押す。

※図はエキスパートモードでの例です。クリックで拡大します。

設定7


参考サイト
seesaa公式のブログ・ヘルプ
Style Sheets〜blog.seesaa.jpのスタイルシートについて
posted by ちゃちゃ at 00:23| Comment(0) | TrackBack(0) | テンプレートの設定方法 | このブログの読者になる | 更新情報をチェックする
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。