《VBA・CSS》入門実用Tips集 +α by犬神犬

メニュー一覧


HOME

 エクセルVBA

 wwwcount改造

 CSS(スタイルシート)基本

 BiglobeブログCSS
  1. Biglobeブログ1
  2.Biglobeブログ2
  3. Biglobeブログ3
  4. Biglobeブログ4

 CSSいろいろリファレンス

 HTML基本

 HTML簡易リファレンス

 Home > CSS(スタイルシート) > 2. Biglobeブログ 

5. Biglobeブログ2 ブログデザインとCSSの対応 その1

    ここでは、@〜Gの対応をまとめました。

     @ ブログ全体
     A コンテナ(広告・フッタを除くメイン領域)
     B カウンタ領域
     C アンカー( トップページ全体に効果あり)
     D フッタ領域
     E フッタ領域のアンカー(リンク)
     F フッタのアンカー(リンク)領域
     G ウェブリブログトップへのリンクバナー

    CSSいろいろリファレンスを参考にして、色や形を自分好みに変えてみてください。


 ○ブログのデザイン場所○

サンプルブログ



 ○ブログのデザインへのソース対応個所○

  (ソースリスト)   /* */ で囲んだ範囲はコメントとして無視されます。
             {    } で囲んだ範囲で設定変更してください。

/*----------------------------------------------*/
/* 共通スタイル                 */
/* (トップ、月別、テーマ別、記事ページ共通)   */
/*----------------------------------------------*/


/*==== @ ブログ全体 @ ====*/
body{

 background:#ffffff;    /* 背景色をカラー名やRGB値で指定する(仮設定) */

}

/*==== A コンテナ(広告・フッタを除くメイン領域) A ====*/
#container{

 background:#ddddff;   /* 背景色をカラー名やRGB値で指定する(仮設定) */

}

/*==== B カウンタ領域 B ====*/
#counter{

 background:#0ff;     /* 背景色をカラー名やRGB値で指定する(仮設定) */

}

/*==== C アンカー( トップページ全体に効果あり) C ====*/
a,
a:link,      /* 通常のリンク              */
a:active,     /* クリックされた瞬間のリンク       */
a:visited,     /* 読み込み済みのリンク          */
a:hover      /* マウスが上に乗せられている状態のリンク */
{
 /*color:#bb8;*/        /*文字の色変更(仮設定) */
}

/*-------------- ページフッタ領域 --------------*/

/*==== D フッタ領域 D ====*/
#footer{

 /*background:#000;*/       /*背景色(仮設定) */

}

/*==== E フッタ領域のアンカー(リンク) E ====*/
#footer a{

 /*background:#00f;*/       /*背景色(仮設定) */

}

/*==== F フッタのアンカー(リンク)領域 F ====*/
#footer #links{

 /*background:#ff0;*/       /*背景色(仮設定) */

}

/*==== G ウェブリブログトップへのリンクバナー G ====*/
#footer #sbanner img{

 /* border:3px solid #ff0;*/    /*ボーダーライン-太さ-色(仮設定) */
 /*margin-right:50px;*/      /*背景色(仮設定) */

}



  
6. Biglobeブログ3 へ続く




 − Copyright(2007). 犬神犬 −