mysticdiary

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

寝ちがえて首が痛い

寝ちがえて首が痛い管理人です。
ちょっと左にまげるだけで痛い。激痛。
いた~ともんどりうっちゃうような痛さ。もんでも痛い。
そのまんま座っててもときどきピキッと痛みが走る(笑)
どうしたもんやら・・・・ということで新しいテンプレートです。
(全然関係ない)

今回は、いたってシンプルに誰にでも使いやすいように作ってみました。

minimuw.jpg
minimu

minimub.jpg
minimubray

色違いで白とグレイがあります。
なんの工夫もないテンプレートなので逆にどんな内容のブログにも
合うと思います(笑)

これは来週共有申請するつもりなので、もうしばらくたつとFC2ブログの
方からダウンロードできると思います。
しばしお待ちを・・・。


●上部ナビゲーションの編集

これはリンク(#)の部分にお好きなリンクさせたいURLを入れてください。

<nav class="navigation">
<ul>
<li class="menu1"><a href="#" onfocus="this.blur();" class="nonborder" title="menu">menu</a></li>
<li class="menu2"><a href="#" onfocus="this.blur();" class="nonborder" title="menu">menu</a></li>
<li class="menu3"><a href="#" onfocus="this.blur();" class="nonborder" title="menu">menu</a></li>
<li class="menu4"><a href="#" onfocus="this.blur();" class="nonborder" title="menu">menu</a></li>
<li class="menu5"><a href="#" onfocus="this.blur();" class="nonborder" title="menu">menu</a></li>
<li class="menu6"><a href="#" onfocus="this.blur();" class="nonborder" title="menu">menu</a></li>
<li class="menu7"><a href="#" onfocus="this.blur();" class="nonborder" title="menu">menu</a></li>
<li class="menu8"><a href="#" onfocus="this.blur();" class="nonborder" title="menu">menu</a></li>
</ul>
</nav><!--navigationここまで-->


menuの部分はお好きな文字列に変更します。ついでにtitleも変更しとくと良いですね。

●写真の変更

これはおなじみのclassslideです。
画像アドレスを自分の好きなものに変更します。
画像の大きさは、950px×240pxです。

<div class="topphoto">
<div class="topphoto2">
<script type="text/javascript">
$(function() {
$('.topphoto2').crossSlide({
sleep: 5,
fade: 5
}, [
{ src: 'http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/minimaphoto101.jpg'},
{ src: 'http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/minimaphoto102.jpg' },
{ src: 'http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/minimaphoto103.jpg'}
]);
});
</script>
</div>
</div>


以下からダウンロードしてください。

minimu

minimu.html
minimu.html

minimu.css
minimu.css




minimugray

minimugray.html
minimugray.html

minimugray.css
minimugray.css



関連記事
baorin

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

11 Comments

じょにお says...""
はじめまして。最近FC2ブログへの引越しを行いました。いいテンプレートはないかと探していたところ、こちらに辿り着きました。
どのテンプレートも素晴らしいですが、特にこのminimuのテンプレートに一目惚れしました。ホワイトとグレーを季節ごとに使い分けさせていただきたいと思います。こちらのブログに出会えて本当に嬉しく思います。ありがとうございます。
体調、早く良くなられることをお祈りしています。
2011.11.01 23:06 | URL | #3fSe.YNE [edit]
says...""
はじめまして!

私好みの素晴らしいテンプレートです♪

そこで分らないことがありましたので、ご指導お願い致します。
DLしたテンプレートは「minimugray」です。
最下部にある「▲PageTop」をクリックしますと

「404Error-FC2ブログ・ご指定のファイルが見つかりませんでした」
 http://error.fc2.com/blog/←に飛んでしまいます?

初心者なりにグッグって調べてみましたが、どうしても原因が分りません。

やっと巡り会えたテンプレート、末永く使用させて頂きたく思いますので、
どうぞ宜しくお願い致します。
2012.01.23 17:42 | URL | #- [edit]
管理人 says..."m.motoiさんへ"
こんにちは。
本当に不思議なのですが、ファイルが消えていたようです。
最近fc2ブログではアップロードしたはずの画像やファイルがいつのまにか
消えていることがあります。
ファイルがないのでエラーになってダウンロードできませんでした。
すみません。
なんとかfc2ブログのこういった問題は解決して欲しいものですが・・・。
2012.04.08 18:51 | URL | #i4E9Nobc [edit]
管理人 says..."透さんへ"
こんにちは。
体調不良で返信できなくてすみませんでした。
もしかしたらhtmlが文字化けしているのかもしれませんが、
htmlの下の方にある、

<nav class="pagetop3"><a href="body" onfocus="this.blur();" class="nonborder">▲PageTop</a></nav>

このhtmlの<a href="body"の所を<a href="#container"と変更してみてください。
同様にあと2か所ある

<nav class="pagetop"><a href="body" onfocus="this.blur();" class="nonborder">▲PageTop</a></nav>

<nav class="pagetop2"><a href="body" onfocus="this.blur();" class="nonborder">▲PageTop</a></nav>

も上と同じようにbodyを#containerに直します。
よろしくお願いします。
2012.07.26 12:52 | URL | #i4E9Nobc [edit]
管理人 says..."透さんへ"
このテンプレートはデフォルトでページトップにアニメーションしてスクロールするように
作ってあるので、ユーザーの方でなにかする必要はありません。
もしスクロールしないのであれば、やはりファイルが壊れているか、
文字化けしている可能性などが考えられると思います。
もう一度ダウンロードしてチェックしてみてください。
透さんのブログがサーバーを移行したブログであれば、
文字コートを直したりする必要があるかも知れません。

FC2ブログの文字コード問題
http://mysticdiary.blog99.fc2.com/blog-entry-400.html
こちらを参照してください。
2012.07.27 11:21 | URL | #i4E9Nobc [edit]
says...""
MDさんへ

HTML+CSSの上部の文字コードをEUC-JP~UTF-8に書き変えの変更のみで
不具合が解決されました。 ありがとうございます♪
2012.07.27 14:52 | URL | #- [edit]
管理人 says..."透さんへ"
こんにちは。
ウィンドウズなら右クリックでデスクトップなどにファイルをダウンロードして、
テキストエディタなどでファイルを開きます。
その中身をfc2の編集画面にコピペするだけです。
個人個人のお好きなやり方でやればいいのですが、ファイルをアップロードしたり
することはないと思います。
透さんのブログを拝見したところ、サイドバーの楽天市場のあたりから、
余計な</a>タグや<div>タグがたくさんあるように思いました。
これだとIEだと確実にレイアウトが崩れます。チェックしてみてください。

あと、今後質問はシークレットにしないようにお願いします。
他の方への参考になるため、シークレットの質問には今後は答えないことにしました。
(規約をご覧ください)
よろしくお願いします。
2012.07.30 12:41 | URL | #i4E9Nobc [edit]
ぼち婚 says..."画像がすり替えできず悩んでます"
始めまして。 キレイなテンプレート配布されててみているだけで楽しいです。

じぶんも今回使わせていただければと思い「minimu」をDLさせていただき、HTML&CSS を置き換えたらそのままではうまく表示したのですが、画像を自前のものに変更しようとUPLOAD して以下のように書き換えたのですが、何も表示されなくて・・・困っています。

*****************
<div class="topphoto">
<div class="topphoto2">
<script type="text/javascript">
$(function() {
$('.topphoto2').crossSlide({
sleep: 5,
fade: 5
}, [
{ src: 'http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/img555.jpg',dir: 'up' },
{ src: 'http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/img444.jpg',dir: 'down' },
{ src: 'http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/img222.jpg',dir: 'up' }
]);
});
</script>
</div>
********
サイズは 950×r250にあわせました。

もしお気づきのことありましたら、お忙しいと思いますがアドバイスいただければ幸いです。
2012.08.22 18:16 | URL | #z8Ev11P6 [edit]
管理人 says..."ぼち婚さんへ"
こんにちは。
画像アドレスがご自分のサーバーになっていないからじゃないでしょうか?
このままだと管理人のサーバーになってますけど。。。
そこを直せばうまくいくと思います。
2012.08.22 19:45 | URL | #JC3FHLh6 [edit]
ぼち婚 says..."やはり無理でした"
お返事ありがとうございます。 そうじゃないかと思ったのですが、試しに画像のアドレスをダイレクトに入れると、FC2のメーッセージが出たので、 FC2のUPローダーでUPしたら、書かれた場所に格納されると思っていました。

 やはり無理でした。
HPスペースを借りて、UPし、URL入れて画像確認してから、張り替えても・・・・・×
他のHPスペースから直接呼んでも・・・・・・×
もしかしたら、ブログにUPしたものはブログアドレスの後ろの画像名をいれたら・・・・これも×
何かほかをいじってしまったのかと 再度テンプレUPしなおして・・・・×
直接 テンプレのほうで先に修正してからUP・・・・・×

ブログのでUPした画像が何処にしまいこまれるのかわかれば、そこから呼び出せばできるかもなのですが、記事に画像貼り付けて、そのアドレス確かめて・・・を最後にやってみます。

どうもすいませんでした。 せっかくいいテンプレート借りれてよ六根でいたのに残念です。
2012.08.23 05:23 | URL | #z8Ev11P6 [edit]
ぼち婚 says..."オサワガセいたしました。"
 ↑ の方法でうまくいきました。

もしこれを見られた方で、うまくいかないかたは(そんなのは私だけかなwww)以下ご参考に^^

 1. ブログのUPロードから写真をUPする
 2. その写真を使って記事を書く
 3. 表示された写真 右クリでプロパティーを見る(IE7 XPの場合)
 4. そこの画像が保存されたファイルの場所がみれるので、コピーするなりして、
    テンプレートを置き換える

    どうもオサワガセいたしました。ありがとうございました。
2012.08.23 05:35 | URL | #z8Ev11P6 [edit]

Leave a reply






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

Trackbacks

trackbackURL:https://mysticdiary.blog.fc2.com/tb.php/385-96722c28
← もう1か月たっている・・・ → 御殿場時之栖にいってみた