メニュー一覧
HOME
エクセルVBA
wwwcount改造
CSS(スタイルシート)基本
BiglobeブログCSS
1. Biglobeブログ1
2.Biglobeブログ2
3. Biglobeブログ3
4. Biglobeブログ4
CSSいろいろリファレンス
HTML基本
HTML簡易リファレンス
|
5. Biglobeブログ2 ブログデザインとCSSの対応 その1
ここでは、@〜Gの対応をまとめました。
@ ブログ全体
A コンテナ(広告・フッタを除くメイン領域)
B カウンタ領域
C アンカー( トップページ全体に効果あり)
D フッタ領域
E フッタ領域のアンカー(リンク)
F フッタのアンカー(リンク)領域
G ウェブリブログトップへのリンクバナー
CSSいろいろリファレンスを参考にして、色や形を自分好みに変えてみてください。
○ブログのデザイン場所○
○ブログのデザインへのソース対応個所○
(ソースリスト) /* */
{ }
/*----------------------------------------------*/
/* 共通スタイル */
/* (トップ、月別、テーマ別、記事ページ共通) */
/*----------------------------------------------*/
/*==== @ ブログ全体 @ ====*/
body{
background:#ffffff;
}
/*==== A コンテナ(広告・フッタを除くメイン領域) A ====*/
#container{
background:#ddddff;
}
/*==== B カウンタ領域 B ====*/
#counter{
background:#0ff;
}
/*==== 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 へ続く
|
|
|