mysticdiary

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

なんか不思議・・?

新しいテンプレートは、なんか不思議の世界??
特になんのプランもなくなんとなく作ってたらこんな感じに。(爆)
背景のキラキラ光っている感じの画像は無料素材をぼかしてみたりシームレスに
してみたりして作ってみました。

bubblesample.jpg

ナビゲーションのシャボン玉だか、ただの光の玉だかなんだかわからない物体は、少々上下に 動くアニメーションを入れてみた。
ついでに、上下の動きにあわせて影も薄くなったり濃くなったりアニメーションしてるんだけど、 これもIEだと動かない(爆)。

しかし、いつもIEだけつまはじきにするのも悪いと思い(笑)、IEでも動くようにスクリプト入れて
みようかなと思ったりしてみたが、FC2BLOGって外部スクリプト受けつけてくれないんだな(爆)。
なので、jqueryでcss3に対応させたり、png画像のopacity使ったりするのは断念(笑)。
結局、影のアニメーションはIEだけ動かないことに。
なにか別の方法でうまく表示できる方法があるのかも知れないけど、今のところ管理人の能力では これが限界か(爆)。
日々勉強ですのう・・・。

5月31日追記:

●サイドバーの項目を開いた状態にする

サイドバーはjqueryを使って閉じた状態にしているので、常に開いた状態にしておくには、
jqueryへのリンクを切っておくだけでオッケーです。

<script type="text/javascript" src="https://blog-imgs-30.fc2.com/m/y/s/mysticdiary/slidetogglesample.js"></script>

HTML上部の方にある、このソースを丸々削除するか、
後々のために残してリンクアドレスの最後の.jsだけ消去しておけばリンクは切れます。

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

HTML編集画面で下のソースを探します。(比較的上の方にあります)

<div id="menu">
<div id="allpost">
<a href="<%url>archives.html" onfocus="this.blur();" class="nonborder">All post</a>
</div>
<div id="twitter"><a href="http://twitter.com/" onfocus="this.blur();" class="nonborder">Twitter</a></div>
<div id="rss"><a href="<%url>?xml" onfocus="this.blur();" class="nonborder">Rss</a></div>
<div id="mail"><a href="mailto:?subject=問い合わせ&body=ご記入ください" onfocus="this.blur();" class="nonborder">Contact</a></div>
<div id="admin"><a href="<%server_url>control.php" onfocus="this.blur();" class="nonborder">Admin</a></div>
</div><!-- menu -->
この部分のそれぞれの項目のリンクアドレスとリンク名をお好きなものに書き換えるだけです。
ただID名(allpost twitterなどの)はCSSで位置をコントロールしているため、変更しない方が無難です。

例:

<div id="allpost">
<a href="http://www.baorin.com" onfocus="this.blur();" class="nonborder">私のホームページ</a>
</div>
こんな具合に書き換えてください。
関連記事
baorin

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

14 Comments

管理人 says...""
すずななさんへ。

後ほど記事の方に編集方法をアップしますので、
少々お待ちくださいね。
2010.05.31 11:39 | URL | #- [edit]
管理人 says...""
=shotako= さん、こんにちは。

コメントのメールがおかしくなってしまうとのことですが、
ブログ上で名前をクリックした時でしょうか?
それとも管理画面でコメントの詳細を見たときでしょうか?
管理人の方のテストでは、どちらも一応正常に表示されています。
(クリックするとメールソフトが開き、アドレスが正常に表示されます)
win・macとも特に問題ありませんでした。

その後も調子はおかしいままですか?
良かったらお使いのブラウザなど、環境を教えてください。
2010.05.31 12:33 | URL | #- [edit]
管理人 says...""
Riaさん、こんにちは。

上の記事で開いた状態にしておく方法を追加しました。
よかったら参考になさってください。
2010.05.31 12:39 | URL | #- [edit]
Ria says...""
詳しい解説ありがとうございます。
サイドバー開いた状態で利用できるみたいなので、
これで利用することができそうです。

管理人さまの作るテンプレートは、
すっきりしてて文章もメニューもとても見やすくて気にいってます。
ありがとうございます。
2010.06.01 09:54 | URL | #qbIq4rIg [edit]
管理人 says...""
名無しさんへ。

IE6は未対応です。
2010.06.02 07:30 | URL | #- [edit]
管理人 says...""
沙稀さんへ。

すみませんが、3カラムにするのは背景に画像を使っているので
無理だと思います。
管理人のテンプレートは基本的にあまりカラム数を変更できるようには
作成してないです。
よろしくお願いします。
2010.06.02 07:32 | URL | #- [edit]
沙稀 says...""
管理人様へ

お返事ありがとうございます
残念ですが諦めます
お忙しい中お手数をおかけいたしました
2010.06.03 08:43 | URL | #- [edit]
管理人 says...""
柊子さん、こんにちは。

ええと、メインコンテンツとサイドバーの幅はちょっと
広げるのは難しいかも知れません。
背景に画像を使っているので・・。
よろしくお願いします。
2010.06.06 20:34 | URL | #- [edit]
柊子 says...""
管理人様へ

こんばんは♪

お返事ありがとうございます。

残念ですが諦めます。
これからも、テンプレート楽しみにしています。
お忙しい所、ありがとうございました。
2010.06.07 22:30 | URL | #- [edit]
管理人 says...""
Nさんへ。

光の玉はjqueryのアニメーションで動作しているので、
jqueryの記述を変更しないと動かないと思います。

jqueryの記述は外部ファイルになっており、html上部の方に
そのファイルへのリンクが記述してあります。

とまあ、こんな仕組みになっていますです。
2010.06.22 11:46 | URL | #- [edit]
管理人 says...""
Nさんへ。

jqueryの書き換えが必要になるので、
知識がないとちょっと難しいかも知れません。
jqueryの中身はリンクを開いて見ればわかるので、
大体構造がわかると思います。

http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/bubblejs22.js
http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/bubbleie.js

二つあるのはIEとそうでない場合で分けているからです。

光の玉を追加する所まではできてらっしゃるみたいなので、
あとはIDを適当につけて、
CSSで位置をコントロールして、
jqueryに記述を追加するだけです。jqueryでも同じID名が
使えます。

個別カスタマイズについては、きりがなくなるので
あまり詳しいソースなどは提示しない方針でやっとります。
なにとぞご理解いただきますようお願い申し上げます。


2010.06.24 10:44 | URL | #- [edit]
管理人 says..."春さんへ"
こんにちは。

上の記事にあるナビゲーションの編集という項目は
ご質問の参考にならないでしょうか?

あと、クリックするとリンク先が出てくるというのは、
リンク部分にポインタをあわせると出現する
ツールチップのことでしょうか?
2010.08.15 10:38 | URL | #- [edit]
管理人 says..."ゆみさんへ"
こんにちは。

背景の色を変更したいということでしたら、
画像を指定しているので、お好みの色の画像を自作していただくしかありません。

よろしくお願いします。
2011.02.23 11:07 | URL | #- [edit]
k says..."こんばんは。"
このテンプレートが気に入り使わせていただいてます。

1) 記事タイトル横にNEWの文字入れを試したのですが 出来なくて。。。
   もちろん自分なりに調べ色々試しました。

2) タイトル下の部分、日付と管理人だけを残し、コメントやトラックバックを一番下に移動したい。

3) 更新しているにもかかわらずカレンダーの色が変わっていない日が多い。

この三つを教えていただけませんか?
知恵袋などで自分なりに調べたんですが・・・  出来なくて・・・
他のテンプレートに変更も考えたのですが、どうしてもこのテンプレートが気に入ってまして。。。
個別の質問に答えていただけないのも、現在、返信を出来ない状況もわかった上で質問しています。
すみません。。。  本当に諦めきれなくて。。。

どのようにすればよいのか教えていただけると嬉しいです。
どの部分をいじれば良いのか、ヒントだけでもいただけたら・・・嬉しいな(*^_^*)  
ちなみにPC操作は初心者です。   ごめんなさい。

よろしくお願いします。


2012.12.15 22:43 | URL | #htETt/9A [edit]

Leave a reply






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

Trackbacks

trackbackURL:https://mysticdiary.blog.fc2.com/tb.php/164-fc51eb36
← どうして古くなってしまうんだ!(爆) → モダンに逆もどり