MysticDiary

長い夏休みも終わりです

Posted by baorin   7   0

長い休職期間が終わりそうで、テンションが低い管理人です。
あー家でだらだらできるって素晴らしい!(笑)
またしばらく忙しくなりそうなので、最後にテンプレート投下しときます。
完全可読性無視、雰囲気重視のテンプレートです。

silentgreen.jpg

追記でカスタマイズ方法を書きますね。

1.上部ナビゲーションの編集
<nav id="menu">
<ul>
<li><a href="<%url>archives.html" onfocus="this.blur();" class="nonborder" title="記事リスト">Articles List</a></li>
<li><a href="#" onfocus="this.blur();" class="nonborder" title="LoremIpsum">Lorem Ipsum</a></li>
<li><a href="#" onfocus="this.blur();" class="nonborder" title="AobutMe">About me</a></li>
<li><a href="<%server_url>control.php" onfocus="this.blur();" class="nonborder" title="管理画面">Log in</a></li>
</ul>
</nav>

これはいつもとおんなじ。#のところにリンクをいれて、好きなタイトルに変更するだけです。

2.記事下の著作者の紹介文
<span class="authorname"><span class="name"><%author_name></span><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. </p>

これはお好きな文章を入れてください。

3.背景画像の変更
<script>
$.backstretch([
"https://blog-imgs-122.fc2.com/m/y/s/mysticdiary/fog_201808291424169e2.jpg",
"https://blog-imgs-122.fc2.com/m/y/s/mysticdiary/fog_201808291424169e2.jpg",
"https://blog-imgs-122.fc2.com/m/y/s/mysticdiary/fog_201808291424169e2.jpg"
], {
fade:2000,
duration: 10000
});
</script>

backstretchというプラグインを使ってます。
お好きな画像に変更してください。
関連記事
baorin

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

7 Comments

猫村 says..."おはようございます"
テンプレート気に入って使わせて頂だいてます!
いつもありがとうございます(*^^*)

前回のテンプレートと、今回のテンプレートはどこからダウンロードできますか?
ぜひ利用させていただきたいです★
これからもステキなテンプレート楽しみにしています!
2018.09.01 09:03 | URL | #- [edit]
管理人 says..."猫村さんへ"
テンプレート使っていただきありがとうございます。このテンプレートと前回のテンプレートは既に共有申請していますので、来週か再来週には管理画面からダウンロードできるようになると思います。
よろしくお願いします。
2018.09.01 12:46 | URL | #i4E9Nobc [edit]
Jessephync says..."Реклама на транспорте СПб"
Полезная информация для клиентов:
Наружная реклама на транспорте от 500 руб. Для новых клиентов скидки до 30%. Вашу рекламу сразу заметят и поток клиентов гарантирован!
Звонить по телефону на сайте <a href=>transport.ramedor.ru</a>
2018.09.11 10:19 | URL | #Y9l75cCk [edit]
miaon says..."とても好きです"
はじめまして、『silentgreen』のテンプレートをお借りしました。ありがとうございます。

自分ではどうしてもカスタマイズの方法がわからなくて、お手数ですが良かったら教えてください
HOME=TOPページで表示される画像を、一部トリミングでなく、ノートリ天地あわせ(横は成り行きで)にしたいのです。
デモ表示ではなっていたので設定できるのだとは思うのですが、初心者のためわからないのです。
よろしくお願いします
2018.09.21 02:02 | URL | #- [edit]
管理人 says..."miaonさんへ"
こんにちは。
テンプレート使っていただきありがとうございます。
画像の調整方法ですが、Imagefitというプラグインを使用しているため、
そちらの調整が必要になります。
ttp://periplox.github.io/jquery.imagefit/のページのデモ(頭にhをつけてください)で
いろいろためしていただきお好きな配置に設定してください。
テンプレートの下の方にimagefitのスクリプトがあります。
その設定を書き換えてください。
左上に画像を合わせるなど設定できます。
デモ画面の左にあるResulting code:の中身をコピペすれば
OKです。
よろしくお願いします。
2018.09.22 10:43 | URL | #- [edit]
SergioFar says..."Здоровье. Health. Антистарение. Жизнь. Реклама"
Гражданство женщинам из СНГ через Брак. Можно Формальный. Гарантия 100%. Дорого. Обращаться на почту znakfortune@gmail.com
2018.09.26 01:49 | URL | #vEP60U52 [edit]
SergioFar says..."Здоровье. Health. Антистарение. Work Home"
Гражданство женщинам из СНГ через Брак. Можно Формальный. Гарантия 100%. Дорого. Обращаться на почту znakfortune@gmail.com
2018.09.30 12:20 | URL | #vEP60U52 [edit]

Leave a reply






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

Trackbacks

trackbackURL:https://mysticdiary.blog.fc2.com/tb.php/600-09d835f4