MYSTICDIARY

vintage romantic web design

今年最後のテンプレート!


暮れもおしせまってきました。なんとなく気ぜわしいこの時期、今年最後のテンプレート
作りました!
今回は少し流行を取り入れて、背景にパララックスを使用したり、タイトルやボタンにアニメーションを
取り入れてみたりしました。
(なるべく最新のブラウザで見てください)

cloudsample.jpg


サイドバーは隠れているので、menuを押すと横からニュルっと出てくるようになってます。
昨今のトレンドとして、デザインはよりシンプルになっていく傾向があるようです。
ブログのデザインというと、メインカラムの横にサイドバーというオーソドックスなレイアウトが
ありますが、そのようなレイアウトは少々古くさいものとなりつつあるような気がします。
デザインはシンプルに、アニメーションなどで動きを加える、というのが来年も
続きそうな感じです。

ヘッダーのアバターはお好きに変更してください。
<div id="avatar">
<img src="https://blog-imgs-42.fc2.com/m/y/s/mysticdiary/avatar.png">
</div>

htmlの画像リンクを差し替えます。画像の大きさは自由ですが、サンプルでは
100px×100pxです。

ファイルは以下からダウンロードしてください。

cloud.zip
DOWNLOAD
関連記事

4 Comments


あやか says...""
はじめまして!こんなに可愛いレスポンシブテンプレートが存在するなんて…感動です(。´Д⊂)これからも素敵なデザイン楽しみにしてますー!!
2014.01.13 00:34 | URL | #- [edit]
管理人 says..."あやかさんへ"
こんにちは。

コメントありがとうございます。
これからもよろしくお願いします。
2014.01.15 14:44 | URL | #i4E9Nobc [edit]
kino says..."cloudのメニュー画面が表示されません。"
先ほど、文字コードの記事にコメントさせていただいた者です。
連投で失礼します。
環境や状況を詳しく書いていなかったので、改めてコメントさせて頂きます。

OSはWindow7です。
ブラウザは、日頃はchromeを使っております。
特にプラグインやソフトなどの導入はしておりません。
友人からIE11 32bitで、メニューをclickすると真っ白く表示されてリンクが
まったく見えないそうです。

私もIE11で確認いたしまたところ、メニュー画面は開きますが
真っ白でなにも表示されていない状況です。
カスタマイズは一切しておりません。

ブラウザのキャッシュクリアなど試してみましたが
どうしてもIE11ではメニューを見ることができません。
何か対策がございましたら、よろしくお願い申し上げます。

当サイトのURLを載せておきますので、ご確認をお願いします。
2014.06.28 01:23 | URL | #- [edit]
kino says..."解決できました"
collarboxを導入していたため、IE11ではメニューが表示されなかったようです。
collarboxのスクリプトを</body>の真上に移動したら
メニューが表示されました。連投でお騒がせしてすみませんでしたm(_ _)m
2014.06.28 04:46 | URL | #- [edit]

Leave a reply







管理者にだけ表示を許可する

Trackbacks


trackbackURL:https://mysticdiary.blog.fc2.com/tb.php/455-585556e1