ALICE+サポート ユーザー助け合い掲示板 TOPページ ユーザー助け合い掲示板 ページネーションを使いたい 編集 キャンセル 削除 アク禁 アク禁解除 キャンセル 凍結 0 @ iPhone 『表紙に名前変換』という小説テンプレをお借りしています。 小説ページが増えてきたので、 添付した写真のようにページ下部に数字が並んだページネーションというものを使いたいのですが変更可能でしょうか? また可能な場合はどこをどのように変更すれば良いのでしょうか? どうぞよろしくお願い致しますm(__)m 10/01 00:05 返信 コメント投稿 検索 1 Anonymous Chrome ページネーションは、各小説から[ページネーション設定]をクリック 基本設定 全体デザイン ├表紙画面編集 ├目次画面編集 ├ページリストレイアウト編集 └文章画面編集 > □ページネーション設定 □テンプレから探す └公式テンプレ ##pagination## ↑上の独自タグコピペすればページネーション自体はできます ですがこのままだとcssは影響しておらず、縦並び、横に丸い点がついているだけで 画像のようにするには自分でCSSをデザインしなければなりません (#独自タグを貼ると以下のソースが生成されます。) <div class="PageNavi"> <ul class="pagination"> <li><a>«</a></li> <li><a><</a></li> <li><a>1</a></li> <li><a>2</a></li> <li><span class="active">3</span></li> <li><a>4</a></li> <li><a>></a></li> <li><a>»</a></li> </ul> </div> 見た感じ追加で書き込みが必要なのはこのぐらい? .PageNavi{/*divタグ ページネーション全体*/} .pagination a{/*ulタグ A{}も必要だと思う*/} .active{/*spanタグ 現在のページ。画像で言うところの『5』のデザイン*/} ●リスト/横並び 【習得必須】CSSでリストを横並びにする簡単な方法を徹底解説 - WEBCAMP MEDIAWebサイトを制作する上で、リストを横並びにする場面は頻繁にあります。特にグローバルメニューを作成する場合は必須の知識です。本記事では、CSSでリストを横並びにする方法を紹介します。メニューを横並びにする方法を手順を追って解説するのでコードを打ちながら学習しましょう。web-camp.io ●ページネーションのデザイン CSSページネーション例www.w3bai.com ↑調べた当初一番わかりやすいなと思ったサイト デザインいろいろ。ページネーションのことを考える。 | Little Thingsデザインいろいろ。ページネーションのことを考える。littlethings.jp 【コピペ可】HTMLとCSSのページネーションのデザイン6選 | eclairのブログeclair.blog 2 10/01 09:51 返信 1ページ中1ページ目 552 view 残り書き込み 9992 件 人気スレ 更新できなくて、困っています 2019年11月07日 19時38分 13 拍手コメント 2020年11月17日 09時05分 5 中央寄せができません 2023年09月15日 14時44分 14 名前変換の画面で表示される名前が変わらない 2023年08月27日 22時05分 8 関連スレ 掲示板TOPへ サイトTOPへ ALICE+サポート