○変更箇所表記の意味
削除…
青
変更…
緑
追記…
赤
○サイドメニュー
各コンテンツに表示されるサイドメニューに関する設定です。
・サイド領域(禁止プロパティ:width、height、margin、float)
(display:block、overflow:hiddenが追加または設定されます。)
div#BodyBlockSide
基本記述
無し
・サイド領域リンク
div#BodyBlockSide a
基本記述
無し
・サイド領域リンク(訪問済み)
div#BodyBlockSide a:visited
基本記述
無し
・サイド領域リンク(マウスオーバー)
div#BodyBlockSide a:hover
基本記述
無し
・サイドメニュー領域
div.SideMenu
基本記述
width:300px;
padding-bottom:10px;
background:#eeeeee;
変更後
width:300px;
padding-bottom:10px;
background:#eeeeee;
filter:alpha(opacity=80);
背景の色を透過させる
変更後
width:300px;
padding-bottom:10px;
background:#eeeeee;
filter:alpha(opacity=80);
背景の色を元に戻す
・サイドメニュータイトル
div.SideMenuTitle
基本記述
font-size:12px;
padding:3px 0;
background:#ffd700;
color:#333;
text-align:center;
・サイドメニュータイトルリンク
div#BodyBlockSide div.SideMenuTitle a
基本記述
color:#333;
text-decoration:underline;
・サイドメニュータイトルリンク(訪問済み)
div#BodyBlockSide div.SideMenuTitle a:visited
基本記述
color:#333;
・サイドメニュータイトルリンク(マウスオーバー)
div#BodyBlockSide div.SideMenuTitle a:hover
基本記述
color:#666;
text-decoration:none;
・サイドメニュー
div.SideMenuContent
基本記述
margin:10px;
font-size:12px;
・ブログカレンダー
table#Calendar
基本記述
width:
100%;
text-align:center;
変更後
width:
50%;
margin:0 auto;
text-align:center;
カレンダーの大きさを小さく変更
カレンダーがサイドメニューの縦ラインの中心にくるように調整
・ブログカレンダー当日
table#Calendar td.today
基本記述
background:#ffd700;
・ブログカレンダー当日リンク
table#Calendar td.today a
基本記述
color:#333;
・ブログカレンダー当日リンク(訪問済み)
table#Calendar td.today a:visited
基本記述
color:#666;
・ブログカレンダー当日リンク(マウスオーバー)
table#Calendar td.today a:hover
基本記述
color:#333;
・ブログカレンダー記事あり
table#Calendar td.writingDate
基本記述
font-weight:bold;
・ブログカレンダー記事ありリンク
table#Calendar td.writingDate a
基本記述
無し
・ブログカレンダー記事ありリンク(訪問済み)
table#Calendar td.writingDate a:visited
基本記述
無し
・ブログカレンダー記事ありリンク(マウスオーバー)
table#Calendar td.writingDate a:hover
基本記述
無し
・何シテル?ヘッダー
div#NanisiteruHeader
基本記述
width:260px;
margin:0 auto;
height:16px;
background:url(http://carview-
img01.bmcdn.jp/cvmaterials/minkara/user/css/012/nanisiteruheader.gif) no-repeat top center;
・何シテル?領域
div#Nanisiteru
基本記述
width:250px;
margin:0 auto;
padding:5px;
background:url(http://carview-
img01.bmcdn.jp/cvmaterials/minkara/user/css/012/nanisiteru.gif) repeat-y center;
font-size:12px;
color:#333;
・何シテル?フッター
div#NanisiteruFooter
基本記述
width:260px;
margin:0 auto;
height:5px;
background:url(http://carview-
img01.bmcdn.jp/cvmaterials/minkara/user/css/012/nanisiterufooter.gif) no-repeat top center;
・何シテル?本文
div#Nanisiteru div
基本記述
text-align:right;
font-size:10px;
color:#333;
margin:0px;
font-family:verdana,Tahoma,Sans-serif;
・ユーザー名領域
div#SideUserInfo
基本記述
margin:0.5em 0;
・ユーザー名
div#SideUserInfo a
div#SideUserInfo a:visited
基本記述
無し
・ユーザー名(マウスオーバー)
div#SideUserInfo a:hover
基本記述
無し
・ユーザー自己紹介
div#SideUserMemo
基本記述
margin-bottom:0.5em;
・リンクカテゴリ
div.userMakeListTitle
基本記述
margin-bottom:0.5em;
font-weight:bold;
・リンクリスト
ul.userMakeList
基本記述
list-style:square;
margin:0 0 1em 0;
padding:0 0 0 1.5em;
color:#333;
・リンクリスト行
ul.userMakeList li
基本記述
margin-bottom:5px;
・リンクリスト内リンク
ul.userMakeList li a
基本記述
無し
・リンク内リンク(訪問済み)
ul.userMakeList li a:visited
基本記述
無し
・リンク内リンク(マウスオーバー)
ul.userMakeList li a:hover
基本記述
無し
ブログ一覧 |
みんカラCSS | 日記
Posted at
2009/04/07 21:45:44