＠風来坊のブログ一覧

前回は、ブログ本文などの背景を半透明にしてみましたが、どうもスッキリしないので元に戻しました。

◎スタイルシート詳細編集のメインブログにリンクします。
更新時の日付をご確認下さい。
◎スタイルシート詳細編集
最新更新日:２００９．０４．１９
以下変更点
・ブログ本文などの背景を元に戻した←New!
・ブログ本文などの背景を半透明にした
・右側のカレンダーの幅を小さくした
・フォント追加
・背景とヘッダーを画像に変更

今回は、ブログ本文などの背景を半透明にしてみました。

◎スタイルシート詳細編集のメインブログにリンクします。
更新時の日付をご確認下さい。
◎スタイルシート詳細編集
最新更新日:２００９．０４．１５
以下変更点
・ブログ本文などの背景を半透明にした←New!
・右側のカレンダーの幅を小さくした
・フォント追加
・背景とヘッダーを画像に変更

○スタイルの操作

・CSSファイル書き出し
保存されているスタイルをCSSファイルとして書き出します。
※ナビゲーション、アイコンの設定は保存されません。


・CSSファイル読み込み
外部で編集されたスタイルを読み込みます。
UTF-8フォーマットの.txtまたは.cssファイルに対応しています（100KBまで）。
※編集項目に対応しない要素（セレクタ）は破棄されます。



・オールリクリア
全ての編集内容を破棄します。
※ナビゲーション、アイコンの設定は破棄されません。

○変更箇所表記の意味
削除…青
変更…緑
追記…赤

○サイドメニュー
各コンテンツに表示されるサイドメニューに関する設定です。

・サイド領域（禁止プロパティ: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

基本記述
無し

○プロフィール
プロフィールページに関する設定です。

・ユーザー名表示
div#HandleName

実際の基本記述
margin:5px 10px 10px 0;
clear:both;
font-weight:bold;
font-size:14px;


・コンテンツタイトル
div.profileCategoryTitle

実際の基本記述
margin:10px;
font-weight:bold;


プロフィールページ左カラム
・左カラム領域（禁止プロパティ:width、height、margin、float）
（display:block、overflow:hiddenが追加または設定されます。）
div#BodyBlockProfileSide

実際の基本記述
background:#eeeeee;


・左カラム領域リンク
div#BodyBlockProfileSide a

実際の基本記述
無し


・左カラム領域リンク(訪問済み)
div#BodyBlockProfileSid a:visited

実際の基本記述
無し


・左カラム領域(マウスオーバー)
div#BodyBlockProfileSid a:hover

実際の基本記述
無し


・自己紹介
div#SelfIntroduction

実際の基本記述
margin:0 20px;
font-size:12px;
line-height:1.3;


・お友達・グループ一覧へのリンク
div#SideFriendListAll
div#SideGroupListAll
div#SideRecommendedList

実際の基本記述
text-align:right;
margin:10px 8px 0 0;
font-size:12px;


・お友達・ファン人数
div.memberCount

実際の基本記述
margin:10px;
text-align:center;
padding:10px 0 8px 0;
font-weight:bold;
background-color:#fff;
-webkit-border-radius:5px;
-moz-border-radius:5px;


・お友達・グループ
table.thumbnail div.thumbTitle a

実際の基本記述
width:90px;
text-align:left;
margin:5px auto 15px auto;
font-size:12px;
line-height:1.4;


・お友達・グループリンク
table.thumbnail div.thumbTitle a

実際の基本記述
無し


・お友達・グループリンク(訪問済み)
table.thumbnail div.thumbTitle a:visited

実際の基本記述
無し


・お友達・グループリンク(マウスオーバー)
table.thumbnail div.thumbTitle a:hover

実際の基本記述
無し


プロフィールページ右カラム
・右カラム領域（禁止プロパティ:width、height、margin、float）
（display:block、overflow:hiddenが追加または設定されます。）
div#BodyBlockProfileMain

実際の基本記述
overflow:hidden;


・右カラム領域リンク
div#BodyBlockProfileMain a

実際の基本記述
無し


・右カラム領域リンク(訪問済み)
div#BodyBlockProfileMain a:visited

実際の基本記述
無し


・右カラム領域(マウスオーバー)
div#BodyBlockProfileMain a:hover

実際の基本記述
無し


・プロフィールテーブル
table#UserProfile

実際の基本記述
width:99%;
border-collapse:collapse;
border:1px #999 solid;
margin-left:1px;


・プロフィール見出し
table#UserProfile th

実際の基本記述
width:150px;
background:#eee;
vertical-align:middle;
padding:5px 0;
font-weight:normal;
font-size:12px;
text-align:center;
border:solid 1px #999;


・プロフィール本文
table#UserProfile td

実際の基本記述
vertical-align:top;
padding:5px 0 5px 10px;
font-size:12px;
background:#fff;
border:solid 1px #999;


・プロフィール本文リンク
table#UserProfile td a

実際の基本記述
無し


・プロフィール本文リンク(訪問済み)
table#UserProfile td a:visited

実際の基本記述
無し


・プロフィール本文(マウスオーバー)
table#UserProfile td a:hover

実際の基本記述
無し


・みんカラ参加日
div#MinkaraEntryDate

実際の基本記述
text-align:right;
font-size:10px;
margin-right:3px;
letter-spacing:0.1em;


・投稿記事テーブル
table.newDocument

実際の基本記述
width:100%;
border-collapse:collapse;


・投稿記事本文
table.newDocument td

実際の基本記述
font-size:12px;
padding:5px 10px;
background:#fff url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/012/line.gif)

repeat-x bottom;


・投稿記事本文リンク
table.newDocument td a

実際の基本記述
無し


・投稿記事本文リンク(訪問済み)
table.newDocument td a:visited

実際の基本記述
無し


・投稿記事本文リンク(マウスオーバー)
table.newDocument td a:hover

実際の基本記述
無し


・投稿記事日付
table.newDocument td.entryDate

実際の基本記述
width:110px;
text-align:right;


・投稿記事一覧へ
div.newDocumentAll

実際の基本記述
text-align:right;
margin:5px 0 0 0;
font-size:12px;