ふるびた地図は、テンプレート「空にうたえば」のデザインを変更したお着換えバージョンです。トップ画像とCSSファイルを差し替えるだけで、かんたんに雰囲気を変更することができます。
- １カラム式・２カラム式の選べるデザイン（小説用ページもご用意してます）
- スクロール追従するメニューバー（スマホ対応）
- 背景のストライプの色・太さを自分で変更可能
- イラスト表示モーダルウィンドウ「fuwaimg」がすぐに使える
- Bootstrapを用いたレスポンシブ対応デザイン
仕様について
基本仕様は「空にうたえば」と同じです。
１カラム・２カラムから選べるデザイン
横幅いっぱいに展示物を並べたい方は１カラム版、メニューでサクサク移動したい方は２カラム版をご利用いただけます。もちろん、ページごとに２つのデザインを使い分けてもOK。どちらのデザインも共通のCSSで制御しているので、気分に合わせてhtmlを使い分けてください。
いずれもレスポンシブ対応デザインで、スマホやタブレットから見てもレイアウトが崩れません。
スクロール追従するメニューバー
たくさんつくったコンテンツを１ページに収めたい方向け。１カラム・２カラムどちらのデザインともに、下へスクロールしてもメニューがついてきてくれます。ページが縦に長くなっても迷子になりません。もちろん、小説など向けの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見出しおよびリストを追加。
- 「頒布物一覧用ページ」を追加。
詳しくはこちらのお知らせをご確認ください。
はじめまして、ミチルと申します。
本日、御サイトのテンプレートを用いたHPを公開いたしました。
テンプレートの一部だけ使用することも可能という文面に安堵しております。
私なりの改変を加えましたが、テンプレートなしに作るのはまず不可能だったと思います。
利用報告の義務はないとのことですが、応援したいという気持ちを込めて、コメントを残します。
今後も頑張ってください！
ミチルさま
コメントありがとうございます！拝見しましたが、かなりオリジナリティのあるサイトになりましたね！バリバリに活用していただけて、製作者としてとても嬉しいです。素材としての再配布さえしなければ、改変に制限はありませんので、今後もご活用いただければ幸いです。
はじめまして、もちづきと申します。素敵なテンプレート使わせていただきました?✨
おかげさまで理想のサイトが短時間で作ることができました！(レイアウト崩れているところもありますが…)
感謝の気持ちを伝えたかったのでメッセージ失礼します。
今後も応援しております！