経済指標flg_JPN.jpg
日本
flg_US.jpg
米国
flg_EU.jpg
EU
flg_UK.jpg
英国
flg_AUS.jpg
豪州
flg_NZ.jpg
NZ
雇用統計10/1(火)
政策金利10/1(火)
GDP
前月以前の経済指標スケジュールはこちら

2008年04月20日

CSS編集@:CSS編集の基本

header_11

こんにちは、ほくほくです。

今日は、ブログデザインを変更するお話。

早速、「CSSでブログのデザインを変えてみよう!」に従ってデザインを変えていきましょう。


・・・とその前に、まずはブログデザインの構成と編集方法をおさえておきましょう。


このブログは、様々なパーツで構成されていますが、大きく分けると4つのパートで成り立っています。

design_20080413_01.JPG


 @ページ全体(緑枠線)
 Aメインコンテンツ(オレンジ枠線)
 Bサイドバー(赤枠線)
 C背景画像(青枠線)

つまり、ブログのページは@の一つの大きなボックスになっていて、その中にAのメインコンテンツのボックスや、Bのサイドバーのボックスが入っている形になります。

これらに加え、メインコンテンツには各ブログ記事がボックス形式でいくつか入り、サイドバーにはカレンダーや記事一覧が同じくボックス形式でいくつも入っているわけです。

ようするに、ハコがいくつも入れ子になっているのが、ブログの構成になります。


これから、これらのパーツを編集していくわけですが、Seesaaブログでの編集は下記画面から行います。

design_20080413_02.JPG


ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)
にほんブログ村 為替ブログへ ランキングクリック&応援、よろしくお願いしますexclamation にほんブログ村 為替ブログ FX システムトレード派へ
ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)

この画面は、

 「マイブログ」⇒「デザイン」⇒「デザイン一覧」

でテンプレートの一覧を表示し、そのタイトルをクリックすると表示されます。

Seesaa以外のブログでは、例えば「スタイルシートの編集」といった画面が用意されているので、そちらを使って下さい。

CSSは、少し編集を間違えただけで、ページの表示が大きく変わってしまったりします。
デザインを最終確定させるまでは、画面上の「プレビュー」ボタンを使ったりしてデザインをこまめにチェックしましょう。

準備が整ったら、いよいよCSSの編集開始です。

(以下、次回です)

<CSS編集関連記事>
  ◆CSSでブログのデザインを変えてみよう!
  ◆@CSS編集の基本
  ◆Aページ全体の幅を広げる
  ◆B右サイドバーの幅を広げる
  ◆C左サイドバーとメインの幅を広げる
  ◆D背景画像を変更する
  ◆E記事コンテンツに枠線をつける
  ◆Fサイドコンテンツに枠線をつける

<参考書>
  ◆スタイルシート辞典
  ◆HTMLタグ+スタイルシート辞典ちび

▼▼▼ 年利20%以上の簡単FXシステムトレード『o(^0^)o ほくほくFX』 ▼▼▼
1日わずか15分!半年で運用利回り17.8%の簡単システムトレード
  ◆投資資金の稼ぎ方
タグ:ブログ
posted by o(^0^)o ほくほく at 15:18 | Comment(0) | ブログカスタマイズ | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。