mysticdiary

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

なんかパリ・・・

別にパリっぽい雰囲気を出そうとか思ったわけじゃないんだけど、
なんとなくヘッダーが凱旋門とかエッフェル塔のイメージ。
どことなくジューンブライドを意識した感じもしないではないけど、
別に何も考えてない(爆)

whiterosesample_20100606125455.jpg

相変わらずプレビューの調子がおかしいのだが、
サイドバーの一番上は開いている状態なのは前回に同じ。
もちろん全部開いておくこともできるし、全部閉じておくこともできる。

ナビゲーションは今回は画像なので自由に変更することはできないのが、
ちょいと難点かなあ。少しおしゃれなフォント使いたかったからこうなっちゃったんだけど。
そのまんま使ってくれる人におすすめ。

背景のおねいさんの画像はclossslideで変わるようになってるけど、
軽くするためにjpg画像を使ってます。png画像だと重くなっちゃうし・・・。
なので、変更するには背景色と統合させなければならず、ぼかしも使ったりして、
ちょいとテクニックが必要なので大変かも知れない。
手間かければできないことはないけど・・。

これももう少し修正して今週末あたり申請してみよう。

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

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

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

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

●写真の変更

<div class="photo">
<style type="text/css"> 
  #memory3 {
    margin:0;
    width: 456px;
    height: 533px;
  }
</style> 
<script type="text/javascript"> 
  $(function() {
    $('#memory3').crossSlide({
      sleep: 20,
      fade: 1
    }, [
      { src: 'http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/whiterosephoto5.jpg' },
      { src: 'http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/whiterosephoto2.jpg' },
     { src: 'http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/whiterosephoto3.jpg' }      
    ]);
  });
</script> 
 
<div id="memory3">Loading…</div> 
</div>
写真の大きさは、456px×534pxです。
いつもの通り、画像のリンクアドレスを差し替えるだけです。
くわしい説明は、以前の記事を参考に。

whiterosenbackground.jpg
背景画像の色

whiterosephoto5.jpg
サンプル画像

上のサンプル画像をダウンロードして、背景色と大きさの参考にしてください。

●メニューの編集

<div id="menu">
<ul>
<li class="allpost"><a href="<%url>archives.html" onfocus="this.blur();" class="nonborder" title="全ての記事">allpost</a></li>
<li class="twitter"><a href="http://twitter.com/" onfocus="this.blur();" class="nonborder" title="Twitter">twitter</a></li>
<li class="rss"><a href="<%url>?xml" onfocus="this.blur();" class="nonborder" title="Rss">rss</a></li>
<li class="mail"><a href="mailto:?subject=hello!&body=message" onfocus="this.blur();" class="nonborder" title="メール">mail</a></li>
<li class="admin"><a href="<%server_url>control.php" onfocus="this.blur();" class="nonborder" title="管理画面">admin</a></li>
</ul>
</div>
今回は文字も画像になっているため、項目の変更はできません。
ツイッターやメールアドレスはご自分のを入力してください。
メールアドレスはmailto:の後にいれます。
関連記事
baorin

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

15 Comments

y. says...""
ストックしようと思って、あわてて探しに行ったら、まだ出てなかった。
(--);
素敵なテンプが沢山、最近ロマンチックガールの写真やっと入れられました。セピアの薔薇にしました。女性のが像の色がだせなかったです。でも私のセピアのイメージでつくりました。
フェードも好きなのでかえました。パールとroseの画像変換はしてみましたが、いまいちで没、、これはかえてはいけない部分かしら??著作権侵害ですか?y.
2010.06.07 21:23 | URL | #- [edit]
管理人 says...""
y.さんへ。

いやいやお好きに変更してくださって結構ですよ。
オリジナルの画像を加工するのはお断りしていますが、
画像を差し替えるなどは特に制限していませんので。

このテンプレートは今週あたり申請する予定なので、
早くて週末か来週のあたまぐらいに公開されるかも知れません。
最近審査期間が短いので(早いと即日)助かってます・・。
2010.06.08 15:54 | URL | #- [edit]
y. says...""
さっそく、お借りしましたが、残念ながら画像が薔薇しかでませんでした。プラウザのせいかしらね??
残念でした。お知らせまで・・・
2010.06.11 20:24 | URL | #- [edit]
管理人 says...""
y.さんへ。

お使いのブラウザはなんですか?
このブログのプレビューでは画像見れてますか?
見れているなら、ブラウザのせいではないと思います。
なんらかの原因でサーバーに障害があるか、
一時的なものか、ダウンロードの際にファイルが壊れたか。
もう一度試してみることをおすすめします。
2010.06.12 08:44 | URL | #- [edit]
y. says...""
いろいろ、消したりしてUP試みましたが、だめでした。。ざんねんですが、諦めて、次のを挑戦します・笑
ロマンティックガールとかはぜんぜんもんだいないですが、、、ね。
有難うございました。y
2010.06.13 09:50 | URL | #- [edit]
管理人 says...""
y.さんへ。

すみませんが、もう一度お伺いしたいのですが、
ご利用のブラウザはなんでしょうか?
あと、このブログのプレビューでは画像が見えているのかどうか
教えていただけると助かります。
2010.06.13 19:38 | URL | #- [edit]
y。 says...""
プラウザはなんでしょうエクスプローラー8以前だと思います。
このぶろぐはしっかり見えてますが、今日も試しましたが、だめでした。ありがとうございます。y。
2010.06.15 09:12 | URL | #- [edit]
管理人 says...""
y。さんへ。

ユーザーさんからのテンプレートの不具合に関する情報は
非常に重要なものです。
一人のユーザーさんからの情報でも、背後に何人も同様の障害が
起きている可能性があるからです。
その場合は、テンプレート配信を停止するか、調整しなおさなければ
なりません。
なので、不具合に関する情報は詳しく書いてくださればくださる程
作成者にとってはありがたいものです。

不具合に関するコメントについては、今後ガイドラインをもうけようか
と思っていますが、
今後は、不具合がおきた状況、お使いのパソコンのOS(オペレーション
システム、ウインドウズ、マックとか)とブラウザの種類
(IEのバージョン6とか)とかを書いていただけると、
非常にありがたいです。
よろしくお願いします。


2010.06.15 11:48 | URL | #- [edit]
y. says...""
os--windows xp ie--6.0でした。
私のpcのせいかもしれませんね。他のテンプレート「スライドショー」のをお借りしてます。よかったら、暇な時にお寄りくださいね。お忙しい中、ご丁寧な回答有難うございました。こんどの白黒も素敵ですね~ (^_^)/~
2010.06.18 07:36 | URL | #- [edit]
Andante says...""
はじめまして。素敵なテンプレートをありがとうございました。
さっそく使わせていただいております。

質問ですが、
わたしへメールをして下さった方がおられますが、
~おそらくリボンの部分の 「Mail]から~

ヤフーのメールボックスにも届いておりません。
昨夜送信されたそうなのですが・・

ご多忙かと思いますが
リボンの「Mail」から送信した場合、
どこに送信されているかわかりましたら
よろしくお願いいたします。

基本的なことでしたら、大変申し訳ございません。


           http://alubileo2.blog66.fc2.com/

2010.06.19 11:32 | URL | #- [edit]
管理人 says...""
Andanteさん、はじめまして。

ブログを拝見させていただきました所、
おそらくメールアドレスを設定されていないのが原因だと思います・・。
メールアドレスはhtml編集画面で該当の箇所に
ご自分のアドレスを記入なさってください。

上の記事でメニューの編集について少々書いてあるので
ご覧ください。
ツイッターのアドレスももしあれば
ご自分のアドレスを記入してください。
2010.06.19 18:35 | URL | #- [edit]
Z says...""
先日mymemory1に書き込みをした者です。現在は、このテンプレートをお借りしています。素敵なテンプレートありがとうございました。

横レスで申し訳ないのですが、ブラウザがie6の場合、PNG画像がサポートされておらず、透明部分が白として表示されるようです。
なので、上で書かれている方の場合も、一番上の薔薇とリボンの画像しか表示されずに、それより下の層の絵が白で潰されてしまって、透けて見えて来ないのではないではないかと思われます。IE Testerで見る限りでは、ie7以降なら、PNG画像は問題なく透けて見えるようです。以上、ご参考まで。
2010.06.24 00:23 | URL | #- [edit]
管理人 says...""
Zさん、こんにちは。

管理人のテンプレートはIE6完全に切り捨てちゃってるので
(他のテンプレートでも大抵の場合PNG画像使ってますし)
仕方ないっちゃ仕方ないですけど、それにしてもIEにはほとほと参ります。

ただ一つ気になるのが「いや~なんとロマンチックに挑戦!」の記事で、
IE7でも透過して見えないとコメントくださった方がいたことです。
管理人もずーっと前に、IE7で見ているけど、モニターの解像度の設定が
低かったために、PNG画像がうまく見れなかったというような経験
はあります。あるいは設定だけではなくて、もともとのモニターの性能
とか、パソコンの機種とか、管理人のPNG画像の作り方
なども関係してくるのではないか・・と思っております。
このあたりはまだ研究段階で結論は出ていないのですが・・。
2010.06.24 10:30 | URL | #- [edit]
眞子 says..."背景色について"
はじめまして。

すてきなテンプレートばかりでわくわくしています。

パリとバラが大好きなのでこのデザインをお借りしました。

自分のバラの画像に変更したいのですが、背景色との統合を

どうやってよいのか分かりません・・・

いろいろ検索して調べてみたのですが、見つかりませんでした。

初心者なのでこのような質問をしてしまって

本当に申し訳ないのですが、もしよろしければ

教えていただけないでしょうか。

お忙しいところ恐れ入りますがよろしくお願いいたします。

2010.08.29 00:13 | URL | #- [edit]
眞子 says..."解決いたしました。"
お騒がせして申し訳ございません。
解決いたしました。

初歩的な質問をして本当に失礼いたしました。
2010.08.29 21:39 | URL | #- [edit]

Leave a reply






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

Trackbacks

trackbackURL:https://mysticdiary.blog.fc2.com/tb.php/167-7ac617bb
← なんちゃってアールデコ → ジョーって紀ちゃん好きだったんだ!!