ねこ刑事

ホームページ作成の技術習得用サンプルページです
トップページに戻ります
最終更新日 2026年02月20日
【パソコン用表示モード：画面幅900ドット用】 【スマホ用表示モード：画面幅360ドット用】

ユーの訪問は****回目だぜ、ベイビー
  • 訪問回数・文字サイズ・配色をクッキーに記録しており、保持期間は１年です。
  • 上の画像は横幅120ドットなので、スマホ用画面になっても同じ大きさです。
  • 上の画像は、画像の右横中央に文字が並ぶように設定されています。
話数 題目 年月日（スマホ画面では非表示）
第一部
第一話 四人兄弟として生まれて 2099-01-01
第二話 楽しかった幼少時代 2099-01-01
第三話 三ヶ月を過ぎた頃、捨てられる 2099-01-01
第四話 残飯をあさる日々 2099-01-01
第五話 町一番の魚泥棒 2099-01-01
第六話 盗んだ魚を人間に売り、大もうけ 2099-01-01
第七話 金を貯め、刑事試験を受ける 2099-01-01
第八話 ねこデカ誕生 2099-01-01
第二部
第一話 交番勤務 2099-01-01
第二話 犬のおまわりさん、ダチになる 2099-01-01
第三話 麻薬捜査と犬のおまわりさんの功績 2099-01-01
第四話 え！？俺まで出世！？ 2099-01-01
第五話 キャバクラで豪遊 2099-01-01
第六話 ねたみと裏切り 2099-01-01
第七話 刑事試験、買収の噂が広がる 2099-01-01
第八話 魚は盗んだが、裏口入学じゃない！ 2099-01-01
  • 使用言語：JavaScript, css, HTML, SSI
  • スマホ・PCに合わせて、文字サイズなどを自動変更。
  • スマホは画面が狭いので、目次の日付を非表示にする。
  • 画像は、画面より小さいときは原寸表示、画面より大きい時は画面に収まるように表示。
  • 昼夜に合わせて配色変更。
  • スマホ画面になった時、左右にぶれない。

下の画像は横幅750ドットなので、スマホ用画面になると画面いっぱいに自動変更します。
そして、HTMLだけで組むと、画像や表の上下左右に空白ができてしまいますが、それも取り除き、画像は画面にピタリです。
そうすることで、思い通りのレイアウトができるようになります。