mysticdiary

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

もうすぐ一カ月になろうとしている・・(笑)

広告が出ないうちに更新しとこう・・って思ってたけど、
僅差で広告がでちゃったよ!(笑)それにしてもまたグーグルのサイトリンクが
復活しとる・・・。なんで?なんで?さっぱりわからん(笑)
それはそうと、今まで作りためてたテンプレートを今回は放出しようかと・・。
前回のmonochrome2とレイアウト的には同じなんだけど、
ミステリファンに使ってほしいな~などと想像しながら作ってみました。

mysterysample.jpg

今回はコンテンツスライダーつかってます。
お好きな画像を入れてください。

< div id="sliderback">
< div id="slider">
< ul>								
<li><a href="#"><img src="https://blog-imgs-30.fc2.com/m/y/s/mysticdiary/mysteryheader.jpg" alt="" /></a></li>
<li><a href="#"><img src="https://blog-imgs-30.fc2.com/m/y/s/mysticdiary/mysteryheader.jpg" alt="" /></a></li>
<li><a href="#"><img src="https://blog-imgs-30.fc2.com/m/y/s/mysticdiary/mysteryheader.jpg" alt="" /></a></li>
<li><a href="#"><img src="https://blog-imgs-30.fc2.com/m/y/s/mysticdiary/mysteryheader.jpg" alt="" /></a></li>
</ul>
</div>
</div>			
申請は来週あたまを予定してます・・。

3月9日追記:

●コンテンツスライダー画像の変更

上記のHTMLを編集画面でさがします。
変更したい画像をご自分で作成します。大きさは650px×200pxです。
画像をFC2のサーバーにアップロードしたら、
上のHTMLの

img src="https://blog-imgs-30.fc2.com/m/y/s/mysticdiary/mysteryheader.jpg"

のリンクをご自分の画像のアドレスに差し替えます。
画像にリンクをはりたい場合は、

<a href="#">

の#の部分をリンクしたいURLに差し替えます。
関連記事
baorin

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

17 Comments

ゆるポタ says...""
こんにちは。
昨年の3月から、こちらの「mysticdiary2」を使わせてもらい、
色々お騒がせした、ゆるポタです。
とても気に入って使わせてもらっているのですが、問題が一つ^^;

私は、写真の画像をメインに載せてるのですが、
ブラウザを小さくしている時とか、モニターがワイド画面ではない場合、
写真の幅が狭まって表示されるとの指摘を受けたのですが、
この写真枠を小さくしてしまうのは、小さくならないようには直せないのでしょうか。
最少テーブルサイズを大きくするといいかもとか言われたのですが、
私には、よく分からないものでして(^^ゞ

写真を、載せたそのもののサイズで、どんな環境下でも、見てもらいたいので、
どうしても直したいのですが・・・・
よろしくお願いします。
2011.01.29 10:45 | URL | #GwI18cS2 [edit]
管理人 says..."ゆるポタさんへ"
こんにちは。

今現在の写真のサイズ(横幅640px)で、全体を見れるようにするには、
サイドバーや右の余白もサイズも足すと、モニターが
横幅1200px以上はないと無理だと思います。現在は1200px以上が主流ですが、
解像度がそれ以下の一昔前のモニター(横幅が1000pxぐらい)を使用
している方もまだまだ多いと思います。
なので、本来なら、写真の全体を万人に見えるようにしておきたいなら、
あらかじめ写真のサイズを調整して載せておくのが無難です。
つまり、サイドバー+右の余白+写真の大きさの合計値が1000px以内におさまる
ようにするには、写真の大きさを450pxぐらいにしておいたほうがいいと
思います。
記事部分の横幅の最小値を設定するのはkizi_bodyにmin-widthを指定すればできます
が、1000px以下のモニターで見ている人は横にスクロールしないと見れないため
管理人はあまりおすすめしません。これは好みの問題だと思いますが・・。


それ以外の方法だと、画面のサイズにあわせて写真の縦横比を変えずにサイズを
調整して表示する方法があります。(画像にwidth:100%を指定する)
これだと画面のサイズに関わらず、全体を表示できますが、縮小した場合、
また実際のサイズより拡大した場合には、元の画像より画質は落ちます。
実際のサイズより拡大させたくない場合は、記事の幅(kizi_body)か
画像に直接max-widthを指定します。

あとは面倒くさくなりますが、lightboxやthickboxを導入する方法があります。
thickboxは管理人のmysteryとmonochrome2には導入してあります。
ためしにどんなものか見てはいかがでしょうか。
2011.01.31 13:10 | URL | #i4E9Nobc [edit]
ゆるポタ says...""
お返事ありがとうございます。

写真のサイズも色々試したのですが、640pxないと写真がテンプレに
負けちゃうんですよ(笑)
そうですか~ いろんな問題があるんですね。
thickboxを見てみましたが、この方法は良さそうですね。
出来るか分かりませんが、挑戦してみます。
でも、「mystery」良いですね(^^ゞ
真っ黒じゃないテンプレも探していましたが、落ち着いた雰囲気で悪くないです。
2011.01.31 22:03 | URL | #GwI18cS2 [edit]
NooN says..."教えて下さい"
はじめまして。ブログを始めるにあたり "mystery" を使わせて頂いてます。
ブログタイトル下のナビバー(?)についてなのですが、本来なら
Home | menu2 | menu3
と表示されるはずが、何故か下記のように "Home" が "ホーム" とカタカナで表示されてしまいます。
ホーム | menu2 | menu3

ちなみにHTMLの記述は下記のようになっております。
<ul id='nav'>
<li><a href='./'><%template_home></a></li>
<li><a href='#'>menu2</a>
<ul>

"Home" に直す方法を教えて頂けますでしょうか。宜しくお願いします。
2011.02.10 05:10 | URL | #GCA3nAmE [edit]
管理人 says..."NooNさんへ"
こんにちは。

元々のテンプレートはhomeになっているのですが、
ダウンロードの際にファイルが壊れたりして変数になってしまった
のかも知れません。原因はよくわかりませんが、
もう一度ダウンロードしてみるか、
<%template_home>の部分をhomeに書き直してください。
2011.02.11 11:55 | URL | #- [edit]
NooN says...""
こんにちわ。
不思議な事にどこもいじっていない "mystery" でも「ホーム」と表示されるんです。
初心者なりに色々調べてみたのですが、もしかしたらアドレスにサーバー番号のないタイプのブログ特有の不具合のような気がします。
『euc-jp』から『utf-8』への変更って何か関係あります?
2011.02.15 11:00 | URL | #GCA3nAmE [edit]
管理人 says..."NooNさんへ"
こんにちは。

FC2ブログは突然何の前触れも
なしに仕様変更があったりするので、困ります。
1月の末ごろから、番号のついていないサーバーに限り、特定の文字列が
多言語用の変数に置き換えられてしまうらしいです。
これは管理人も気が付きませんでした。
ご覧になってるかも知れませんが、この問題について詳しく
書いてあるブログがありましたので、ご一読ください。

http://paro2day.blog122.fc2.com/blog-entry-662.html

変数になってしまったところは、homeと書き直すのが
手っとり早いと思います。

少し時間がかかると思いますが、
テンプレートの方を修正するかどうかも含めて対策を考えます。
2011.02.15 11:38 | URL | #- [edit]
NooN says...""
お返事ありがとうございます。原因が解ってほっとしました。
これからも素敵なテンプレートを期待しています。
2011.02.15 11:56 | URL | #GCA3nAmE [edit]
Sim says..."コンテンツスライダー画像変更"
こんにちわ
こちらのテンプDLさせてもらいましたが。
コンテンツスライダーの使い方がいまいちわかりません。
初心者なので画像変更の仕方などさっぱりです^^;

あと、スライダーに他のページにとばすリンク等を貼り付けることはできるのでしょうか?
お手数ですがよろしくお願い致します。
2011.03.07 17:43 | URL | #- [edit]
管理人 says..."Sim さんへ"
こんにちは。

上の記事に追記してみたので参考にしてみてください。
2011.03.09 13:02 | URL | #- [edit]
ash says...""
こんにちは。

とても素敵なテンプレートで気に入りまして、導入しようとカスタマイズを始めた者です。

ダウンロードしたjavascriptを使って画像をポップアップしようとしたのですが、既に作者様が組み込まれていた(!?)ようで、クリックすると二重で画像が表示されてしまいます。
この場合どこを省いたらよいのでしょうか?

私はこの様な知識が全くないので、自分で色々と削ってみたのですが、手詰まりになってしまいまして投稿しました。

宜しくお願いいたします


2011.05.01 10:34 | URL | #- [edit]
管理人 says..."ashさんへ"
こんにちは。

このテンプレートの場合、thickboxというライブラリが
導入されているので、いらなければjqueryへのリンクを削除して
ください。

htmlの上の方に
<script type="text/javascript" src="http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/thickboxformystic_20110120160225.js"></script>
というリンクがあると思いますので、
これを削除します。
これで、動作しなくなると思います。
2011.05.07 11:50 | URL | #i4E9Nobc [edit]
Siori says..."初めまして"
おはようございます。
ブログをはじめて3年。
FC2に引越しをして一か月余り。
カスタマイズできるテンプレートの使用は初めてです。

MysticDiaryさんのテンプレートを何点かお借りしています。
大変見やすく斬新でお気に入りです。
いろいろテンプレートを替えて楽しみたいと思っています。

他の作品の画像がとてもステキでしたので初挑戦で
現在使用している「mystery」の画像を差し替えてみました。
成功したように思いますが
元に戻す手間が大変なこともありそのまま更新して使用しています。

偶然、トップにも画像が入れられること知り
他の作品のお気に入りの画像を使わせていただいています。
事後承諾になりますが宜しくお願い致します。
承諾いただけない場合でも、少し時間をいただければ元に戻すことは可能と考えています。
宜しくお願い致します。

Siori
2011.09.07 08:03 | URL | #- [edit]
Wildcat says..."初めまして"
はじめまして。Wildcatと申します。
「mysticdiary2」をとても気に入ってしまい、使わせて頂いています。
スライダー画像が差し替えられるのがとても気に入ってます。

ところでそのスライダー画像なのですが、4枚ともこちらで作成したオリジナル画像にしていますが、最近、ブログを読み込んだ時に4枚の画像が縦に並んだ状態でWEBページが表示されてしまうようになりました。
以前は時々なる程度で、単なる読み込みミスだと思っていたんですが、最近はずっとその症状です。特にテンプレートを触った記憶もないのですが、何か原因が考えられるでしょうか?
よろしければご教授願えないでしょうか。
2011.10.24 02:37 | URL | #- [edit]
Wildcat says...""
こんにちは。以前こちらで質問させて頂いたのですが、自己解決しました。
体調がすぐれないそうでご迷惑おかけしました。それでは失礼します。
2011.10.29 17:00 | URL | #- [edit]
says...""
はじめまして

私も上のWildcatさんと同じ様に画像が縦に並んでしまいます。
すみませんが、直し方をご指導いただけませんでしょうか・・・。
よろしくお願いします。
2012.09.21 18:13 | URL | #- [edit]
管理人 says..."結さんへ"
こんにちは。

画像が縦にならんでしまうとのことですが、
やはり読み込みの速度の問題だと思います。
それ以上はちょっとわからないです。
すみません。

よろしくお願いします。
2012.10.01 12:53 | URL | #i4E9Nobc [edit]

Leave a reply






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

Trackbacks

trackbackURL:https://mysticdiary.blog.fc2.com/tb.php/359-f78018c9
← アリスインワンダーランド → すっごい久しぶりだけど