002:ふるびた地図

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

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

  • 1カラム式・2カラム式の選べるデザイン(小説用ページもご用意してます)
  • スクロール追従するメニューバー(スマホ対応)
  • 背景のストライプの色・太さを自分で変更可能
  • lightboxでページを移動せずにイラストを表示
  • Bootstrapを用いたレスポンシブ対応デザイン
スポンサーリンク

仕様について

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

更新履歴

2020.01.05

  • 他サイトへバナーリンクをして、一列あたりのバナー数が少ないとき、バナーが横幅いっぱいに広がってしまう問題を修正。
  • デザイン済みのh2、h3見出しおよびリストを追加。
  • 「頒布物一覧用ページ」を追加。

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

コメント

  1. ミチル より:

     はじめまして、ミチルと申します。
     本日、御サイトのテンプレートを用いたHPを公開いたしました。
     テンプレートの一部だけ使用することも可能という文面に安堵しております。
     私なりの改変を加えましたが、テンプレートなしに作るのはまず不可能だったと思います。
     利用報告の義務はないとのことですが、応援したいという気持ちを込めて、コメントを残します。
     今後も頑張ってください!

    • ガタガタガタガタ より:

      ミチルさま
      コメントありがとうございます!拝見しましたが、かなりオリジナリティのあるサイトになりましたね!バリバリに活用していただけて、製作者としてとても嬉しいです。素材としての再配布さえしなければ、改変に制限はありませんので、今後もご活用いただければ幸いです。

  2. もちづき より:

    はじめまして、もちづきと申します。素敵なテンプレート使わせていただきました🙏✨
    おかげさまで理想のサイトが短時間で作ることができました!(レイアウト崩れているところもありますが…)
    感謝の気持ちを伝えたかったのでメッセージ失礼します。
    今後も応援しております!

タイトルとURLをコピーしました