忍者ブログ

素・材

Date:2007/02/13 23:49

久々にテンプレートを公開してみました。ちっ!3連休前の公開を狙ってたんですが、申請にてこずり公開が遅れてしまいました。さて、ちょっと技術的な話になりますが、Ninjaブログでのテンプレートの編集は「1.HTML」と「2.CSS」の2箇所をいじることで行います。ただ、新しいデザインにするたびに両方編集するのはめんどくさい。。。そこで、Z.e.R.Oで使用しているテンプレートはCSSをいじるだけで様々なデザインに対応できるような工夫がしてあります 基本的にHTML部は共通でいい。(えー、作者がずぼらなだけ、という気もしますが。)頻繁に更新をするならば、これで結構能率が上がります。

ということで、新たに作成した・・・というよりは、自分で使っている「素(す)」のテンプレートを公開してみます。どうもこのところ人気テンプレートを見てみると非常にシンプルで飾りっけも何もないものが求められているように思えるんですよねー。デザインを公開する場でありながら、デザインされたものは否定される。まぁ、なんと職人泣かせな。。。 勝手な推測ですが、テンプレートをご自身でカスタマイズする方が増えているんじゃないかと思うんです。でも、1から作るのは大変なので、できるだけ手の入っていないシンプルな「素材」を探しているんじゃないかと。そういうことなら、大いに素材として使っていただきましょう。
PR

コメント(18) Category:Blogテンプレート | Date:2007/02/13 23:49

コメント

1. N25 [褒めます]
身内を褒めるのもなんですが。。。
D15さんのテンプレートは見やすい、使いやすい、無駄がない。
さくらみたいだけど、今まで使ったテンプレートの中で今のが一番使いやすいのですよ。
でもこのシンプルなのは、シンプルすぎるので私は遠慮しときます…
posted by N25 at 2007/02/14 00:57 [ コメントを修正する ]
2. ヒマ [そうなんです!]
うんうん。職人泣かせでごめんなさい!
私のような自分でいじれない人はきっとトップと背景だけを自分で簡単に変えられたらいいなぁ~と思ってるんです!
でもD15さんのテンプレはトップの画像が「なんたらかんたらで変えられません~」ってなっちゃうんです(T_T)
私はこれが理解不能で…カスタマイズできないんです
VIVIちゃんテンプレもトップに大きく画像を入れられたらなぁ。。。と思っているんですけど…

>D15さんのテンプレートは見やすい、使いやすい、無駄がない。

私も本当にそう思いまーす(*^_^*)
posted by ヒマ URL at 2007/02/14 12:13 [ コメントを修正する ]
3. 通りすがり [無題]
どうしてもこのテンプレにTOP画像がいれられません。
できたら教えてほしいです・・・
posted by 通りすがり at 2007/02/14 14:03 [ コメントを修正する ]
4. D15 [TOP画像]
やっぱり、ダウンロードしていただいている方からのコメントを見ても、ご自分でカスタマイズをする目的なところが多いような気がしますねー。これを機にみなさんもテンプレートのカスタマイズを学んでみては!?

ところで、TOP画像の挿入方法ですが、、、
#header{

background:url(画像のパス) no-repeat;
}
#headerっていう項目がありますので、ここにこの一行を追加してみてください。VIVIテンプレートも一緒です。VIVIテンプレートの場合は、既にこの一行が指定してあると思うので、画像のパスの部分のみ書き換えてください。

CSSについては、ここなんか分かりやすいと思います。暇なときにでもどうぞ。
http://www.tohoho-web.com/css/index.htm
posted by D15 at 2007/02/14 23:52 [ コメントを修正する ]
5. 通りすがり [無題]
ありがとうございます(ノω`)
どうしてもこのテンプレがつかいたくて必死にD51さんのブログのソースから
みつけてなんとかできました。
ありがとうございましたー
posted by 通りすがり at 2007/02/15 10:14 [ コメントを修正する ]
6. POLY [質問です]
はじめまして。
投稿時間を表示させないようにすることは可能でしょうか?
posted by POLY at 2007/02/16 00:33 [ コメントを修正する ]
7. D15 [かのうです]
「HTML編集」のほうで、posted by に続く文字列を消してみてください。
失敗したら、再ダウンロードすればまた、もとのテンプレートに戻りますので、色々チャレンジしてみてくださいね。
posted by D15 at 2007/02/16 00:44 [ コメントを修正する ]
8. POLY [ありがとうございます!]
出来ました。
コメントのほうではなく記事のほうの投稿時間を消したかったのですが、じっくりソース読んでいったらわかりました。
ありがとうございましたm(_ _)m
テンプレート使わせて頂いてます♪
posted by POLY at 2007/02/16 16:05 [ コメントを修正する ]
9. SIMPLE-Share愛用者 [無題]
このテンプレート使わせて頂いております
自分好みに改修しやすくとてもありがたいです
(ちょっと間違った事を書いてしまっていたのでコメント修正しました
 修正前を既にお読みになられていたら本当にごめんなさい)
posted by SIMPLE-Share愛用者 at 2007/05/26 23:06 [ コメントを修正する ]
10. D15 [いえいえ]
ご利用ありがとうございます

幸か不幸か、修正前のコメントは読んでおりません。
えーと、なんか悪いことが書いてあったんでしょうか。。。
ということですので、お気になさらずなかったことにしちゃってください
わざわざ律儀にご報告いただき、ありがとうございまーす♪
posted by D15 at 2007/05/27 00:59 [ コメントを修正する ]
11. えあ [質問です。]
はじめまして。
こちらのテンプレート使わせていただいています!
記事の文字色を黒にしたいのですが、どうすればいいのでしょうか?
初歩的な質問で申し訳ございませんが教えてください。
posted by えあ at 2008/09/10 21:03 [ コメントを修正する ]
12. D15 [へいへい]
CSSのシート内を編集します。
color: というところで、文字の色を指定しています。
本文の色のみということでしたら、.entry_text{}の中に定義してあるcolor:というのを黒に指定してみてください。
color:#000000;
↑これが黒という意味になります。
posted by D15 at 2008/09/11 01:22 [ コメントを修正する ]
13. えあ [ありがとうございます!]
直せました!
ご丁寧に、ありがとうございました♪
posted by えあ at 2008/09/11 20:03 [ コメントを修正する ]
14. ニニャ [使わせていただきます。]
こんにちは、2009年ですがこのテンプレートとてもシンプルで気に入ったので使わせていただきました。
すこし改修しようとCSSをいじったんですけれども縦スクロールの色を変えられませんでした。
それからインラインフレームに入れると横スクロールも出て、隠すタグを打っても消えないのでどうしたらいいでしょう。
どっちもBODYに入れたのですが未熟で直せません(涙)。
posted by ニニャ at 2009/09/28 13:26 [ コメントを修正する ]
15. D15 [めずらしい。。]
テンプレートありがとうございます。

え~と、縦スクロールですが
コメント欄のスクロールのことですか???
コメント欄でしたら、CSSに#comment{}という記述を追加して
そのなかに色指定のコードを書いてみてください。
例)
#comment{
scrollbar-face-color: #ff8c00;
}

それから、インラインフレームは、別のサイト上で
このブログ全体を取り込もうとしているのでしょうか?
使用されている状況がよくわからないので
もし可能でしたら、実際のニニャさんのサイトを教えてください。
私にわかるか自信ないですが・・・
わかる範囲でお答えさせていただきます。

ちなみに、スクロールバーの色指定はIEと一部のブラウザでしか対応してないと思います。
使っているブラウザによって表示が変わってしまうと思いますのでご注意ください。
posted by D15 at 2009/09/29 10:55 [ コメントを修正する ]
16. ニニャ [無題]
こんにちは、ニニャです。
説明下手でもうしわけないです。

縦スクロールはコメントでなくて、ブラウザの一番端っこにあるやつです。右側の。なんといえばいいのでしょう・・・。
色指定なんですが、もう一つ使ってるブログは指定できたので私のパソコンで見れるはずなんです。
どこか変にいじってしまったのかもしれません。
サイトは http://2st.jp/llamallama/index2.html です。改装中なんで仮インデックスですが、<コンテンツ>の三個目<返信>でテンプレートを使わせてもらってます。
ブログだけのURLは http://llamallama.sakeblog.net/ です。

めんどくさいこと頼んでしまってすみません。
ダメもとの頼みなんで、できなくても全然いいです!
お手数おかけしますが、よろしくおねがいします。
posted by ニニャ at 2009/09/30 09:57 [ コメントを修正する ]
17. D15 [了解です]
ありがとうございます。拝見させていただきました。

CSS内のbody{}だけでなく、html{}にも同様の指定をしてみてください。
htmlとbody両方を指定する項目を追加するのが手っ取り早いと思います。

例)
html, body{
scrollbar-face-color: #ff8c00;
}
posted by D15 at 2009/09/30 11:25 [ コメントを修正する ]
18. ニニャ [ありがとうございます!]
なりました!!
例)をそのままくっつけたらきれいになりましたv
本当に、ありがとうございます!
posted by ニニャ at 2009/09/30 16:55 [ コメントを修正する ]

コメントを投稿する



Vodafone絵文字 i-mode絵文字 Ezweb絵文字 (絵文字)



<<新年好 上海(松江) | HOME | 禅タロット>>
忍者ブログ[PR]