mysticdiary

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

やっとできた・・

1月に入ってから、なかなか新作を作る機会がなかったが、やっと新しいのができた。
いつも割と大人向けのテンプレートを作っているので、今回は子供でも使えるようなものを
と思い、かわいらしい感じにまとめてみた。(爆)

catapillar.jpg

真ん中辺にいる毛虫がスクロールについてくるように固定してみた。
本当はjqueryとかで、もっと動きをつけたかったのだが、上部ナビゲーションにも使っている都合で、 どうもうまくいかなかった。
あと心残りなのは、管理人の画力のなさである(爆)。
もっとイラストレーターとか勉強しようかな・・。なんとか見られるように工夫するのも 至難の技である。シックハックした挙げ句、この程度である(笑)。
そいういえば、前回作ったスライドパネルが上部から下りてくるテンプレートであるが、 多分公開は断念。
どうしても、上部にパネルをつけると、他の機能に不都合が出る。
パネルをはずせばなんの問題もない。いろいろ機能をつけすぎると、いろんな所で不具合が出る のも考えものだ。もっと技術が向上して上手いやり方を見つけられたら、公開するかも 知れない。

2月3日追記:

●上部ナビゲーションの編集

ブログ管理画面→環境設定→テンプレートの設定で、htmlを編集します。
html編集画面で上部の方にある、

<div id="menu">
<ul class="lavaLamp">
<li><a href="./">Home</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Link</a></li>
</ul>
</div><!-- menuここまで -->
というソースを探します。
この部分をお好きなように編集します。例えば、

<li><a href="http://mysticdiary.blog99.fc2.com/">私のブログ</a></li>
このようにリンクさせたいurlとブログ上に表示させたい文字を自由に変更することができます。
好きなだけリンクの数は増やしたり、減らしたりできます。(スペースの限界はありますが・・)
関連記事
baorin

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

19 Comments

hachi says...""
初めまして!
色合いと芋虫?とテントウムシがとても可愛く早速使わせていただきました。

が、タイトル横のメニューの設定はどのようにしたらいいのでしょうか?
あれは使えないのですか?
2010.02.03 12:56 | URL | #- [edit]
管理人 says...""
hachiさん。はじめまして。

上部のナビゲーションは、デフォルトではリンクを設定していません。
お好きなurlとリンク名を各人で設定していただく
ことになります。

記事に少し説明を追加してみましたので、
よかったら参考にしてみてください。


2010.02.03 23:20 | URL | #- [edit]
hachi says...""
おお!早速ありがとうございます。
可愛いフォントでしたので画像で指定してあるのだろうな…と思っておりましたが、任意でリンク指定が出来る上、文字も変えられるのはステキすぎます。

それにしてもイモムシさんがスクロールするのと一緒に動くのがかわゆすぎます♪♪
2010.02.04 00:59 | URL | #- [edit]
ラッタ says...""
管理人さま、初めまして。
とっても可愛いテンプレートなので早速ダウンロードさせていただきました。

一つ質問なのですが、このテンプレートを使うとフォントスタイル(斜体や太字など)が全て無効になってしまいました。
どこをどうすればいいのか、初心者で全く分からないのでもしよければ教えていただけますか?
よろしくお願いします。
2010.02.08 22:59 | URL | #- [edit]
管理人 says...""
ラッタさん、こんにちは。

css編集画面で一番上にある

* {
margin : 0;
padding : 0;
font-style : normal;
font-weight : normal;
word-break:break-all;
}

このcssの
font-styleとfont-weightの行を
削除してください。
これでなおると思います。。



2010.02.09 11:50 | URL | #- [edit]
merumoya says..."タイトル"
はじめましてこんにちは。
とても素敵なテンプレート、ありがとうございます。
使わせていただいてます。
芋虫くんが下までいくと、最後にお母さん芋虫?が待っているところにホッとします。

お尋ねします。少しずつ変えて使わせていただいてますが、
訪れたリンクの色が、太文字と同じ色になってしまうのが困っています。
CSSの、a:visited のところのカラーをいじってもかわりません。
すみません、もしわかれば教えてくださいませ。
2010.07.18 15:16 | URL | #5r7fuHnI [edit]
管理人 says..."merumoyaさんへ"
こんにちは。
訪問済みのリンクを変更したいとのことですが、
どこのリンクを変更したいかによって変更する箇所が変わってきます。
ナビゲーションや、記事本文、サイドバーそれぞれに
リンク色の設定がされているため、その設定が優先され、
全体のリンク設定だけ変更しても変わらないと思います。
どこを変更したいか決まっているなら、具体的に
ここを変更してください、と言えるのですが・・

2010.07.19 14:21 | URL | #i4E9Nobc [edit]
merumoya says..."お返事ありがとうございます。"
ラッタさん、こんばんは。
さっそくですが、変更したいのは記事本文の訪問済みリンクの色です。
太文字を有効にしたいために、先のコメントで教えてくださっていたようにCSSのfont-styleとfont-weightの行を削除しました。
すると、太文字にできましたが、訪問済みのリンクの色と同じ様に見えるので、できれば色をかえたいです。お手数かけますが、よろしくお願いします。
2010.07.19 23:09 | URL | #5r7fuHnI [edit]
管理人 says..."merumoyaさんへ"
こんにちは。
それでしたら、
なるべく
.kizi_body {
margin: 0px 0px 10px 0px;
padding: 15px 0px 0 150px;
}
の下に、以下のCSSを追加してください。


.kizi_body a:link{
color:#ff2442;
}
.kizi_body a:visited{
color:#59121b;
}
.kizi_body a:hover{
color:#333333;
}

色はお好みで変更してください。
2010.07.20 15:51 | URL | #i4E9Nobc [edit]
merumoya says..."できました!"
こんばんは。おかげさまでうまくいきました。
親切に教えてくださってありがとうございます。
2010.07.22 00:28 | URL | #5r7fuHnI [edit]
あやこ says..."好評を得ております"
はじめまして。
イモムシの素敵なテンプレートを保育園ママ達の情報交換ブログに
使用させていただいております。とても好評ですv-345
コメントが下ではなく横にあるのもとても気に入っています!

そのコメントなのですが、おりたたまずに、常時表示
させておく設定にすることは可能なのでしょうか。
質問違いかもしれませんが・・・よろしくお願い致します。
2011.03.05 22:14 | URL | #QHKanjk2 [edit]
管理人 says..."あやこさんへ"
こんにちは。

コメント本文を個別記事ページだけでなくて、
アーカイブ等のページでも表示させておきたいということでしょうか?

ブログの設定等では調整できないと思います。
直接htmやcssをカスタマイズする必要がありますが、
少々難しいかもしれません。



2011.03.07 20:56 | URL | #i4E9Nobc [edit]
あやこ says...""
お忙しい中、お返事ありがとうございます。

記事を開いた時に、記事下にコメントが既に開いた状態にしたいのです。

htmに「commentsをクリックする」と同様の命令文を
付け加えたらいいのかな、とも思うのですが、
なにぶん素人なので・・・どうしたらいいのかわかりません(TT)

それにしても、「自分が欲しいテンプレートがない!」という
ところから、独学でここまで色々と作成されてきたんですよね。
本当にすごいと思います。
テンプレートは色々と見ましたが、ここにきて
「あ、これも、これも、この人が作ってたんだ~」と
目に留まったものがほとんどbaobaorinさんのもので驚きました!
2011.03.08 11:39 | URL | #QHKanjk2 [edit]
管理人 says..."あやこさんへ"
こんにちは。

すみません、ちょっと意味がよくわからないのですが、
個別記事ページを開いた時に、コメント欄が
折りたたみ式になっているということですか?
管理人のテンプレートでコメント欄を折りたたみ式にしているものは
ないはずなのですが、最初からそうなっていましたか?
ためしにテンプレートをダウンロードして適用してみましたが、
管理人が見たところではコメント欄が折りたたみ式になっているという
ことはありませんでした。
なにか不可思議な現象でびっくりしております。
2011.03.08 12:00 | URL | #i4E9Nobc [edit]
あやこ says...""
すみませんっ 表現が間違っていました。
コメントが「折りたたまれている」のではなくて
「comments」をクリックしないと表示されない
と書くべきでした。多分普通の仕様なんだと思います。

保育園のママ達でコメントを使って情報交換をしているので
(掲示板のように)コメントがすぐに目に付く方が便利なのです。
でもこれは簡単なことではないのでしょうねv-393
2011.03.08 23:01 | URL | #QHKanjk2 [edit]
管理人 says..."あやこさんへ"
こんにちは。

そのような感じにできないことはないですが、
知識が必要になりますし、あまりブログにする意味がないと思います。
交流が目的でしたら、ブログよりSNSとか掲示板を
利用した方がいいと思います。
ブログとは目的が違ってくると思うので・・。

2011.03.09 12:48 | URL | #i4E9Nobc [edit]
merumoya says..."月別アーカイブ"
こんにちは。
このデザインにすっかりはまり、愛用させて頂いています。v-238
いつもありがとうございます。
すみません、またお尋ねしたいことがあります。

ブログの記事が増えるにつけて、月別アーカイブのところの月をクリックすると、その月の記事が全て一覧できるようにできたらいいなぁ。。と考えているのですが、どうでしょうか?
現行では、クリックすると1件ずつ記事が出るので何度もクリックが必要です。
例えば、カテゴリのように、一つの見出しを押せば全て又は一度に表示できる範囲の記事が出るようにできますでしょうか?


2011.05.26 10:50 | URL | #5r7fuHnI [edit]
管理人 says..."merumoyaさんへ"
こんにちは。

月別アーカイブで全部の記事を一度に表示するには、環境設定で
月別の件数を任意の数にすれば設定できますが、
それ以外の方法で・・・ということでしょうか?

たとえばFC2の標準機能の全ての記事を表示みたいな
リストにしたい・・とかいうことでしょうか?
2011.05.26 11:02 | URL | #i4E9Nobc [edit]
merumoya says..."なるほど~"
こんにちは。
すみません、おっしゃるとおり、環境設定で捜すと、できました~。
FC2の設定でいろいろできるんですね。
すっかり頼ってしまい、お門違いな質問をしてしまいました。v-49
それにしても助かりました。
お忙しい中、丁寧なお返事ありがとうございます。v-22
2011.05.27 11:29 | URL | #5r7fuHnI [edit]

Leave a reply






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

Trackbacks

trackbackURL:https://mysticdiary.blog.fc2.com/tb.php/134-e30904f1
← メタリックな感じで・・・ → 本日テンプレートをバージョンアップ!