ススメ http://342.blog.shinobi.jp/ ラクガキ帳と言ってしまえばそれまでなんですがッ！ ja http://342.blog.shinobi.jp/Entry/67/ 【忍者ブログ】テンプレートの作成 その４ 前回作った背景画像やインラインイメージを使ってまずは大枠となるブロックをコーディングします。HTMLは前回載せましたソースをベースに各タグ（段落タグなど）と全体の状態を見る為に仮の文章を挿入していきます。 デザイン、レイアウトを確認する場合に注意しなければいけないのが、トップページと記事ページ...

]]>
デザイン、レイアウトを確認する場合に注意しなければいけないのが、トップページと記事ページの表示内容の違いを把握しなければいけません。（後々の忍者ブログ独自タグを挿入する場合にも重要）
違いを簡単に説明すると、トップページでは記事本文を複数表示（デフォルトでは5件だったかな？）し、記事ページでは１件の記事本文と追記記事、コメント、トラックバックを表示します。（カテゴリ表示やカレンダーでの表示はトップページと同じくくりになります。）

まずは、大まかなブロックをスタイルシートでコントロールしてレイアウトしようと思いますので比較的HTMLが短いトップページから進めていきます。

HTMLはこんな感じ･･･（bodyタグ内）
]]> テンプレート作成 2008-09-19T02:48:58+09:00 比呂有希 NINJA BLOG 比呂有希 http://342.blog.shinobi.jp/Entry/66/ 【忍者ブログ】テンプレートの作成 その３ テンプレートのデザインが決まったらHTMLにコーディングするワケですが、デザインをHTML化する場合、テーブルタグを主体にコーディングする方法とスタイルシート主体にする方法の大別して2種類の手法があります。ワタクシの場合は基本的に後者のスタイルシートを使ってデザインをHTML化していますので、説明等...
では、コーディングを始める前に･･･
いきなりエディタでタグを書き始めると大変ですが、予めどのように「組む」かという々考えておくとコーディングが進めやすいのでオススメです。
具体的には、下図のような感じでデザインを構成するブロックを考えます。
（シンプルなレイアウトなので構成もシンプルになりますｗ）


]]> テンプレート作成 2008-09-03T15:16:57+09:00 比呂有希 NINJA BLOG 比呂有希 http://342.blog.shinobi.jp/Entry/65/ 【忍者ブログ】テンプレートの作成 その２ テーマ性の高いブログの場合は、テーマに合わせてデザインするということになりますが、ワタクシのブログのようにノンテーマ的な場合は、自由すぎて考えづらいところがありますｗ テーマやデザインの好みは色々ありますので一概には「コレ」とは言えませんので、「こんな感じがイイナァ」というようなデザインのホームペ... テーマやデザインの好みは色々ありますので一概には「コレ」とは言えませんので、「こんな感じがイイナァ」というようなデザインのホームページを見つけて参考にすると良いカモ？

さて、ブログのデザインがイメージできたところで実際に具現化していくわけですが、ブログっぽい（らしい）レイアウトというのがありまして、下図のような感じであります。


]]> テンプレート作成 2008-08-31T19:34:01+09:00 比呂有希 NINJA BLOG 比呂有希 http://342.blog.shinobi.jp/Entry/64/ ラクガキって楽しいな！ 日課のニュースサイト巡りをしていいてたまたま見かけた記事で、なんともいえない衝撃が･･･ 「こくばん.in」というサイトに投稿されたタモリ氏を描いた作品がすごかった！ｗ そして投稿されている作品群も･･･ なんだココは！... 「こくばん.in」というサイトに投稿されたタモリ氏を描いた作品がすごかった！ｗ
そして投稿されている作品群も･･･

なんだココは！]]> 日常 2008-08-30T03:26:42+09:00 比呂有希 NINJA BLOG 比呂有希 http://342.blog.shinobi.jp/Entry/63/ 【忍者ブログ】テンプレートの作成 その１ 講座とかそういう偉そうなものじゃなくて俺的メモなのです。 重要なポイントですが･･･忍者ブログ用です。HTMLとかCSSについても書いていく予定ですが、他のブログテンプレートとかの作成に応用できるかどうかはワカリマセンし、作成方法等は色んなアプローチがありますので、ワタクシの記事が全てではないので... 重要なポイントですが･･･忍者ブログ用です。HTMLとかCSSについても書いていく予定ですが、他のブログテンプレートとかの作成に応用できるかどうかはワカリマセンし、作成方法等は色んなアプローチがありますので、ワタクシの記事が全てではないので、そのあたりを予めご了承ください。
忍者ブログについてですが、テンプレートはかなり自由に作成できるようになってます。また、一定の基準を満たすことで共有テンプレートとして公開できます。
（一定の基準と言ってますが･･･運営サイドで審査されます。）

]]> テンプレート作成 2008-08-28T15:59:17+09:00 比呂有希 NINJA BLOG 比呂有希 http://342.blog.shinobi.jp/Entry/62/ テンプレート模様替え　ぱーと３ 年１でテンプレート変えていこうとコッソリ計画してたのですが、予想通りというかバッチリとズレちゃいました･･･orz 基本的な構成は、ほとんどそのままの３column構成で、デザインは前よりはソフトな感じにしてみたつもり･･･色変わっただけじゃない？って言われるとそれまでなんですけどねｗ ...
基本的な構成は、ほとんどそのままの３column構成で、デザインは前よりはソフトな感じにしてみたつもり･･･色変わっただけじゃない？って言われるとそれまでなんですけどねｗ

ちなみに、少しずつIE7も普及してきた様なので画像はPNGを多用しています･･･ってまだIE7で確認してないのですけど（´Д｀；）]]> 日常 2008-07-25T02:48:00+09:00 比呂有希 NINJA BLOG 比呂有希 http://342.blog.shinobi.jp/Entry/61/ iPhone日本上陸予定だそうです。 うーむ…ついにiPhoneが日本上陸となるわけですが～ キャリアは「ソフトバンク」となった様です。 「iPhone」、年内にソフトバンクから登場 先日までは「docomo」が有力視されていてwktkしてたので･･･(´･ω･`) 今はMNPできるから番号とか変わらないんだけどメアドと... キャリアは「ソフトバンク」となった様です。

「iPhone」、年内にソフトバンクから登場

先日までは「docomo」が有力視されていてwktkしてたので･･･(´･ω･`)
今はMNPできるから番号とか変わらないんだけどメアドとか割引プランとか考えるとキャリアを変える気にはならないのでiPhoneは当面持つことは無いんだろうナァ


でも、あのI/Fは使ってみたいYO！




えっ？iPod touchがあるじゃないかって？
普段、音楽聴かないんですよ･･･ｗ]]> 日常 2008-06-04T23:54:46+09:00 比呂有希 NINJA BLOG 比呂有希 http://342.blog.shinobi.jp/Entry/60/ モニターが壊れたYO！ 気が付けばウチには計7台のPCが日常的に動いておりますが、 （ちなみに二人しかいません･･･一人当たり3.5台） まぁ内訳はともかく～そんな中の一台のモニタがどうも冬になってから挙動がおかしいと言うんですね･･･。 「きっと寒がりのモニタなんだ･･･」 ... （ちなみに二人しかいません･･･一人当たり3.5台）

まぁ内訳はともかく～そんな中の一台のモニタがどうも冬になってから挙動がおかしいと言うんですね･･･。

「きっと寒がりのモニタなんだ･･･」

]]> PC関連 2008-03-03T19:34:32+09:00 比呂有希 NINJA BLOG 比呂有希 http://342.blog.shinobi.jp/Entry/58/ deepBLUE(3column) 忍者ブログ用の共有テンプレート「deepBLUE(3column)」 以前に共有テンプレートとして公開してた「deepBLUE」の3カラムバージョンです。 デザイン的に左ブロックの背景をどうするか･･･非常に悩ましいところでしたが、デフォルトではエントリブロックと同様の効果としています。...
忍者ブログ用の共有テンプレート「deepBLUE(3column)」
以前に共有テンプレートとして公開してた「deepBLUE」の3カラムバージョンです。

デザイン的に左ブロックの背景をどうするか･･･非常に悩ましいところでしたが、デフォルトではエントリブロックと同様の効果としています。
背景をナシ（透明化したい）場合はテンプレートの編集でスタイルシート最終行の下記スタイルを変更してください。

※赤字を削除

/*--プラグインエリアコントロール--*/
/*--左背景ナシ--*/
//.plb_left { float: left }
/*--左背景アリ--*/
.plb_left { background-image: url("http://bfile.shinobi.jp/3782/db_entry_bg.png"); float: left; filter: alpha(style=0, opacity=70)}
.plb_right { float: right }]]> テンプレート 2008-02-02T01:22:51+09:00 比呂有希 NINJA BLOG 比呂有希 http://342.blog.shinobi.jp/Entry/56/ 電脳コイル 先週、劇的な最終回を向かえて、その余韻が冷めやまぬうちに･･･もう再放送！しかも今日から！！（同じ時間だしｗｗ） 本放送中に序盤の２話くらい見逃してるので嬉しい限り♪ 「電脳コイル」最初見たときは、夕飯を食べながら見ていたのですが･･･ノスタルジックな町並み、背景、登場人物はジブリ風... 本放送中に序盤の２話くらい見逃してるので嬉しい限り♪



「電脳コイル」最初見たときは、夕飯を食べながら見ていたのですが･･･ノスタルジックな町並み、背景、登場人物はジブリ風味でストーリー、テーマは攻殻の電脳な設定アニメ･･･いやぁコレは面白そうじゃないですか！てな具合で見始めたわけなんですが、とても面白いです。

物語の前半は、ストーリー展開がスローな感じはしますが、ちょっと特異な近未来の電脳世界を見る側に理解させていく点で非常に良く、後半に入ってくるとストーリの核心をガンガン展開して目を放せない聞き逃せないくらいとなる伏線とストーリーの展開がたまりません。

最近ではそんなにアニメは見ていないんですがコレは近年の良作ではないかと思ってたりで、おススメです。]]> 日常 2007-12-08T14:12:54+09:00 比呂有希 NINJA BLOG 比呂有希