ふるびた地図

テンプレート「空にうたえば」のデザインを変更したお着換えバージョンです。
トップ画像とCSSファイルを差し替えるだけで、かんたんに雰囲気を変更することができます。

htmlテンプレート「ふるびた地図」

ふるびた地図は、テンプレート「空にうたえば」のデザインを変更したお着換えバージョンです。トップ画像とCSSファイルを差し替えるだけで、かんたんに雰囲気を変更することができます。

  • 1カラム式・2カラム式の選べるデザイン(小説用ページもご用意してます)
  • スクロール追従するメニューバー(スマホ対応)
  • 背景のストライプの色・太さを自分で変更可能
  • イラスト表示モーダルウィンドウ「fuwaimg」がすぐに使える
  • Bootstrapを用いたレスポンシブ対応デザイン

仕様について

基本仕様は「空にうたえば」と同じです。

1カラム・2カラムから選べるデザイン

同じデザインで1カラム版2カラム版をご用意いたしました。

横幅いっぱいに展示物を並べたい方は1カラム版、メニューでサクサク移動したい方は2カラム版をご利用いただけます。もちろん、ページごとに2つのデザインを使い分けてもOK。どちらのデザインも共通のCSSで制御しているので、気分に合わせてhtmlを使い分けてください。

いずれもレスポンシブ対応デザインで、スマホやタブレットから見てもレイアウトが崩れません。

スクロール追従するメニューバー

たくさんつくったコンテンツを1ページに収めたい方向け。1カラム・2カラムどちらのデザインともに、下へスクロールしてもメニューがついてきてくれます。ページが縦に長くなっても迷子になりません。もちろん、小説など向けの1カラムの広々としたページレイアウトもご用意してあります。

CSSから当該記述を削除することで、スクロール追従しないようにもできます。

CSSを書き換えて好みのストライプを作れる

背景のストライプは画像ではなくCSSで作っています。そのため、当該記述を変更することで自分好みのストライプにお着替えすることができます。ストライプのCSSを作るのはジェネレーターが便利。色や太さ、縞の向きなどかなり自由に作成できます。

もちろん、ストライプ部分のcssを削除して、お好みの画像を背景に使用してもOKです。

頒布物一覧用ページを用意しました

同人・創作サークルさんにお使いいただくことを考え、頒布物一覧用のページを用意しました。これまでの作品の紹介にお使いいただけます。イベント情報や漫画作品の一覧、キャラクター紹介などにもお使いいただけます。

イラスト展示はページ遷移せずスマートに

イラストの展示はfuwaimgで実装しています。サムネイルをクリックすると、その場でフワッと原寸のイラストが表示されるモーダルウインドウです。ページ遷移なし、ストレスフリーでイラストを見ていただけます。

web拍手やメールフォームのデザインも実装済

ボタンやテキストボックスも、サイトの雰囲気に合わせてデザインしてあります。ご自分でプログラムを組み込むだけで、すぐに機能を実装していただきます。

更新履歴

2022.05.16
同梱fuwaimgプログラムをVer1.4.2へアップデート。
2020.12.07
画像表示モーダルをLightboxからfuwaimgに差し替え。
2020.01.05
  • 他サイトへバナーリンクをして、一列あたりのバナー数が少ないとき、バナーが横幅いっぱいに広がってしまう問題を修正。
  • デザイン済みのh2、h3見出しおよびリストを追加。
  • 「頒布物一覧用ページ」を追加。

詳しくはこちらのお知らせをご確認ください。