mysticdiary

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

夏の思い出

まだちょっと思い出というには早いかもしれませんが、
夏の思い出で飾れるようにテンプレート作ってみました。

summermemorisample.jpg


トップにはいつものclossslideとabout meなど自己紹介や好きな言葉を書いたりする
スペースをつくりました。
背景のクローバーも自分で作成した画像などに簡単に差し替え可能です。

●写真の変更の仕方
<div class="photo">
<div class="photo2">
<script type="text/javascript">
$(function() {
$('.photo2').crossSlide({
sleep: 10,
fade: 5
}, [
{ src: 'http://blog-imgs-52.fc2.com/m/y/s/mysticdiary/summermemoryphoto3.jpg'},
{ src: 'http://blog-imgs-52.fc2.com/m/y/s/mysticdiary/summermemoryphoto2.jpg'},
{ src: 'http://blog-imgs-52.fc2.com/m/y/s/mysticdiary/summermemoryphoto1.jpg'}
]);
});
</script>
</div>
</div>

この部分の画像リンクを変更してください。
写真のサイズは287px×273pxです。

●自己紹介の部分の変更の仕方

<div class="aboutme">
<h3>About me</h3>
<p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit
同様に、悲しみそのものを、それが悲しみであるという理由で愛する者や、それゆえ得ようとする者は、どこにもいない。</p>
</div>

このHTMLの
<h3>About me</h3>

この部分はお好きなタイトルを入れてください。

たとえば
<h3>私について</h3>

こんな感じに変更できます。
<p>~</p>
の部分はお好きな文章を入れます。

●背景画像の変更の仕方

#container{
width:960px;
margin:0 auto;
background-image:url(http://blog-imgs-52.fc2.com/m/y/s/mysticdiary/summermemoryhana.png);
background-repeat:no-repeat;
background-position:right top;
}

このCSSの画像リンクの部分をお好きな画像に差し替えます。
関連記事
baorin

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

18 Comments

名無しさん says...""
いつも見させていただいています
こちらはどちらからDLすればよいのでしょうか???
リンクが確認できないのでヨロシクお願い足します!
2012.08.07 21:54 | URL | #wLMIWoss [edit]
管理人 says..."ナナシさんへ"
こんにちは。
こちらのテンプレートは共有テンプレートになっているので、
FC2ブログの管理画面からダウンロードしてください。
よろしくお願いします。
2012.08.08 14:31 | URL | #i4E9Nobc [edit]
つくママ says...""
こんにちは。こちらのテンプレートを使用させて頂いています。
このテンプレートをカスタマしたいのですが・・・
と、言っても非常にパソコンに疎いです。
風景や空の写真のところに、自分で撮った写真など入れられるのでしょうか?
出来ましたらご指導下さい。
2012.08.31 11:17 | URL | #ZJmJft5I [edit]
管理人 says..."つくママさんへ"
こんにちは。

写真を入れ替え方は上の記事を参考にしてください。
よろしくお願いします。
2012.09.01 15:00 | URL | #i4E9Nobc [edit]
Pfingstrose says...""
こんにちは、こちらのテンプレートお借りしてます。
お聞きしたいんですが、このバックは変更可能でしょうか?
宜しくお願いします。
2012.09.05 08:20 | URL | #- [edit]
管理人 says..."Pfingstroseさんへ"
こんにちは。

背景の変更の仕方は上の記事を参考にしてください。
よろしくお願いします。
2012.09.06 12:55 | URL | #i4E9Nobc [edit]
cisaco says...""
こんにちは、素敵なテンプレートをお借りしております。

どうしても上手くいかない事がありまして、図々しくも書き込みさせていただきました。

ページトップのFBとツィッターの所でのLINK設定とページ下の
前頁へ行く数字の所のLINK設定を教えていただけませんでしょうか?

いろいろと分からないのにカスタマイズしてて変になったのかと思います。
お手数ですが宜しくお願い致します<(_ _)>
2012.09.12 10:47 | URL | #- [edit]
cisaco says...""
度々すみません。ページ上のFB等は出来ました♪
ページ下を教えて下さい。お願いします。
2012.09.12 11:08 | URL | #hiiZJbic [edit]
PILRO says...""
こんにちは。
simplestのテンプレを使わせてもらってますが
サイズ変更はどの部分で設定変更を行えばよろしいでしょうか?
画像を貼り付けた時にサイズがはみ出てしまって悩んです。
宜しくお願いします。
2012.09.12 12:50 | URL | #- [edit]
PILRO says...""
追記です。
ググってみるとスタイルシート編集で変更が可能のようですが
どの部分を変更すればよいか分かりません。
お手数ですが教えて下さい。
宜しくお願いします。

2012.09.12 18:02 | URL | #- [edit]
管理人 says..."cisacoさんへ"
こんにちは。

ページ下のナビゲーションはとくにカスタマイズする必要はありません。
そのままお使いください。
2012.09.13 13:08 | URL | #i4E9Nobc [edit]
のり says..."画像の変更しました"
初心者です。
画像変更は出来たのですが、写真が重なっているように見える左右の部分が元の画像で残ってしまいます。
こちらも変えることはできるのでしょうか?
2012.09.27 23:52 | URL | #lEPD.dko [edit]
管理人 says..."lEPD.dkoさんへ"
こんにちは。

写真が重なっている部分は一つの画像なので変更するのは
難しいと思います。
これを削除すると、写真の枠自体がなくなります。

よろしくお願いします。
2012.10.01 12:51 | URL | #i4E9Nobc [edit]
あかいろ says..."配布終了ですか?"
このテンプレートをお借りしておりましたが
ブログにログインできなくなり

再度新しく作り直そうとしましたが
このテンプレートが見つかりません。
配布終わりましたでしょうか?
2012.10.13 21:49 | URL | #- [edit]
あかいろ says...""
すいません
見つかりました!
再度お借りします^^
2012.10.14 21:37 | URL | #- [edit]
purimama24 says...""
こんにちは、昨日から、このテンプレート使わせて頂きました。
何とか、カスタマイズも出来、凄く気に入っています。
ありがとうございます。

出来ましたら・・・・・
投稿記事の日付、コメント、トラックバックの箇所の日付部分を英文字ではなく
日本文字表記したいと思い、挑戦してみました。
月の部分は日本語表記に変更できたのですが・・・・・・
西暦と日付の所が解りませんでした。

上記、記載の中に、ヒントがあれば教えて頂けたら嬉しいです。
宜しくお願いします。
2013.01.11 16:31 | URL | #- [edit]
luca says..."summermemoryを使わせていただいています。"
summermemoryを使わせていただいています(*^^*)おしゃれなテンプレートにPCに詳しくないわたしにもわかるテンプレートのカスタマイズ方法までブログで教えていただいてありがとうございます!本当に感謝しています(*^^*)
2014.10.16 17:21 | URL | #- [edit]
管理人 says..."lucaさんへ"
こんにちは。

テンプレート気に入ってくださりありがとうございます。
これからもよろしくお願いします。
2014.11.01 09:13 | URL | #i4E9Nobc [edit]

Leave a reply






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

Trackbacks

trackbackURL:https://mysticdiary.blog.fc2.com/tb.php/414-9060e2ef
← 背景がどんどこ動く → ファイルのダウンロードがうまくいかない方へ