《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(スタイルシート) > 4. Biglobeブログ 

7. Biglobeブログ4 ブログデザインとCSSの対応 その3

    ここでは、N〜Qの対応をまとめました。

     (21) コンポーネント領域(共通)
     (22) コンポーネント見出し(共通)
     (23) コンポーネント内リスト(共通)
     (24) カレンダー
     (25) カレンダー(年月)
     (26) カレンダー(曜日)
     (27) 投稿日時

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


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

サンプルブログ



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

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

/*-------------- コンポーネント群 --------------*/
/*==== (21) コンポーネント領域(共通) (21) <div>====*/
#utilities{
}

/*==== (22) コンポーネント見出し(共通) (22) <h2>====*/
#utilities h2{

 color:#aa8;        /*文字の色変更(仮設定) */

}

/*==== (23) コンポーネント内リスト(共通) (23) <ul>====*/
#utilities ul{

 color:#fff;        /*文字の色変更(仮設定) */

}

/*==== (24) ●カレンダー (24) <table>====*/
#utilities #calendar{

 color:#855;        /*文字の色変更(仮設定) */
 background:#fff;     /* 背景色をカラー名やRGB値で指定する(仮設定) */

}

/*==== (25) 年月 (25) <table caption>====*/
#utilities #calendar table caption{

color:#0f0;        /*文字の色変更(仮設定) */

}

/*==== (26) 曜日 (26) <th>====*/
#utilities #calendar th{

color:#880;        /*文字の色変更(仮設定) */

}

/* ●テーマカテゴリ */
#utilities #categories{
}

/* ●アルバム */

/* サムネイル画像 */
#utilities #albums a img{
}

/* ●フリースペース */
#utilities #freespace{
}

/* トラックバック数/コメント数 */
.response{
}

/*==== (27) 投稿日時 (27) <div>====*/
.date{

color:#880;        /*文字の色変更(仮設定) */

}



  とりあえずここまで設定するとかなり見栄えが変わってくると思います。
  



 − Copyright(2007). 犬神犬 −