mysticdiary

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

要約のさらに要約

fc2blogの変数ではブログの要約を表示できる<%topentry_discription>というのが
ありますが、それだとちょっと長いなあと思っていたので、
jqueryで要約をさらに短く80文字ぐらいまでにしてみました。
これぐらいだと写真と一緒に表示してもバランスがいいかなあと思います。

audry.jpg ブログの画面はこんな感じです。
audrysample.jpg

ヘッダーのナビゲーションの部分は
<nav class="topnav">
<a href="#" id="menu-icon"><i class="fa fa-plus-square"></i></a>
<ul>
<li><a href="#" onfocus="this.blur();" class="nonborder" title="menu">menu</a></li>
<li><a href="#" onfocus="this.blur();" class="nonborder" title="menu">menu</a></li>
<li><a href="#" onfocus="this.blur();" class="nonborder" title="menu">menu</a></li>
<li><a href="#" onfocus="this.blur();" class="nonborder" title="menu">menu</a></li>
<li><a href="#" onfocus="this.blur();" class="nonborder" title="menu">menu</a></li>
</ul>
</nav>
この部分の#を該当のアドレスに、menuの部分をお好きな言葉に
変更してくださいね。

ヘッダーの画像を変更したい場合は、cssの
#header-container{
width:20%;
height:100%;
margin:0;
padding:50px 20px;
position:fixed;
top:0;
left:0;
background-image:url(http://blog-imgs-69.fc2.com/m/y/s/mysticdiary/flo.jpg);
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}

上のbackground-imageのurlを差し替えます。

ファイルは以下からダウンロードしてください。

audry.zip
DOWNLOAD
関連記事
baorin

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

15 Comments

M says..."すてきなテンプレありがとうございます。"
いつもすばらしいテンプレートですが、今回はそれ以上です。
使わせてもらいました。

しかし、どういう訳か記事の表示が一列になってしまいます。

参考写真のように3列になってくれません。

写真のサイズとか関係あるのでしょうか?
2014.07.20 06:24 | URL | #YqzQT8Bs [edit]
M says..."勘違いしてました。"
すみません。
自己解決しました!!

これからも素敵な作品期待させていただきます。
2014.07.20 06:29 | URL | #YqzQT8Bs [edit]
chiemi says..."ありがとうございます"
素敵なテンプレート
大事に遣わせて頂きます。

これからも、楽しみにしています。
テンプレだけでなく、時々お話しで、お顔を出して頂けると
嬉しいなぁなんて、我儘言います....

暑い日が続きます。
どうか、ご自愛くださいますよう.......
2014.07.21 13:42 | URL | #- [edit]
kino says..."シックなテンプレートですね"
さっそくDLさせていただきました。
いつもすてきなデザインで、癒やされます。

ちなみに今回のテンプレートなのですが
jqueryのcallaboxは使うことは不可能だと思うのですが
YouTubeだけでもサムネイルで開くことはできないでしょうか?
一応、callaboxを組み込んでみたのですが
全画面で表示されてしまいます。

もし、可能でしたらレクチャーをお願い申し上げます。

これから夏本番。
体をご自愛くださいませm(_ _)m
2014.07.22 02:32 | URL | #- [edit]
M says..."何度も投稿してすみません。"
お忙しいところ失礼します。

このテンプレートすごく気に入ってるのですが、

MysticDiaryさんはいつも背景を数秒ごとにチェンジさせているテンプレートをお作りになってますが、
このテンプレートも左側の背景をフェードさせながら変えることはできないでしょうか?

自分なりにいろいろ試してみたのですが、やはりできませんでした。


2014.07.22 10:07 | URL | #- [edit]
管理人 says..."navy_brosさんへ"
こんにちは。

すいませんが、このテンプレートはホームページ風に作っていないので
固定ページを作ることはできないことになっています。

固定ページを作るにはphotogalleryのテンプレートのように
管理画面での設定やHTMLやcssをいじったりすることが必要になります。
ホームページ風にして配布するかどうかは未定です。

よろしくお願いします。
2014.07.22 11:20 | URL | #i4E9Nobc [edit]
管理人 says..."chiemiさんへ"
こんにちは。

テンプレート気に入っていただけてよかったです。
なかなか忙しくて頻繁にこられません。
もっと時間があれば・・と思うのですが・・。

よろしくお願いします。
2014.07.22 11:26 | URL | #i4E9Nobc [edit]
管理人 says..."kinoさんへ"
こんにちは。

すいませんが、callaboxというプラグインを知りません。
プラグインの作者さんに聞いたほうが早いと思います。

あと利用規約にもありますが、カスタマイズに関する質問には返信しないので
ご承知おきください。カスタマイズはあくまで自己責任でおこなってください。

よろしくお願いします。
2014.07.22 11:41 | URL | #i4E9Nobc [edit]
管理人 says..."Mさんへ"
こんにちは。

すいませんが上の方にも書きましたが、
カスタマイズに関する質問には返答できません。
カスタマイズは自己責任でおこなってください。

よろしくお願いします。
2014.07.22 11:43 | URL | #i4E9Nobc [edit]
kino says...""
早速のお返事、ありがとうございます。
callaboxはMysticさまのところから、リンクされているプラグインだった記憶があります。
http://www.jacklmoore.com/colorbox/
Lightboxの動作を軽量化したものと聞いております。

カスタマイズは自力で頑張ってみますm(_ _)m
暑い中、わざわざお返事いただきありがとうございましたm(_ _)m
2014.07.23 00:08 | URL | #- [edit]
kino says..."今回のヘッダーが素晴らしいです!"
新しいテンプレートなのでしょうか?
すごくシンプルでステキです。
本とペンのヘッダーがおしゃれですね。
Mysticさまのテンプレートは横幅が広くて大好きです。
このテンプレートを配布していただけると、嬉しいのですが……
ご自分用ですよね?
無理を言って申し訳ございませんm(_ _)m
2014.07.27 01:46 | URL | #- [edit]
管理人 says..."kinoさんへ"
こんにちは。

今のところこのテンプレートを配布する予定は
ないんですけど、もしかしたら気が変わったら配布するかも
しれません。要するに未定・・・
とこんなところです。
2014.07.29 19:32 | URL | #i4E9Nobc [edit]
ラリー says..."教えていただきたいことがございます。"
初めまして。
こちらのテンプレートを気に入り、使わせて頂いてます。

質問なのですが、ヘッダー部分と言うのでしょうか。
トップ画像を自作したものに変更したいのですが、どうすれば変更出来るのでしょうか?
他はカスタマイズ出来たのですが、そこだけが分からず苦戦しております。
どうか宜しければ教えてください。
2014.09.25 17:21 | URL | #z1uogJ6Q [edit]
管理人 says..."ラリーさんへ"
こんにちは。

記事の最後の方に追記したので、
参考にしてみてください。
2014.10.01 11:50 | URL | #i4E9Nobc [edit]

Leave a reply






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

Trackbacks

trackbackURL:https://mysticdiary.blog.fc2.com/tb.php/470-5e0d778e
← 共有申請しました〜 → なんちゃってonepage