« ブログのお勉強 Vol.1 | トップページ | カスタマイズ vol.3:ページ全体に壁紙を »

2006年5月21日 (日)

カスタマイズ vol.2:ココログの構造

カスタマイズやりたい!!って思っても、簡単に出来るものではありません。それなりの最低限の知識が必要なのです。知らなくてもやってみたいな、変えたいなと言う思いが強くて・・・

ズブの素人の私が、それでも自分の気にいる大好きなブログにデザインしていくために悪戦苦闘しています。色々な参考本もありますし、いろいろな人が方法を書いているので、あちらこちら見回って、無料でデザイン変更して見てはいかがでしょうか?

そこで、ヒントとなるのがおっ!これカワイイ!!と思うサイトを開き、表示-ソースを見るとそれなりに分かります。それなりに、素人にはちょっと、、、かもです。

基本はココログのフリーの記事投稿が出来ることです。つまり、ファイルのアップロードやその他もろもろが出来るくらいのことです。

ココログのスタイルシートの構造は以下の通り。

--------------------

/*ページ全体に壁紙を設定する*/
body{
       background-image:url(**)
       }

/*ブログの背景(バナー・左サイドバー・投稿記事部分・右サイドバー)に画像を設定する*/
#container{
          background-image:url(**)
          }

/*タイトルバナーの背景に壁紙を設定する*/
#banner{
         background-image:url(**)
        }
/*タイトルバナーのブログタイトル(h1;タイトル、h2;サブタイトル)の詳細を設定する*/
#banner h1  {
            }
#banner h2  {
            }

/*左サイドバー項目の設定(例)*/
#left{
       background-image:url(**)
       }

/*メイン記事項目の設定(例)*/
#center{
         background-image:url(**)
         }

/*右サイドバー項目の設定(例)*/
#right{
       background-image:url(**)
       }

--------------------

と、まずはこんな感じですかね、、

|

« ブログのお勉強 Vol.1 | トップページ | カスタマイズ vol.3:ページ全体に壁紙を »

コメント

コメントを書く



(ウェブ上には掲載しません)




トラックバック

この記事のトラックバックURL:
http://app.f.cocolog-nifty.com/t/trackback/103246/1878609

この記事へのトラックバック一覧です: カスタマイズ vol.2:ココログの構造:

« ブログのお勉強 Vol.1 | トップページ | カスタマイズ vol.3:ページ全体に壁紙を »