Loading...

001:空にうたえば

htmlテンプレート「空にうたえば」シンプル

空にうたえばは、最もベーシックな形のテンプレートです。画像や色を変更することで、手軽にサイトのイメージを変えることができます。

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

Lightboxの設置方法と使い方

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

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

お着換え版もあります

更新履歴

2020.01.05

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

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

コメント

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