忍者ブログ

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

[PR]

×

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

挙動不安定・・・

どうも、最近火狐の挙動が不安定。
 
記事を編集中にエラーとなって、「エラーを報告しますか?」という画面が出て、強制的にブラウザが落ちる。
 
テンプレート編集画面と記事編集画面、同時に開いているのがよくないのか?
 
この間は、2つのテンプレートの編集画面を開いて、片方のソースをもう片方に移動させようとしたら、ブラウザ落ち。。。
 
やっぱり、一個ずつ開かないとだめだね~。
作り途中のテンプレートのデータぐらいは、PCに保存しておかなきゃ。
完成したのは保存するのだけれど(- -;)
 
テンプレートのほうはというと。。。
 
アイコン画像がうまくいかない。。。
画像を作る才能はないらしい。。。
 
でも、画像に枠とかつけてみた。
タンポポ
↑飾りに使えるかな~と思って作ったタンポポ。色付いてないけど・・・・

おんなじ画像でも、リンクページ(target="_blank")に繋がってないと、右下のアイコンは出ないのです↓
タンポポ
(テキストでもアイコンがでちゃう・・・)
 
GW中は、こちらのブログはたぶんいじりません。
そろそろ、本館というか、メインを忍者に移動しようと思ってるので、そのためのテンプレート作りなどに励みます。
PR

黒っぽい・・・?

少々、テンプレ変更。。。
黒っぽいものを作ってみたのですが。。。
自分的には、精一杯の黒背景ですo( _ _ )o ショボーン

カラムはひよさんやstubborn_brainさんのブログがかっこよかったので、似たようにしてみました。

ソースは「蒼」が元になってるのですが、仕様を途中からXHTMLに変更。
ところどころ直しきれてないです。

でも、せっかくXHTMLにしても、テーブル組みじゃあまり意味ないのですけれど。。。
背景画像をきちんと下まで表示させたくてテーブルにしたのです。
テーブルじゃないとWinIE以外では背景がうまく表示されない(トホホ・・・

今度のテンプレはW3C的には駄目駄目な感じ。
見た目重視路線に走って、もっと画像でもいれよっかな。
それとも、このままじゃスタイルはほぼ「蒼」と変わらないし、なにかもうちょっと手を加えようかな?

このテンプレ、他の人にはどう見えてるんだろう・・・
気になる。

見てる方、こそっと教えてくださいな(*- -)(*_ _)ペコリ

5/3、サンプル画像をこっそりUP

自己紹介バトン

なにやらみうみうさんより、バトンを頂戴しました。
バトンなんて久しく受け取ってませんでしたが・・・

とりあえず答えてみました♪

作成中のテンプレ

ちまちまと作りつつ、製作途中のままのテンプレ

▼碧・・・50%完成
 1カラムテンプレ。javascriptの取り付けがまだ途中。作動確認してたらへんなことになったので放置。色指定もおかしいので、調整中。

▼黒・・・50%完成
 2カラムテンプレ。ゴシック系のものを作ろうとしたのだけれど、背景がうまく表示されず・・・ IE以外では使い物にならないのでどうしようかと。おそらくテーブルで組まないと駄目だと思われ。テーブルでテンプレート組むのは苦手。

▼白・・・20%完成
 3カラムテンプレ。丸角の見た目のあっさりしたのを作りたいなぁと。これはほとんど手をつけてないのでまぁ構想だけ。

あと、ノート風も作りたいのだけれど、万人向けじゃないんだな、これは。
ノート風にするには背景画像で線を入れてそれにあわせて行間や文字サイズを決定するのだけれど、「大」ってボタンで大きくした文字があると絶対無理。「中」でも微妙。
他にも、画像とかの調整もあるし・・・
指定がめんどくさいのです。あと説明も。
でも、碧の1カラム、そのままだとさびしいので、ノートにしようかなぁ。
ドット方眼なんかも好きなんだけれど。

カントリー風の画像を使ったテンプレもいいなぁと考え中。
めぼしをつけた素材サイト様があるんだよね~。
何とか使わせてもらえないかなぁ・・・

作りたいといえば、HP風の扉つきのテンプレも作りたい。
構想だけはあるもののいったいいつ作れるやら。。。

新しいことが増えて・・・

新しい変数とか、新しい新規テンプレートのクラス指定とかちょっとまた増えてるみたいなので、マニュアルとにらめっこ。

共有テンプレートの利用規約のほうも、まだ作成中。
ルール自体は出来上がっているのですが、言葉をどうしようか・・・?

忍者ブログは小学生の登録者も多いとのこと。
ということは、小学生にもわかるように書かないとってことですよね~。

読めません、わかりませんじゃ、規約作る意味がないもんねぇ。
といっても、私が小学生のときにネットなんてしてなかったし、どの程度なら分かるんだろう?
個人的なこと言わせてもらえば、私が小学校の4年の時には、「三国志」とか「水滸伝」とか(マンガじゃないですよ、ゲームでもない文庫のヤツ)ふつーに読んでたし。
それを考えると、別にそんなに簡単にしなくてもイイ気がする・・・

あと、利用方法なんかもあるといいじゃないか?見たいな事あの方がいってるので、それも書いてみよーと思ってあーだこーだ考えてたら、未だに書けない。
文章書くの苦手。
何が得意なのって突っ込まれるとなにも返せないけどさ~

今日中に、テンプレ「蒼」の利用規約と使い方、完成させます!!

CSSのブラウザ上の誤差

WinIEはmarginとpaddingの認識が少々他のブラウザと異なる。

ググッてみればかなりの記事が引っかかる。

いま、ちょっと導入を悩み中なのが、このスタイル指定
html * {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
公開中の「蒼」は入れなくても崩れないようにある程度余裕を持たせてるので大丈夫だけれど、もし1pxでも狂うとデザインが崩れるって場合には必要になってくるのかしらん?

上の指定はwidth, height の計算方法に関係するらしいので少々困る。

どーゆーコトかというと、各ブラウザにおけるCSSの認識の差があるってこと。

CSSでの認識は以下のとおり。
「width, height の示す幅・高さの範囲に内、文字等が全て収められ、padding, border はその外周に追加する形で表示する」

これが CSS1/CSS2 の仕様で、CSS3でも初期状態の解釈としてこれがあります。
CSS3でbox-sizing: content-boxと指定した場合はこの初期状態になる。

でも、WinIEの認識はこう。
周囲の padding, border 領域分も合計してそれが width, height 値と同じになる

ってこれじゃWinIEで狂うわけだ。
じゃあbox-sizing: border-box;の指定はなにか。
CSS3では、上のWinIEの認識を他のブラウザでもさせることができるっていうしろものらしい。

-moz-box-sizing:はMozilla(FireFox)の独自拡張。
なので、他のブラウザには関係ない。
でも、入れてあったほうがいい?

うーん。頭混乱してきた(←_→)??

プレビュー画面

テンプレ作成時におけるプレビュー機能が強化。
でも、Firefoxでプレビュー見れなくなってしまったのは私だけ?

「IE View」っていうFirefoxの拡張機能使っているのですぐにIEに切りかえられるので別にいいんですけれど。
なんだかなぁ ちょっとさびしい。

さぁて今日一日かけてテンプレート作成するか・・・
どこまでできるか疑問。

追記:みずの様、直してくださったみたい。
なんかこうわがままばかり聞いてもらってると心苦しい・・・
■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一括送信サイトです。ここ1件に送るだけでいろいろなところに送ってもらえます♪

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

■Calendar
03

05
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
●コメント

●トラックバック
    Scrollbar ONorOFF
    ■Thanks
    テンプレートを作成するに当たってよく利用させていただいているサイト様です。
    ■QRcode
    QRコードをクリックするとメールフォームが開きます。
    メールフォームでPCから携帯にこのブログのURLを送ることができます

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

    無料体験できるのでぜひお試しください♪
    ■EntryNavigation
    ■Template
    ○公開したテンプレのプレビュー

    ブルーチャイナ
    詳細
    ブルーチャイナ
    詳細
    Gray2block
    詳細
    China
    詳細
    Gray
    詳細
    JapanBlue
    詳細
    碧
    詳細
    蒼
    詳細
    ○公開された携帯用テンプレのプレビュー

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

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

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

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

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

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

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

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


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

    Scrollbar ONorOFF

    ○広告




    ■Recommend
    ルナエンバシージャパン

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

    ■Visiter