*ADMIN*

Customize in Ninja Blog

NINJAブログを使いこなそうと始めたブログ。

≪ 2024.04│ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 ≫

2024-04-26(Fri)

[PR]

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

author:あるふぁ [05:13:19]│ Comment(-) │ Trackback(-) │〆

│▲

2006-08-26(Sat)

前々から、手をつけようと後まわしになっていたリンク。
このたび、いくつかのサイト様にリンクのお願いに上がってました。

今回、新たにリンクさせていただいたサイト様▼
○果報は寝て待て（-_☆）
・・・いつもコメントいただいているPavlobaさんのブログ。
いつもありがとです♪

○TMP*blog.2nd
・・・FC2とNinjaでブログテンプレートを作成されているころさんのブログ。
実は、FC２で発表されたころからうさぎ郵便屋さんのテンプレが大好きでした♪

○The Preparation Room
・・・Lunch Box - playgroundのみうみうさんのブログ。
テンプレ配布しているのはこちらなので、新たにリンクさせていただきました♪

今回、リンクをBlogPeopleかドリコムRSSかに移動させようと計画してたのですがそれには至らず・・・
とりあえず以前からリンクしたいと思っていたサイト様を追加させていただきました。
とってもオススメブログです♪

author:あるふぁ [21:20:39]│ Comment(1) │Trackback() │〆

[ブログ]雑文

│▲

2006-08-26(Sat)

DOCTYPE宣言　HTML4.01lかXHTMLか

HTML4.01lでテンプレを作るかXHTMLでテンプレを作るかいつも迷ってます。
一応、全てXHTMLのほうで作ってあります。

そのため、プラグインででてくるソースなどがHTMLのままででてくるので少々アンバランスなことになってます。

ただ、記事内の改行や、HTMLエディタで作られるソースはおおむねXHTML仕様ということですので、ブログのメインは記事だろうと私はは思ってるのでしてます。
（おおむねというのが微妙なトコですが・・・）

このあたりは使う方の好みだと思うのですが、忍者ブログの通常のDOCTYPE宣言は下のようになってます。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

私が使っているのはこれ▼

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>

前は、<?xml version="1.0" encoding="UTF-8"?>の部分がブログ上に表示されてしまうというアクシデントがあったりしたので▼のような宣言を使ってたときもありました。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

こちらはいわゆるURL付きというもの。
デザインを崩さずある程度やるのならばこのあたりが良いのではないでしょうか？

ちなみに記事内の改行を自動で入れている場合<br />が入ります。
これが連続するとAnother HTML-lint gatewayなどでチェックするとエラーになってしまいます。
回避したいのならば、<br />ではなく<p>～</p>を利用して文章を表現するといいです。
ただし、自力で入力する必要がありますが。（めんどくさいので私はやってません

）

カスタマイズする際にどーしても気になる、という方はいろいろ試してみてください。

author:あるふぁ [13:08:07]│ Comment(3) │Trackback() │〆

[カスタマイズ]テンプレート

│▲

2006-08-26(Sat)

Gray2Blockの修正

Gray2Blockをコメントの管理人にのみ表示の機能とHTMLエディタに対応させました。

HTMLエディタの対応により、HTMLエディタの画像のプロパティより変更できるため、従来の画像の左寄せはなくしました。

大きな変更箇所は次の通り。

変更箇所▼

○HTMLの変更箇所・・・コメント投稿フォームとコメント編集フォームの２箇所のPassから下を次のように変更しました。

<tr>
<th>Pass：</th>
<td>
<input class="cm_pass" type="password" name="pass" />※編集時に必要です。</td>
</tr>
<tr>
<th valign="top">Secret：</th>
<td><input type="checkbox" name="delete_flg" value="t">　※チェックすると管理者へのみの表示となります。
<td>　
</tr>
<tr>
<td colspan="2" class="cm_submit_td">
<input type="submit" value="送信" class="cm_submit" />
</td>
</tr>

このように変更しました。
コメント投稿フォームとコメント編集フォーム、２箇所ありますのでご注意を。

○スタイルシートの変更箇所
赤字の部分は削除、青字の部分は追加です。

最初のほうに次の部分があります。

div, p, hr, blockquote, address, noscript {
    position: static;
    margin : 0px 0px 0px 0px ;
    padding : 0px 0px 0px 0px ;
    text-align:left;
    border: none;
    }

赤い部分を削除してください。それから画像の指定のところで

div.entry_contents img    {
    border:0px;
    margin:0px 5px;
    padding:0px;
    float:left;
    }
div.entry_contents img.emoji {
    vertical-align:middle;
    float:none;
    height: 14px ;
    margin: 5px 0px 6px 0px ;
    }

同じく赤い部分を削除してください。今度は記事の部分です。

/* 記事 */
div.entry {
    width:498px;
    margin: 0px 0px 10px 0px ;
    text-align:center;
    text-align:left;
    background-color:#f5f5f5;
    border:1px solid #cccccc ;
    }

削除して追加するというより、centerからleftに直すというのが正しいかも。

/* コメント&トラバ*/
div.cmtb {
    width:498px;
    margin: 5px 0px 5px 0px ;
     text-align:center;
    text-align:left;
    background-color:#f5f5f5;
    border:1px solid #cccccc;
    }

こちらも同様にcenterからleftに直すといったところ。

以上が修正箇所になります。
今までどおりテキストエディタを使用し、コメントの管理人にのみ表示の機能を使用しないのならば今までのままで問題ありません。注：テンプレート自体は修正申請をしただけですので、承認はまだです。再ダウンロードされる方は、テンプレートの説明に機能の対応済みと書かれたらダウンロードしてください。

閉じる▲

author:あるふぁ [02:14:56]│ Comment(0) │Trackback() │〆

[共有テンプレート]Gray2block

│▲

2006-08-26(Sat)

HTMLエディタのテスト

いまさらですが、プレビューに必要と思われるのでHTMLエディタの表示テスト記事です。
画像と文章の表示チェックです。

センタリングする文章はこんな感じ

右寄せする文章はこんな感じ。

こんなものかなぁ？
あとは画像の左寄せ、右寄せとか。

このあたりは画像を左寄せ。
文章は右に回っていくはず。

それにしてもHTMLエディタは若干重い。
便利な分仕方ないのかな？

それから画像をセンターに。

変な感じだけどまいいか。

そしてこのあたりは右寄せのはずなんだけれど・・・
果てさてどうなってるやら(ﾟ_｡)?
ちゃんと右になるかしらん？
他にもいろいろ指定があるけれど、とりあえずこのあたりができれば、他も何とかなってるはず。

author:あるふぁ [01:48:47]│ Comment(0) │Trackback() │〆

プレビュー用記事

│▲

2006-08-26(Sat)

ブルーチャイナに管理人にのみ表示の機能を追加

ブルーチャイナに管理人にのみ表示の機能を追加し、再申請しました。

○HTMLの修正点
コメント投稿フォームとコメント編集フォームの２箇所でPassを表示する部分の下にSecretとして管理人にのみコメントを表示する機能を取り付けました。
それに伴い送信ボタンの位置を変更してあります。

<tr>
<th>Pass：</th>
<td><input class="cm_pass" type="password" name="pass" />※編集時に必要です。</td>
</tr>
<tr>
<th>Secret：</th>
<td><input type="checkbox" name="delete_flg" value="t">　※チェックすると管理者へのみの表示となります。　 </td>
</tr>
<tr>
<td colspan="2" class="cm_submit_td"><input type="submit" value="送信" class="cm_submit" /></td>
</tr>

○スタイルシート変更点
/* コメント投稿フォーム */の部分に１行追加しました。

input.cm_input {width:200px;}
input.cm_input_iro {background-color:#ffffff;}
textarea.cm_textarea {width:95%;height:150px;}
input.cm_pass{}
.cm_submit_td {text-align:right;padding:0px 10px 0px 0px ;}
input.cm_submit{width:100px;margin:2px 0px;}

青色で書かれた部分を追加しました。

大きな変更はこれだけですが、微修正もしました。
してもしなくても良いような修正なので説明は省略します。注：修正申請をしただけですので、承認はまだです。再ダウンロードされる方は、テンプレートの説明に対応済みと書かれたらダウンロードしてください。

author:あるふぁ [01:23:17]│ Comment(0) │Trackback() │〆

[共有テンプレート]ブルーチャイナ

│▲

2006-08-24(Thu)

管理人にのみ表示の機能

コメントの公開・非公開機能の追加に伴い、管理人にのみ表示のチェックボタンを追加して修正申請を出しました。

修正箇所は２箇所。
　１．コメント投稿フォーム
　２．コメント編集フォーム

どちらも、

<tr>
<th>Secret：</th>
<td><input type="checkbox" name="delete_flg" value="t">　※チェックすると管理者へのみの表示となります。　
</tr>

という部分を『Pass』を表示している部分の下に追加しました。

スタイルシートに特に変更はありません。

author:あるふぁ [18:44:58]│ Comment(2) │Trackback() │〆

[共有テンプレート]Alternation-緑×白-

│▲

2006-08-24(Thu)

むーばぶるたいぷ

一度はやりたいなぁと思うMTのブログ。
MT=Movable Type 3.2 日本語版のことです。
個人なら無償で使えるのでレンタルサーバーを自分で借りている人は多くの人がこれを設置してると思います。

でも、これのテンプレート作るの難しいんですよね～
以前、TRYしてかなり苦労した記憶が

もっともこの当時はクロスブラウザって言葉の意味も分かってないぐらいな頃でしたけれど

サーバーをほむぺ用に持ってて設置だけしたんですけど、それでアウト。
それ以上はほとんど動かせなくて、ただ枠とか画像とか貼るだけ。
あきらめてFC2ブログへ行ったのでした。（もう閉鎖しちゃいましたが。）

今なら多少は歯が立つかも～？と思いつつ、テンプレ作りするためだけにサーバーを借りる気にもなれないしなぁ。
他に何かするってワケでもないし。
それでも作ってみたいと思うのが、テンプレ作りをしてる者の性なんでしょうか？

現在バージョン3.3がリリースされています。
ダウンロードなどは下記のサイトでどうぞ▼

author:あるふぁ [18:00:00]│ Comment(0) │Trackback() │〆

[ブログ]雑文

│▲

Prev← 1P2P3P4P5P6P7P8P9P10P11P →Next

■Category

■Search

■About

●このブログについて
忍者ブログを使いこなそうと始めたカスタマイズサイト。分からないことばかりで四苦八苦しています。変なところあったらぜひ言ってくださいませ(*- -)(*_ _)ペコリ
なお、このブログで実験もしています。常に実験しているので、崩れとかありましたら教えてくださるとうれしいです。⇒BBS

●姉妹サイト・その他
　徒然倶楽部 →こちらは記事の内容を下に移転＆閉鎖しました。
　現在は十六夜's Blogがメインブログになってます。
　Alphaの小部屋･･･BOOKLOGで作った本棚
　Mixi･･･参加中のSNS
　~~十六夜-the sixteeth night-･･･現在作成中のメインHP~~

●リンクについて
このブログはリンクフリーです。こんなブログでよろしければぜひリンクしてやってください♪

●RSS
このブログのRSSはこちら▼
RSS 0.91
RSS 1.0
RSS 2.0

●環境推奨
動作状況：Windows XP SP2
ブラウザ：主にFirefox　他IE、Opera等
解像度：1024*768

●FireFox
私が普段利用しているブラウザ。拡張機能のWeb Developerをいれるとテンプレ作成にとても便利なブラウザになります。自分の使いたい機能をいろいろインストールしてアレンジしてます♪
ダウンロードは▼からどうぞ

●Pingoo!
忍者ブログのPing送信先は10件まで。それでもいろいろなところにPingを送りたいという場合にオススメなPing一括送信サイトです。ここ１件に送るだけでいろいろなところに送ってもらえます♪

●クリックで救える命がある

■Calendar

日	月	火	水	木	金	土
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30

■CM&TB

●コメント

パンくずナビをつける
Michalexcire⇒(01/18)
パンくずナビをつける
ViktorianitemY⇒(01/17)
コメントや最新記事にNew＆Upマークをつける
kirara⇒(04/06)
しばらく休止いたします。
リゾートバイト⇒(12/04)
独自ドメイン
shige⇒(12/01)

●トラックバック

Scrollbar ONorOFF

■NinjaLink

■Thanks

テンプレートを作成するに当たってよく利用させていただいているサイト様です。

■QRcode

QRコードをクリックするとメールフォームが開きます。
メールフォームでPCから携帯にこのブログのURLを送ることができます

もし、携帯電話で表示されきれない～とご不満の方はこちらのアプリを導入してみることをお勧めします。

無料体験できるのでぜひお試しください♪

■EntryNavigation

このページにある記事のタイトル一覧

≪

*1*2*3*4*5*6*7*8*9*10*11*

≫

■Template

○公開したテンプレのプレビュー

詳細	詳細
詳細	詳細	詳細
詳細	詳細	詳細

○公開された携帯用テンプレのプレビュー

詳細

○忍者ブログで共有化中のテンプレ

●Alternation-緑×白-
記事番号で背景色が交互に変わるちょっとおもしろテンプレ。
パンくずナビも付いてます♪

●The Leaf
初の携帯用テンプレート。さわやかな感じに仕上げてみました
絵文字使用。トップページにカテゴリー表示アリ。

●ブルーチャイナ
涼しげなチャイナ風左右メニューテンプレ。
｢China｣の色違いのような感じですが、配置は違いますのでご注意ください。
※このテンプレのピンク版もあります。共有化していないので記事内よりお持ち帰りください。
⇒ピンクチャイナ

●Gray2block
ノート風テンプレ｢Gray｣の２カラム版です。
●China
かわいい系の３カラムテンプレート。イメージはチャイナ風♪
同じ配置の青バージョンも作成しました。こちらは共有化してないので記事内よりお持ち帰りください。
⇒China-BlueVer-

●Gray
灰色のノート風罫線テンプレ。追記開閉式の３カラムです。

●JapnBlue
サッカー日本代表ユニフォームなテンプレ。追記開閉式
※このテンプレには２カラムバージョンもあります。
⇒JapanBlueの２カラム版

●碧-midori-
淡いパステルグリーンのテンプレ。追記開閉式

●蒼
画像使用なしの５ブロックテンプレ。

Scrollbar ONorOFF

○広告

■Recommend

○ルナエンバシージャパン

ストレイシープがなんだかかわいくて好き(^-^*）

■Visiter

blog SEO

[PR] 美容外科 at 名古屋