花楼夢 karoumu

同人ゲームの特設サイト用テンプレート作成しました

同人ゲームの特設サイト用
HTML&CSS配布します

テンプレートというほどでもないです。デザインをしていないので。
基本のHTML(ちょびっとjQuery)と、パーツを配置するCSSを組んだのみなので、そのままでは使えない・・・こともないけど、どシンプルになります。
ゲームのイメージに合わせて、色やフォントを変えて使っていただければよいかと。
レスポンシブデザインになっているので、スマホでもそれなりに表示されます。

使い方

  1. index.html—
    サンプルテキストの部分を書き変えてください。
    トップ画像、キャラクター画像、サンプル画像などが配置してあるので、必要に応じて用意した画像を挿入してください。
  2. style.css—
    フォントや背景色を変更してください。
    参考:Noto Sans JP(Google Font)、
    フォントカラー#000、背景色#ddd、#aaa を指定しています。
    その他、見出しやホバー時など、お好みで装飾してください。

下記リンクからzipファイルがダウンロードできるので、解凍して使ってください。

Download

DEMO ←中身はこんな感じ

テンプレート使用例

せっかくなので、このHTML&CSSを使って、架空のフリゲ特設サイトを作ってみました。

星屑の涙 -Stardust tears-

変更した部分は以下の通り。

  • メニューの背景色
  • フォント
  • h2タグの装飾
  • リンクのホバー時の装飾

これらを編集するだけで、だいぶ見栄えしますね。
あとはページ全体の背景に画像をおいたりするともっと良さそう。

ちなみに、架空なので、このゲームはまったく作っていません!!
キャラ絵を描いたり、背景とUI画像作ったり、正直何をやってるんだろうな??と自分でも思いながら作りました。
ま、イラストやデザインの練習になるし、楽しかったから良いんですけど😂
あと、ようやく以前に梨麦ななめさんに作っていただいたパレットを使わせていただくことができました。
ずっと何か作りたかったんや・・・

お話の設定なんかは、考えてるうちになんとなーくできてきたんですけど、たぶんゲームは作らないです。
むしろ、作ろうかなと思ってる話のスピンオフみたいな感じ。

webサイト作りましょう!!

SNSが始まって、すっかり廃れてしまった個人サイト・・・
わたくし、ゴリゴリの個人サイト時代の人なので、寂しい限りです。
サイト作りが好きで、去年くらいからwebデザイナーを目指してたりするんですけど・・・
やっぱり個人サイトを作るのが好きなんですよね😭
実は、webテンプレート配布の別サイトを持ってたりもします。

空蝉|WEBサイトテンプレート配布サイト

もはやHTMLやCSSがわからなくても、サイト作れるサービスいっぱいありますけど。
意外と、こっちのテンプレート配布サイトにもお客様来られたりしてます。
タグ打ちで作ると、広告なしのサーバー借りてサイト作ったりできて、需要あるのかもしれないですね。
ちなみにWIX使ってみたことありますが、当時は超低スペックPCだったせいか動作が遅く、くっそタグ打ちの方が早い!ってなってやめちゃった・・・

同人ゲームも、ふりーむさんやノベコレさん(ティラノに限る)などがあって、サイトもってなくてもゲームの配布はできますが・・・
特設サイトがあるのって、なんか良くないですか!?
ぽい感じ出ませんか!?

ということで、
特設サイト作ってみたい!でも無料サービスは気に入るものがない!
HTML/CSSで作ってみたい!でもよくわからん!
というような方にでも使っていただければと思います。

Category