サンプル6a,6b,6cのテンプレートをご利用の方へ | アメブロデザインの著者による読者サポートブログ

アメブロデザインの著者による読者サポートブログ

翔泳社から発売されている、Ameba公式ガイド「かんたんアメブロデザイン」の著者が運営する、読者サポートブログです。書籍には書けなかった内容や最新の情報をお届けします。


テーマ:
記事ページにて、次ページ、前ページ、記事一覧の表示に
問題があることがわかりました。

その解決方法をご案内致します。

既にこのテンプレートをご利用の方は、
お手数ですが、ご対応よろしくお願い致します。



■現象:

記事ページにて、記事の上や下に表示される、
次ページ、前ページ、記事一覧の表示が
重なってしまう。



■解決方法:

1)一部削除

次の記述(.paginArea)をスタイルシートより、
削除してください。

サンプルCSSの95行目あたりです。
CTRL+Fで「pagingArea」で検索してもOKです。

(サンプルサイトからダウンロードできるCSSは既に修正済みです)

次の4行を削除してください。

.pagingArea{
width:100%;
margin:auto;
}



2)追加

スタイルシートに以下の内容を追加してください。
該当部分の文字の頭を揃えるため。

.pagingList{
margin-top:4px;
}

以上です。



テストするときは、キャッシュされている可能性があるので、
ブラウザの再読み込みを行って下さい。


ご不明な点があれば、メッセージにてご質問願います。



かんたんアメブロデザインの著者:中村義和さんの読者になろう

ブログの更新情報が受け取れて、アクセスが簡単になります

Ameba人気のブログ

Amebaトピックス