スタイルシート備忘録 Vol.1（FLAGcounter設置他編）

４月１日から変更になった新スタイルシート。
途中で勝手に様式変更になったり、弄り過ぎて見苦しくなったり、ブラウザ（主にＩＥ７、８とＦｆ３）によって見え方が違ったりしましたが、ある程度形が纏まってきたので現在の仕様を備忘録にしておきます。

※赤字が主な変更点です。


①『フラッグカウンターの設置（再）』
※追記：４月２７日付で設置場所の変更方法を公開しました。


「詳細編集」
↓
「サイドメニュー」
↓
「何シテル？フッター」
div#NanisiteruFooter

width:100%;
text-align:bottom;
padding-top:92px;
background-image:url('http://flagcounter.com/count/○○○/bg=333333/txt=999999/border=333333/columns=3/maxflags=15/viewers=
EuroFord+paranoid/labels=1/pageviews=1/');
background-position:top/;
background-repeat:no-repeat;
color:#cccccc;
font-weight:bold;
font-size:12px;
position:center;

当初は「ユーザー領域」に入れてサイドバー下に配置していましたが
7日のみんカラ改変で様式が変わってしまい表示不可になってしまいました。
フラッグカウンター発祥元のSTM（エスティーエム）さんとこに復活方法がありますのでご参照ください！
STM（エスティーエム）さんのブログはコチラです。
因みに私のは３列（columns=3）上下の領域（padding-top:92px）国旗の最大数１５（maxflags=15）背景、枠線＝青グレー（bg=333333 border=333333）文字色＝白（txt=999999）でございます。

※091120追記
フラッグカウンターの詳細COUNTRY LIST（JPやUSなど）はコチラ


②『カレンダーの横幅サイズ、背景色変更』
「詳細編集」→「サイドメニュー」→「ブログカレンダー」table#Calendar

※以下の幅サイズ「width:（元サイズは260px）」を変更
width:180px;
text-align:center;
margin:0 auto;
※以下の色表示を変更
background:#404060;



③『背景画像の固定化』
「詳細編集」→「ページの基本」→「ユーザー領域」div#MinkaraBody

overflow:hidden;
display:block;
clear:both;
background-color:#000000;
color:#cccccc;
background-image:url(背景画像のurl=簡易編集にて作成の事);
background-repeat:repet;
※以下の１行を追加
background-attachment:fixed;


④『プロフィール欄の点線化』

「詳細編集」
↓
「プロフィール」
↓
プロフィールページ右カラム「プロフィール本文」
table#UserProfile td

vertical-align:top;
padding:5px 0 5px 10px;
font-size:12px;
background:#000;
※以下の赤字部分を変更
border:dotted 1px #999;

参考
none（＝線無し）、solid（＝実線）、dotted（＝点線）、dashed（＝粗い点線）、
groove（＝谷線）、inset（＝内線）、outset（＝外線）


⑤『サイドメニュー内ユーザー名の拡大表示』

「詳細編集」
↓
「サイドメニュー」
↓
「ユーザー名」
div#SideUserInfo a
div#SideUserInfo a:visited

※以下のフォントサイズを変更
font-size:16px;
color:#999;


マウスを置いたとき色を変えるには・・・
「ユーザー名(マウスオーバー)」div#SideUserInfo a:hover

※以下の一行を追加
color:#FF6600;
色見本はコチラ



以上４月８日付け変更分掲載
４月１日付け「新スタイルシートへ移行」

この記事は、スタイルカスタマイズ更新のお知らせ について書いています。