メニュー一覧
HOME
エクセルVBA
wwwcount改造
CSS(スタイルシート)基本
BiglobeブログCSS
1. Biglobeブログ1
2. Biglobeブログ2
3. Biglobeブログ3
4.Biglobeブログ4
CSSいろいろリファレンス
HTML基本
HTML簡易リファレンス
|
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;
}
/*==== (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;
}
とりあえずここまで設定するとかなり見栄えが変わってくると思います。
|
|
|