11.25 テンプレート公開

12345 , rank rank rank

introduction

? about template

ヘッダーメニューは絶対固定にしておりますが、fixedをabsoluteに変更してスクロール可能にしてもいいかもしれません
また個別ページに分けることも可能だと思います、お好みで使い分けてください

? sample text etc.

テキストや文章はこのように表示されます
いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす

span:sample
mark:sample
strong:sample
small:sample

class="center"で中央寄せ

class="right"で右寄せ

section > section はこう表示されます
いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす

details / 詳細

ここに詳細を書くことができます
いろはにほへとちりぬるをわかよたれそつねならむ

details > details

このタグは入れ子にすることも可能です
いろはにほへとちりぬるをわかよたれそつねならむ

? sample two column

sectionにclass="half"を追加することにより700px以上で2カラムになります
カラム落ちしないようにHTMLの記述にはご注意ください

いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす

? sample mailform

works

// long storty

// short story

作品のタイトル , 作品のタイトル , 作品のタイトル , 作品のタイトル , 作品のタイトル , 作品のタイトル , 作品のタイトル , 作品のタイトル , 作品のタイトル

* タイトルの長さにもよりますが、ulにdisplay:inline-block;を入れてありますので、ある一定の横幅になると横並びになります

view source

? material and title


image by Mehdi Babousan from Unsplash



こちらの画像はアンティークパブリックドメインさまよりお借りしました、ありがとうございます
配布元さまの規約に従い、こちらからでも保存可能ですが画像の直リンクはお辞めください、何卒お願いいたします


タイトルはjoujouさまよりお借りしました、ありがとうございます

? source code

head

body