mysticdiary

更新はLittleDreamでしています。右のバナーからどうぞ

そんで、何を思ったか

前回のクラシックテーストで疲労してしまった管理人。
今度は何を思ったか、デザインはほどほどにしといて、最新の技術を取り入れてみよう!と
思い立った(笑)。

whitebox.jpg


jqueryを利用して、いろいろな動きを取り入れるのである。
まず最初に一番上のナビバーにlavaLampという、ユニークな動きのjqueryを取り入れることに。
これでホバー時の動きが気持ちよくなった(笑)。

そいでもってさらに、上部のpullボタンを押すとコンテンツがスライドしておりてくる動きを取り入れ、
そこにgalleriaというかっこいい画像ギャラリーを入れてみた。
もちろんこのスペースは画像ギャラリーだけではなく、自分の好きなコンテンツが自由に入れられる
のだが、この辺のカスタマイズは少々知識が必要になってしまうので、中/上級者向けということに
なってしまうかも知れない。

最後にデザインだが、これはなぜか全体的に管理人にしては珍しいメルヘンテイスト。

whiteboxshita.jpg


フッターの画像は、ブレーメンの音楽隊である。本当は赤ずきんちゃんとかもっとかわいい題材にしたかったのだが、適当な画像が見つからなかったため断念。
管理人の画力がもう少しあれば良いのだが、いまの所ここらが限界か(爆)

4月17日追記:
リクエストがあったので、このテンプレートをダウンロードできるようにしてみました。
不具合についてですが、ブラウザなどの環境によっては、
閲覧する際に、最新のコメントからうまく該当のコメントに飛ばない、追記を開いた場合に画面下まで
スクロールしてしまうなどの問題があります。
通常のブログ機能については問題ないです。
不具合についてはフォローしませんので、ご承知の上自己責任でご利用ください。

文字エンコードはEUC-JPです。
文字化けに注意してください。

whitebox.html


whitebox.css


カスタマイズマニュアルwhitebox.txt









関連記事
baorin

いつも超ド近眼眼鏡をかけています。ああ、視力が良くなりたい・・・。好物はおすしです。性格はずぼらで人見知りです。こわい人がきらいです。

7 Comments

sugarbag says...""
はじめまして、FC2ブログで MY JAZZ GUITAR LIFEというブログでtownlightのテンプレートを使わせていただいてます、お世話になっています。すぐに、これだ!
と思いました。大変気に入っております(#^o^#)
ご挨拶かたがた訪問しました、今後とも
宜しくお願い致します。(^O~)/
2010.01.14 20:43 | URL | #- [edit]
管理人 says...""
sugarbagさん、はじめまして。

townlightを使っていただきありがとうございます。
そういえば、夜の町並みはJAZZの雰囲気にも
合いますね。
今後ともよろしくお願いいたします。

ちなみに、sugarbagさんというのは、とてもかわいい
ハンドルネームですね!
2010.01.15 11:48 | URL | #- [edit]
roofguardian says...""
初めまして。
roofguardian.comというブログにて、mysticdiaryのテンプレートを使わせていただいております。

シンプルで素敵なテンプレートをありがとうございます。
更新後に自分でブログを読み直す際にも、なにか読書をしているような癒しをいただいております。

1つ質問なのですが、カレンダーに記事アップ時の日付が判るような色づけ(ポイントしなくても判るような)をしたいのですが、何かカスタム方法がありますでしょうか。

お忙しいところすみませんが、教えていただければ幸いです。
2010.01.19 02:11 | URL | #- [edit]
管理人 says...""
roofguardianさま。
はじめまして。

ブログ拝見いたしました。
公式プラグインのカレンダーですね。

それですと、
cssの編集画面で、一番下に以下のCSSを挿入してください。

.calender td,.calender th {
font-size:12px;
width:20px;
height:20px;
text-align:center;
}

.calender td a {
color:#72b3aa !important;
font-weight:bold !important;
}

こんな感じに挿入されるといいと思います。
見栄えも多少よくなると思います。
2010.01.19 15:30 | URL | #- [edit]
roofguardian says...""
管理人さま

返信ありがとうございます。
早速、教えていただいたCSSを挿入してみましたところ、随分と使い勝手がよくなりました。

本当にありがとうございました。

これからも、シンプルで素敵なテンプレートを生みだしていってくださいね。
2010.01.19 21:02 | URL | #- [edit]
ショカワ says...""
管理人様

管理人様が作るような、シンプルで機能的な理想的なテンプレートをいま発見しまして、とても興奮しています!

このブレーメンのテンプレートをぜひ使わせていただきたいのですが、fc2からダウンロードできないようで、困っております。
素人なので、上のhtmlとcssの利用法もいまいち分かりません。教えていただけないでしょうか。

どうぞよろしくお願いいたします。
2011.02.03 13:07 | URL | #- [edit]
管理人 says..."ショカワさんへ"
こんにちは。

このテンプレートは共有申請していないのでfc2からは
ダウンロードできません。

上の記事中にあるhtmlとcss、マニュアルをご自分のパソコンに
ダウンロードして中身を開き、その中身をコピーして
fc2ブログのhtml編集画面で貼付けてください。

2011.02.07 20:13 | URL | #- [edit]

Leave a reply






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

Trackbacks

trackbackURL:https://mysticdiary.blog.fc2.com/tb.php/132-5c427392
← 本日テンプレートをバージョンアップ! → 新しいテンプレートを作ったケド