童話チックなフレーム風テンプレート「赤ずきん」

2014-10-29 2018-12-12

「赤ずきん」は横分割フレーム風のテンプレートです。21作目です。

手描きイラストと刺繍風のメニューバーが可愛い

どの端末からも見やすく、1カラムで表示されるレスポンシブデザインです。

「赤ずきんちゃんがテーマ＋入るときにワンクッションあるもの」のご要望にお応えしました。

※ご利用の際は利用規約の独自ライセンスの項目をご一読ください。

赤ずきんのイラストは「ふわふわ。り」さんからお借りしました。リンクウェア等の規約を守ってお使いください。

私がネットを始めたころから存じている素材屋さんなので、今回テンプレートにすることができて嬉しかったです！

イラストサイトさんならご自分のイラストを飾るのもいいですね。

その際は.col4 {height: 271px;}を画像の高さに合わせると綺麗に表示されます。あまり高くしすぎるとサイトが見づらくなってしまうのでお気をつけください。

ナビゲーションメニューの背景を赤色にし、内側に白い点線を走らせることで、赤いフェルトを縫ったかのような見た目にしました。
赤ずきんと相まってかわいい雰囲気になっています。

他にも水平線や<em>タグなどの装飾を点線で揃えました。

サイト名とメニュー、イラストはページの下部に固定されているので、スクロールしても動きません。
一見、横分割フレームを使ったような感じです。

しかし、スマホと小さめのタブレットでは固定が解除されます。使用イメージ画像やデモサイトにてご確認ください。

サイト作りに慣れていなければ「HTMLテンプレートを使ったサイト制作の流れ」をご覧ください。