mysticdiary

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

久々にテンプレート作りました。

なんだか4月ごろから眠くてボーっとしている日が多くなってきたと思ったら、
今度は暑くてだるくなってきた管理人です。(笑)
そんななかでも、久々にテンプレート作りました。
どんなのにしようか色々試行錯誤してやっとこさ完成。
結局シンプルが好きなのね〜。

circlemac.jpg
今回は、トップページだけにスライダーが表示されます。
<div class="photoimage">
<ul class="rslides">
<li><img src="https://blog-imgs-69.fc2.com/m/y/s/mysticdiary/girl.jpg" alt=""></li>
<li><img src="https://blog-imgs-69.fc2.com/m/y/s/mysticdiary/book.jpg" alt=""></li>
<li><img src="https://blog-imgs-69.fc2.com/m/y/s/mysticdiary/window.jpg" alt=""></li>
</ul>
</div>

上のhtmlの画像リンクを差し替えてくださいね。
画像の大きさは自由ですが、サンプルでは980px×343pxです。

これは共有申請したので、ダウンロードできるようになるまでしばらくお待ちください。
無事に審査を通ったので管理画面の方からダウンロードしてください。

関連記事
baorin

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

15 Comments

タカヒラ says..."トップ画面の上の写真の変更"
MDさんのテンプレート好きです。
こちらのテンプレートを使いたいのですが、
トップ画面の上の写真の変更の仕方がわからなくて・・・
どこを変えればいいんでしょうか?
ごめんなさい、教えてもらっていいですか?
2014.06.01 12:29 | URL | #- [edit]
kino says...""
横スレですみません。
トップ画面の画像の差し替えは980px×343pxサイズの画像を
ご自分のサーバーにファイルアップ後、そのurlを書き替えれば画像の変更はできますよ(’’
2014.06.04 00:09 | URL | #- [edit]
45slim says...""
はじめまして。
こちらのテンプレートが素敵すぎて最近使用させて頂いております。
本当に「シンプルイズベスト」とはこのことですね。

唐突ですが質問がありコメントをさせていただきました。
3つの画像がスクリーンセイバーのように変わっていくのですが、
この速度を早くすることは可能でしょうか?
可能であればどこをどういじればいいのかお教え頂ければ幸いです。
どうかよろしくお願いいたします。
2014.06.15 14:51 | URL | #- [edit]
管理人 says..."45slimさんへ"
こんにちは。

スライドの時間を早くするには、テンプレートの上部の方にある該当箇所を編集します。
(がんばってみつけてください)

speed: 1500, // Integer: Speed of the transition, in milliseconds
timeout: 10000, // Integer: Time between slide transitions, in milliseconds

早くするには、下の行の10000を8000とかお好みで変更してください。
上の行は移り変わりのフェードにかかる時間なので、下の行の数字より小さくしてくださいね。

よろしくお願いします。
2014.06.16 11:43 | URL | #i4E9Nobc [edit]
45slim says..."管理人さんへ"
早速のご回答大変恐縮です。
先ほど試しましたところ無事変更することが出来ました。
ご丁寧にお教えいただきありがとうございます。
出来るだけ自力でと思い色々調べるのですが、どうしても行き詰まってしまう事があります。
そんな時は最終手段としてご質問させて頂くかもしれません。
厚かましくも何卒よろしくお願い致します。
2014.06.16 12:04 | URL | #- [edit]
名無しさん says...""
こんにちは!
日付などの情報とそのバックにある丸いテキストを消す方法を教えて頂けると助かります!
ブログというよりホーページにしたいので
どうぞよろしくお願いします
2014.06.20 06:43 | URL | #- [edit]
daikichi says..."がんばって自己解決してみます"
いろいろありがとうございました。
結局、自分で試行錯誤してできたものの方が、
成功した時の感激も大きいですね。
また素敵なテンプレートをお願いします。
2014.07.05 09:56 | URL | #IEPv7mUo [edit]
squeezy says..."iPadでは画像右部分が切れてしまい、、、"
管理人様
いつも素敵なテンプレート有難うございます。
こちらとても素敵でfc2でダウンロードさせて頂き使っていたのですが、PCですと画像は綺麗に見れるのですがiPadだと横置き画像の右部分が切れて見えなくなってしまいました。。。
縦置き画像は問題ないのですが横置き画像は右部分が切れて縦置き画像と同じ幅になります。
自分の画像の大きさやiPad側の問題かもしれないのですがもし解決方法などありましたら教えて頂ければありがたいです。
2014.07.05 16:20 | URL | #- [edit]
管理人 says..."squeezyさんへ"
こんにちは。

画像の右端が見えなくなってしまうのは、画像の横幅が表示領域をこえた場合には
見えなくする設定がしてあるからです。
どんな画面サイズでも画像を全部見せたいのであれば、
縮小表示するしかないと思います。
その場合は、cssに
.blogpost img{
max-width: 100%;
height: auto;
width /***/:auto; 
-ms-interpolation-mode: bicubic;
}
とでも書き加えると全部表示されるようになると思います。

よろしくお願いします。
2014.07.06 09:31 | URL | #i4E9Nobc [edit]
squeezy says..."有難うございます!"
管理人様
お忙しい中、早速お教え頂き有難うございます!
お陰で調整できました。
他のブログからの移行なので写真サイズを全て変更するのが難しかったので大変助かりました。
本当に有難うございました。
2014.07.08 23:32 | URL | #- [edit]
ゆっきー♂☆ says..."はじめまして。"
テンプレート、シンプルでとても素敵です。

ありがたく使わせていただいておりますが、ブログタイトルと記事タイトルのフォントを変更したいのですが可能でしょうか。

やり方が分かりません。

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

よろしくお願いします。


2014.08.16 02:35 | URL | #- [edit]
himi says..."管理人さまへ"
はじめまして。
どれもすてきなテンプレートばかりで、いつも愛用させてもらっています。
今回は、このテンプレートのシンプルさがとても気に入り、現在使わせてもらっています。
ただ、日付の年代が記事に入らないことが気になっています。
丸の中に入っている日付はそのままでいいのですが、
どこかに年代も入れられたらと思っています。可能でしょうか。
もし可能なら、たいへん恐れ入りますが、やり方を教えていただけると幸いです。
どうぞ、よろしくお願いします。
2014.09.10 15:12 | URL | #8w11VUaU [edit]
M'Vet Lab says..."初めまして管理人様。"
初めまして。管理人様。

このテンプレートをFC2でダウンロードして使用しています。とてもシンプルで気に入っています。
質問があるのですが、ブログタイトルのみの文字サイズを大きくするのと同時に文字の色も変更するにはどうすればよろしいですか?

HTMLは初心者で現在勉強中ですがよくわかりません。
よろしくお願いします。
2015.01.01 20:12 | URL | #- [edit]
管理人 says..."M'Vetさんへ"
こんにちは。

タイトルの文字を変更するには、cssの以下の部分で変更します。
h1{
padding:30px 0 0 0;
margin:0;
font-size:25px;
}
上のfont-sizeの大きさを変えてください。
色は、以下の

h1 a:link,h1 a:visited{
color:#666666;
}

h1 a:hover{
color:#cccccc;
text-decoration:none;
}

colorの部分をお好きな色に変更します。
よろしくお願いします。
2015.01.08 13:17 | URL | #i4E9Nobc [edit]
M'Vet Lab says..."ご回答ありがとうございます。"
お忙しい中、返信ありがとうございます。

うまく変更できました。
とても気に入っています。

愛用させていただきます。

ありがとうございました。
2015.01.18 23:30 | URL | #- [edit]

Leave a reply






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

Trackbacks

trackbackURL:https://mysticdiary.blog.fc2.com/tb.php/464-8273c0ee
← 写真ブログに・・・ → 広告うざいなあ・・・(笑)