● 内容
① ＩＥのブラウザによるマイページのカスタマイズ
● 条件
① ＩＥの場合には、指定したページのみＣＳＳを適用することは
できないため、マイページと同じ要素名がマイページ以外の
ページに存在すると、そのマイページ以外のページにもＣＳＳが
適用されてしまうので注意してください。
● 適用例
● やり方
① 下記をクリックすると、メモ帳が開きますので、それを自分の
パソコンに保存してください。
マイページ用ＣＳＳファイル
② ファイル→名前を付けて保存(A)をクリックする。
③ 好きな場所に保存してください。（保存する場所を選んで保存をクリック）
保存したら、メモ帳を×で閉じてください。
拡張子は、 .css で保存してください。
④ 次はブラウザのツール→インターネットオプション(O)をクリックする。
⑤ インターネットオプションの全般のタブのユーザー補助をクリックする。
⑥ ユーザー補助が開くので、ユーザースタイルシートの自分のスタイルシートで
ドキュメントの書式を設定する(D)にチェックを入れる。
そして、参照をクリックする。
⑦ フォルダが開くので、③で保存したファイルを開く。
保存したファイルをクリックして開くをクリックする。
⑧ ＯＫをクリックします。
⑨ ＯＫをクリックします。
⑩ 以上です
● ＣＳＳの内容
#content{
width:1090px !important;
margin-left:260px !important;
}
#content #rightContent{
position:static !important;
}
.mainContent{
width:550px !important;
}
.mainContent #blogArea{
width:550px;
}
.mainContent #blogArea .mainTitleHeader{
width:550px !important;
}
.mainContent #blogArea .mainTitleHeader h2{
width:500px !important;
}
.mainContent #blogAreaInner input.searchText{
width:330px !important;
}
.mainContent #blogAreaInner #checklist .subTitleHeader{
width:540px !important;
}
.mainContent #blogAreaInner #checklistInner .checklistItem{
width:550px !important;
}
#.mainContent #blogAreaInner historyArea .subTitleHeader{
width:550px !important;
}
.mainContent #blogAreaInner #guruppoAreaTitle{
width:550px !important;
}
.mainContent #rssAreaTitle{
width:550px !important;
}
.mainContent #checklistInner .checklistItem .main{
font-size:14px;
width:400px !important;
}
.mainContent #checklistInner .checklistItem .thumb,.mainContent #checklistInner .checklistItem .thumb img{
width:60px!important;
height:60px!important;
}
#checklistInner .checklistItem .img,#checklistInner .checklistItem .img img{
width:70px!important;
height:70px!important;
}
.mainContent #checklistInner .checklistItem .main a{
font-size:14px !important;
}
.mainContent #historyArea h3,#historyArea a{
font-size:16px !important;
}
.mainContent #historyAreaInner .historyItem{
width:150px !important;
height:80px;
}
.mainContent #historyAreaInner .historyItem .historyItemRight .title{
height:65px !important;
}
.mainContent #commentArea .subTitleHeader h3{
font-size:16px;
}
.mainContent #commentArea .subTitleHeader{
width:550px !important;
}
.mainContent #commentArea a{
font-size:14px;
}
.mainContent #commentAreaInner .commentItem .title{
width:210px !important;
}
.mainContent #guruppoArea .main,#guruppoArea .main a{
font-size:14px;
width:450px !important;
}
.mainContent #guruppoArea .main .subtitle{
width:370px !important;
}
.mainContent #guruppoArea .main .title{
width:400px !important;
}
.mainContent #guruppoArea .thumb,#guruppoArea .thumb img{
width:70px !important;
height:70px !important;
}
.mainContent #rssAreaList .rssItem{
font-size:14px;
}
.mainContent #rssAreaList .rssItem .title{
width:240px !important;
}
#rssAreaList .rssItem .lapse{
width:80px !important;
}
#blogArea .moretitleArea{
width:470px !important;
margin-top:20px !important
}
.mainContent .entryTitleList .strmBlogTitle{
width:410px !important;
}
.mainContent #commentAreaInner .commentBalloonItem .thumb{
width:50px !important;
height:50px !important;
}
.mainContent .cThumb img{
width:50px !important;
height:50px !important;
}
.mainContent #commentAreaInner .commentBalloonItem{
width:510px;
}
.mainContent #commentAreaInner .commentBalloonItem{
margin-left:-50px !important;
}
.mainContent #commentAreaInner .commentBalloonItem .commentBalloonItemRight{
width:450px !important;
}
.mainContent #commentAreaInner .commentBalloonItem .desc{
width:360px !important;
}
● pigg を消したいときのＣＳＳ
#dashboard .dashboardPigg{
dispaly:none;
}