mysticdiary

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

なんとなく、いや・・・かなり

タイトルにあるようになんとなくどこかで見たような感じのするテンプレートです(笑)
ピンとくる人はピンとくると思います。でもちょこっとかえてます。

apliksample.jpg


春から初夏へと移り変わる季節なので、写真は涼しげなブルー系を使いました。
もちろんお好きな写真に変更できます。

<div class="topphoto">
<div class="topphoto2">
<script type="text/javascript">
$(function() {
$('.topphoto2').crossSlide({
sleep: 10,
fade: 5
}, [
{ src: 'http://blog-imgs-52.fc2.com/m/y/s/mysticdiary/aplikephoto1.jpg'},
{ src: 'http://blog-imgs-52.fc2.com/m/y/s/mysticdiary/aplikephoto4.jpg'},
{ src: 'http://blog-imgs-52.fc2.com/m/y/s/mysticdiary/aplikephoto3.jpg'}
]);
});
</script>
</div>
</div>


上の画像リンクをご自分のアップロードした画像のアドレスに変更してください。
大きさは675px×270pxです。

あとは、上部のナビゲーションの編集ですね。

<nav class="topnav">
<ul>
<li><a href="<%url>archives.html" onfocus="this.blur();" class="nonborder" title="全ての記事">ALLPOST</a></li>
<li><a href="#" onfocus="this.blur();" class="nonborder" title="twitter">TWITTER</a></li>
<li><a href="#" onfocus="this.blur();" class="nonborder" title="facebook">FACEBOOK</a></li>
<li><a href="<%url>?xml" onfocus="this.blur();" class="nonborder" title="Rss">RSS</a></li>
<li><a href="mailto:?subject=hello!&body=message" onfocus="this.blur();" class="nonborder" title="メール">E-MAIL</a></li>
<li><a href="<%server_url>control.php" onfocus="this.blur();" class="nonborder" title="管理画面">ADMIN</a></li>
</ul>
</nav>


上の#の部分をご自分のツイッターやフェイスブックのアドレスに変更します。
メールアドレスはmail to:の後にアドレスを入れます。

グローバルナビゲーションは
<nav class="globalnav">
<ul>
<li class="menu1"><a href="" onfocus="this.blur();" class="nonborder" title="">私について</a></li>
<li class="menu2"><a href="" onfocus="this.blur();" class="nonborder" title="">仕事について</a></li>
<li class="menu3"><a href="" onfocus="this.blur();" class="nonborder" title="">menu</a></li>
<li class="menu4"><a href="" onfocus="this.blur();" class="nonborder" title="">menu</a></li>
<li class="menu5"><a href="" onfocus="this.blur();" class="nonborder" title="">menu</a></li>
<li class="menu6"><a href="" onfocus="this.blur();" class="nonborder" title="">menu</a></li>
<li class="menu7"><a href="" onfocus="this.blur();" class="nonborder" title="">menu</a></li>
</ul>
</nav>


リンクさせたいアドレスをhref="の後に挿入してください。項目もお好きに変更します。

これは来週あたり共有申請します。しばしお待ちください。
関連記事
baorin

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

9 Comments

はとこ says..."教えて下さい"
こんにちは。突然のコメント失礼致します。
HPのようなデザインに心引かれ、
このテンプレートを使わせて頂きたいと思っているものです。
ヒローバルナビに関して質問があります。
テンプレートですと、menu項目が7つありますが、
この数を減らすことは出来るのでしょうか?(6つにしたいと考えています。)
教えて下さい、よろしくお願い致します。

2012.06.03 23:48 | URL | #- [edit]
管理人 says..."はとこさんへ"
こんにちは。
メニューの数を減らすには単純にhtmlをけずればいいだけですが、
メニューの間にある線は画像なので減らすことはできないです。
よろしくお願いします。
2012.06.04 16:31 | URL | #i4E9Nobc [edit]
管理人 says..."witmanさんへ"
こんにちは。
1・リンクの色を変更するにはCSSの一番上にあるcolor指定を変更します。
変更の仕方はインターネットなどで検索してください。
2・プラグインのことについてはユーザーフォーラムなどで質問してください。
3・リンクさせたい記事のアドレスをhtmlで指定してグローバルナビとして利用します。
リンクの方法などはインターネットなどで調べてください。
上の記事も参考にしてください。
よろしくお願いします。
2012.06.05 11:06 | URL | #i4E9Nobc [edit]
はとこ says...""
管理人様
わかりました。見栄え重視で7項目メニュー作成することにします!
ありがとうございました。
2012.06.05 16:02 | URL | #- [edit]
yuai says..."質問"
管理人様

こんにちは。
突然のコメント失礼いたします。

このテンプレートについて、
教えていただきたいことがあります。

先日、このテンプレートを用いて記事を書く際に、
tableタグを用いて表を作成しようとしたのですが、
記述通りに表示されませんでした。
(正確には枠線が表示せず、
画像と並列して表示させるつもりが画像の下に文字部分だけ表示されていました。)
(該当ページ)http://chiroyuai.blog.fc2.com/blog-entry-5.html

また、別の記事において、
画像を右側に配置し、左側に文章を書こうとしたのですが、
こちらも記述通りに表示されませんでした。
(該当ページ)http://chiroyuai.blog.fc2.com/blog-entry-14.html

他のテンプレートに変えてみたところ、例えば管理人様作のテンプレート「oldnews」等では、
きちんと記述通りに表示されていました。

CSSの問題かなと思ったのですが、
どこをいじればいいか見当がつきません。

よろしければ対処方を教えて下さい。
お手数をおかけしますが、よろしくお願い致します。
2012.07.10 23:15 | URL | #- [edit]
管理人 says..."yuaiさんへ"
こんにちは。
最近のテンプレートはHTML5で記述しているため、若干仕様に変更がでてます。
たとえばtableタグのborderその他の属性はHTML5ではほとんど廃止されました。
ちなみにFC2はHTML5にはまだ対応していないので、記事編集で
テーブルを組んだだけだと反映されません。
なのでお手数ですがtableにidをつけて、CSSで細かく指定してください。
指定の仕方はインターネットで検索すると詳しい記述の方法などが載っていますので
そちらを参考にしてください。
あと画像が文章の下にきてしまうということですが、htmlを見ると、
画像が文章の横になるようなCSSの指定はされていません。
それでもIE以外でみると、なんとか表示されているのですが、
画像にfloat:right;、文章にoverflow:hidden;などと指定しますと
思った通りのレイアウトになると思います。
2012.07.11 09:57 | URL | #i4E9Nobc [edit]
yuai says..."ありがとうございます"
管理人様

なるほど、html5で記述されているのですね。
html5に関しては詳しくないので、
これから勉強しようと思います。

この度は本当に助かりました。
ありがとうございました。
2012.07.12 12:42 | URL | #- [edit]
管理人 says..."みぃさんへ"
こんにちは。

管理人の環境でIE7で見てみたところ、特にエラーはでませんでした。
なので原因はよくわからないです。
テンプレート側の問題なのか、記事やサイドバーの問題なのか
ひとつづつ元通りにして検証していくしか原因の究明はできないと思います。
「オブジェクトを指定してください」でググるとけっこうIEでは
そういったエラーが多いのだということがわかると思います。
解決の方法も検索できますが、今回のケースがどれに当たるかまでは
管理人の方ではわからないです。
あまりお力になれずすみません。
またなにかわかったらコメントします。
2012.08.02 11:56 | URL | #i4E9Nobc [edit]
lily says..."スライドショーリンク"
スライドショー写真のリンクを追加したいんです。
htmlコードを教えてお願いします~
感謝します!
2012.08.23 14:32 | URL | #- [edit]

Leave a reply






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

← すずしげに・・ → モノクロ