④/*-----Side-----*/

/*-----Side-----*/(サイドバー)

【サイドバー全体】
#side-a, #side-b {
width:202px;
color:#ffffff;
overflow:hidden;
}
幅202px
色ffffff(白)
スクロールバー非表示



【プロフィール・カレンダー・Nice!と思った人・月別表示など】
.sidebar {
width:202px;
overflow:hidden;
}
幅202px
スクロールバー非表示



【サイドバーのタイトル部分】
.sidebar-title {
margin:0;
padding: 2px 6px 2px 30px;
background:#c87a10 url("/_common/skins/509/images/sidebar_h3_bg.gif") no-repeat left top;
color: #c87a10;
font-size: x-small;
font-weight:normal;
}
margin 0
padding 上2px　右6px　下2px　左30px
背景画像/_common/skins/509/images/sidebar_h3_bg.gif
繰り返しなし・左側に配置(泡の画像です)
色　c87a10
文字の大きさ　x-small
文字の太さ　　標準



.sidebar-title a:link{ text-decoration: none; color:#ffffff; }
　サイドバータイトルの未訪問リンクの文字装飾なし・色ffffff(白)

.sidebar-title a:visited{ text-decoration: none; color:#ffffff; }
　サイドバータイトルの訪問済みリンクの文字装飾なし・色ffffff(白)

.sidebar-title a:active{ text-decoration: none; color:#ffffff; }
　その部分を選択しているときのリンク・文字装飾なし・色ffffff白

.sidebar-title a:hover{ text-decoration: underline; color:#ffffff; }
　サイドバータイトルにマウスが乗っている時、文字装飾下線・色ffffff(白)



【サイドバーの内容の部分】
.sidebar-body {
padding:6px 12px 3px 12px;
}
padding 上6px　右12px　下3px　左12px



【サイドバーの内容の部分の
ul li(=htmlタグ　非序列リスト)
dl dt dd (=htmlタグ　定義語)
form(=htmlタグ　入力フォームを作成する)】
.sidebar-body ul, .sidebar-body li, .sidebar-body dl, .sidebar-body dt, .sidebar-body dd, .sidebar-body form {
margin:0;
padding:0;
}
margin 上下左右0
padding　上下左右0



【サイドバーの内容の中の
liタグ(非序列リスト)】
.sidebar-body li {
margin-bottom:9px;
list-style-type:none;
line-height:1.3;
}
サイドバーの内容の中の
liタグ(非序列リスト)
margin下9px
リストマークなし
　※noneの部分は下図のマークを使用可能。

値
マーク
disc
黒丸
circle
白丸
square
四角形
decimal
10進数
lower-roman
小文字ローマ数字
upper-roman
大文字ローマ数字
lower-alpha
小文字アルファベット
upper-alpha
大文字アルファベット

行間1.3



【読んでいるブログ内のNEWの文字】
.new {
margin-left:6px;
color: #ff0000;
font-weight:bold;
}
margin左6px
文字の色ff0000(赤)
文字の太さ　太い



/*--Profile--*/(プロフィール)

【ブログオーナーの画像】
dt.profile-img {
float:left;
}
回り込み　左



【Nice!・記事(数)・テーマの部分】
dd.profile-status{
margin-left:85px;
line-height:1.8;
}
margin 左85px
行間1.8



【プロフィール内のプロフィールへのリンク】
#profile .profileLink{
padding-left:12px;
background: url("/_common/skins/509/images/arrowR_small.gif") no-repeat left center;
line-height:1.2;
}
padding 左12px
背景/_common/skins/509/images/arrowR_small.gif(右向き三角形二つの画像です)
繰り返しなし・左側に配置
行間1.2
 


【プロフィール内のNice!文字】
.nice {
margin:0;
padding:0 2px;
background:#ffd900;
border:1px solid #0090ff;
color:#0090ff;
}
margin 0
padding 上下0　左右2px
背景色　ffd900
枠線　太さ1px　単線　色0090ff
文字色　0090ff


/*--Calendar--*/(カレンダー)

【＜＜20xx年xx月＞＞の部分】
.calendar-date {
text-align:center;
}
テキスト配置　中央



【カレンダー（月単位）】　
#calendar table {
margin:3px auto;
text-align:center;
border-spacing:1px;
}
margin 上下3px　横自動
テキスト配置　中央
隣接するセルのボーダーとボーダーの間隔　1px



【カレンダーの日付のセル
th(htmlタグ　見出しをつける)】
#calendar th {
height:20px;
width:20px;
font-weight:normal;
}
高さ20px
幅　20px
文字の太さ　標準




【カレンダーの日付
td(htmlタグ　セルに入るデータ)】
#calendar td{
height:20px;
width:20px;
background:#ffffff;
color: #ffffff;
background: url("/_common/skins/509/images/calendar_bg.gif") no-repeat right center;
}
高さ20px
幅　20px
背景色ffffff(白)
背景画像/_common/skins/509/images/calendar_bg.gif
繰り返しなし・右に配置



【カレンダー日付のリンク（記事投稿があったとき）】
#calendar td.link {
background: url("/_common/skins/509/images/calendar_bg.gif") no-repeat right center;
font-weight:bold;
}
背景画像/_common/skins/509/images/calendar_bg.gif
繰り返しなし・右に配置
文字の太さ　太い



【カレンダーの日付のリンク（未訪問・訪問済み・オンマウスのとき）】
#calendar td a{
color:#c87a10;
文字色　c87a10
}


/*--Search--*/(検索)

【検索ボックス内の内容】
#search .sidebar-body {
padding-bottom:6px;
}
padding 下6px



【検索入力ボックス】
.search-tbox {
width:67%;
}
幅67％



/*--RSS Regist--*/
【RSS全体】
#rssRegist {
width:190px;
margin: 0 auto 6px auto;
padding:4px 0;
_padding-top:3px;
line-height:1;
background: #a0a0a0 url("/_common/skins/509/images/arrowR_large.gif") no-repeat left center;
text-align:center;
font-weight:bold;
}
幅190px
margin 上0　右自動　下6px　左自動
padding 上下4px　左右0
行間　1
背景画像/_common/skins/509/images/arrowR_large.gif
繰り返しなし・左に配置
テキスト　中央に配置
文字の太さ　太い



【読者になる(RSSに登録)部分】

#rssRegist a:link{ text-decoration:none; color:#ffffff; }
　RSSリンクの未訪問時のテキスト装飾なし・文字色ffffff(白)

#rssRegist a:visited{ text-decoration:none; color:#ffffff; }
　RSSリンクの訪問済み時のテキスト装飾なし・文字色ffffff(白)

#rssRegist a:active{ text-decoration:none; color:#ffffff; }
　その部分を選択しているときのリンク・文字装飾なし・色ffffff(白)

#rssRegist a:hover{ text-decoration:underline; color:#ffffff;}
　RSSのリンク部分にマウスが乗っている時の文字装飾下線・色ffffff(白)


/*--So-net--*/

【POWERED BY
So-netブログのロゴ】
#powered img {
padding:0 12px;
margin-bottom:6px;
}
padding 上下0　左右12px
margin 下6px



【RSS1.0|RSS2.0の部分】
#rssfeed {
padding:0 12px;
}
padding上下0　左右12px

タグ：CSS so-net ブログ カスタマイズ