記事のページナビのＣＳＳ、ＨＴＭＬの変更

★　記事のページナビのＣＳＳ、ＨＴＭＬの変更


●　内容

①　記事タイトルをクリックすると該当記事ページに飛びますが、
　　そのページの２番目のページナビ（記事下）に変更があった様です。


②　ＣＳＳ部分の変更点。
　　下記がＣＳＳに付け加えられています。
　　このＣＳＳファイルはアメーバ側のみ触れるＣＳＳです。
（　http://stat100.ameba.jp/blog/new/css/cmn/blog130717.css　）




* html .safetyManagement .officialAmebaSafety,*:first-child+html .safetyManagement .officialAmebaSafety,* html .safetyManage.skinArticleBody2 .detailPaging {
width:auto;margin:20px 0 40px 0;
}
.skinArticleBody2 .detailPaging .pagingPrev,.skinArticleBody2 .detailPaging .pagingNext{
padding: 0 14px;
}
.skinArticleBody2 .detailPaging .pagingList{
margin:0;
}
.skinArticleBody2 .detailPaging .pagingPrev:after,.skinArticleBody2 .detailPaging .pagingNext:before{
content:"｜";
}
.skinArticleBody2 .detailPaging .pagingPrev{
right: 220px;
}
.skinArticleBody2 .detailPaging .pagingNext{
left: 220px;
}
.skinArticleBody2 .detailPaging .pagingPrev,.skinArticleBody2 .detailPaging .pagingList,.skinArticleBody2 .detailPaging .pagingNext{
vertical-align:initial
}


②　ＨＴＭＬ部分は下記の様になっています。（例）


<div class="pagingArea detailPaging">
<a href="http://ameblo.jp/new-blue-777/entry-11573835548.html" class="pagingPrev">«&nbsp;Firefox ア･･･</a>
<a href="http://ameblo.jp/new-blue-777/entrylist.html" class="pagingList">記事一覧</a>
<a href="http://ameblo.jp/new-blue-777/entry-11572615494.html" class="pagingNext">ヤフーボックスを利･･･&nbsp;»</a>
</div>


記事上のＨＴＭＬは下記になっています。
違いは、skinSimpleBtn　のクラスの欠如です。



<div class="pagingArea detailPaging">
<a href="http://ameblo.jp/new-blue-777/entry-11573835548.html" class="skinSimpleBtn pagingPrev">«&nbsp;Firefox ア･･･</a>
<a href="http://ameblo.jp/new-blue-777/entrylist.html" class="pagingList skinPagingListColor">記事一覧</a>
<a href="http://ameblo.jp/new-blue-777/entry-11572615494.html" class="skinSimpleBtn pagingNext">ヤフーボックスを利･･･&nbsp;»</a>
</div>


③　ページナビに画像を設置している方は注意してください。


④　対応方法は別記事でします。